.nav-wrap {
  background: linear-gradient(105deg, #021027 0%, #063e83 68%, #0756b7 100%) !important;
  border-bottom-color: rgba(24, 199, 214, .48) !important;
}

.nav-wrap .links { color: #fff; }
.nav-wrap .menu { color: #fff !important; }
.nav-wrap .brand-logo {
  background: transparent !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .38));
}

@media (max-width: 900px) {
  .nav-wrap .links { color: var(--navy); }
}

@media (max-width: 620px) {
  .nav-wrap .brand-logo {
    width: 150px;
    height: 66px;
    object-fit: contain;
    object-position: right center;
  }
}

.product-body .datasheet-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #0756b7, #0b75ca);
  box-shadow: 0 10px 22px rgba(7, 86, 183, .2);
}

.product-body .datasheet-btn:hover {
  color: #fff;
  transform: translateY(-2px);
}

.links .nav-sales {
  background: linear-gradient(135deg, #13a95f, #19c879);
  color: #fff;
  box-shadow: 0 8px 20px rgba(19,169,95,.24);
}

/* Product cards: balanced image display and 3D depth */
.products { perspective: 1400px; }
.product-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  transform-style: preserve-3d;
  box-shadow: 0 14px 32px rgba(4, 26, 56, .10), 0 3px 8px rgba(4, 26, 56, .06);
}
.product-card:hover {
  transform: translateY(-9px) rotateX(1.5deg) rotateY(-1.5deg) !important;
  box-shadow: 0 28px 60px rgba(4, 26, 56, .20), 0 10px 20px rgba(7, 86, 183, .12) !important;
}
.product-img {
  height: 300px;
  padding: 28px;
  background: radial-gradient(circle at 50% 38%, #fff 0%, #f4f8fc 62%, #e7eef7 100%) !important;
  overflow: hidden;
  position: relative;
}
.product-img:after {
  content: "";
  position: absolute;
  right: 18%;
  left: 18%;
  bottom: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(4, 26, 56, .18);
  filter: blur(13px);
  transform: translateZ(-20px);
}
.product-img img {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center !important;
  filter: drop-shadow(0 20px 18px rgba(4, 26, 56, .24));
  transform: translateZ(34px) scale(.92);
}
.product-card:hover .product-img img { transform: translateZ(45px) scale(.98) rotateY(-2deg); }
.product-body { display: flex; flex-direction: column; flex: 1; }
.product-body p { min-height: 0 !important; }
.product-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: auto; padding-top: 18px; }
.product-actions button,.product-actions a {
  min-height: 48px;
  border: 0;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 800 15px Tajawal, sans-serif;
  cursor: pointer;
}
.details-btn { color: #0756b7; background: #eaf3ff; border: 1px solid #bdd8f7 !important; }
.order-btn { color: #fff !important; background: linear-gradient(135deg,#13a95f,#19c879); box-shadow: 0 9px 20px rgba(19,169,95,.2); }

.product-modal { position: fixed; inset: 0; z-index: 1000; display: none; padding: 18px; background: rgba(1,16,39,.76); backdrop-filter: blur(8px); align-items: center; justify-content: center; }
.product-modal.is-open { display: flex; }
.product-modal-card { width: min(760px,100%); max-height: 90vh; overflow: auto; position: relative; border-radius: 26px; background: #fff; box-shadow: 0 35px 90px rgba(0,0,0,.38); padding: 30px; }
.product-modal-close { position: absolute; top: 15px; left: 15px; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #edf3f9; color: #041a38; font-size: 27px; cursor: pointer; }
.product-modal-content { display: grid; grid-template-columns: 260px 1fr; gap: 28px; align-items: center; }
.product-modal-image { height: 290px; padding: 22px; display: grid; place-items: center; border-radius: 20px; background: radial-gradient(circle,#fff,#eaf1f8); }
.product-modal-image img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 20px 18px rgba(4,26,56,.25)); }
.product-modal-copy span { color: #0756b7; font-weight: 800; }
.product-modal-copy h2 { margin: 8px 0 12px; font: 800 30px/1.2 Arial,sans-serif; }
.product-modal-copy p { color: #637086; }
.modal-sheet-btn { display: inline-flex; margin-top: 10px; padding: 13px 20px; border-radius: 12px; background: linear-gradient(135deg,#0756b7,#0b75ca); color: #fff !important; font-weight: 800; }
body.modal-open { overflow: hidden; }

@media(max-width:620px){
  .product-img { height: 255px !important; padding: 24px; }
  .product-img img { transform: translateZ(24px) scale(.88); }
  .product-card:hover { transform: translateY(-5px) !important; }
  .product-card:hover .product-img img { transform: translateZ(28px) scale(.92); }
  .product-body { padding: 22px 19px; }
  .product-body h2 { font-size: 22px; overflow-wrap: anywhere; }
  .product-actions { grid-template-columns: 1fr; }
  .product-modal-card { padding: 62px 20px 24px; }
  .product-modal-content { grid-template-columns: 1fr; gap: 18px; }
  .product-modal-image { height: 230px; }
  .product-modal-copy h2 { font-size: 24px; }
  .modal-sheet-btn { width: 100%; justify-content: center; }
}

/* Smart load calculator */
.calculator-page{background:#f3f7fb}.calculator-hero{padding:72px 0 110px;background:radial-gradient(circle at 83% 20%,rgba(101,245,27,.2),transparent 26%),linear-gradient(125deg,#021027,#0756b7);color:#fff}.calculator-hero h1{font-size:clamp(42px,6vw,68px);margin:10px 0 14px}.calculator-hero p{max-width:760px;color:#e5f1fb;font-size:19px}.calculator-shell{display:grid;grid-template-columns:1.35fr .85fr;gap:24px;align-items:start;margin-top:-65px;padding-bottom:35px}.calculator-panel,.calculator-results{background:#fff;border:1px solid #dbe5ee;border-radius:26px;box-shadow:0 22px 55px rgba(4,26,56,.12)}.calculator-panel{padding:30px}.calculator-results{padding:30px;position:sticky;top:104px}.calculator-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calculator-heading>div{display:flex;align-items:center;gap:12px}.calculator-heading h2{font-size:25px;margin:0}.step-number{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#0756b7;color:#fff;font-weight:800}.add-load{border:1px solid #bdd8f7;background:#edf6ff;color:#0756b7;border-radius:11px;padding:10px 14px;font:800 14px Tajawal;cursor:pointer}.loads-head,.load-row{display:grid;grid-template-columns:1.7fr .8fr .55fr .8fr 38px;gap:9px;align-items:end}.loads-head{padding:0 8px 7px;color:#627086;font-size:12px;font-weight:700}.load-row{padding:11px 8px;border-top:1px solid #e5ebf1}.load-row label{display:flex;flex-direction:column;gap:5px}.load-row label span{display:none;color:#637086;font-size:12px;font-weight:700}.load-row input,.load-row select,.system-options input,.system-options select{width:100%;height:45px;border:1px solid #cbd7e3;border-radius:10px;background:#fbfdff;padding:8px 10px;font:600 14px Tajawal;color:#041a38;outline:none}.load-row input:focus,.load-row select:focus,.system-options input:focus,.system-options select:focus{border-color:#0756b7;box-shadow:0 0 0 3px rgba(7,86,183,.1)}.remove-load{width:36px;height:36px;margin-bottom:4px;border:0;border-radius:10px;background:#fff0f1;color:#c52331;font-size:24px;cursor:pointer}.options-title{margin-top:30px}.system-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.system-options label{display:flex;flex-direction:column;gap:7px;color:#041a38;font-weight:800}.calculator-error{min-height:23px;color:#c52331;font-weight:700}.calculate-btn{width:100%;border:0;border-radius:14px;padding:16px;background:linear-gradient(135deg,#0756b7,#11a6d2);color:#fff;font:800 18px Tajawal;box-shadow:0 13px 28px rgba(7,86,183,.24);cursor:pointer}.empty-result{text-align:center;padding:70px 10px}.empty-result>span{width:70px;height:70px;margin:auto;display:grid;place-items:center;border-radius:22px;background:#eaf4ff;font-size:32px}.empty-result h2{margin:20px 0 5px}.empty-result p{color:#637086}.result-kicker{color:#0756b7;font-weight:800}.calculator-results>h2{font-size:28px;margin:7px 0 20px}.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.result-metrics div{padding:14px;border-radius:14px;background:#f0f6fc}.result-metrics b{display:block;color:#0756b7;font-size:24px}.result-metrics span{font-size:12px;color:#536278}.recommended-product{display:grid;grid-template-columns:105px 1fr;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #e1e8ef}.recommended-product img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(8px 11px 8px rgba(4,26,56,.2))}.recommended-product small{color:#0756b7;font-weight:800}.recommended-product h3{margin:4px 0;font:800 18px Arial}.recommended-product p{margin:0;color:#536278;font-size:13px}.panels-result{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding:15px;border-radius:14px;background:#eefbdc;color:#173c22}.panels-result span{color:#45604c}.result-warning{padding:10px;border-radius:10px;background:#fff4da;color:#76520a;font-weight:700}.result-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:18px}.result-actions a,.result-actions button{min-height:49px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:800 14px Tajawal;cursor:pointer}.result-actions a{border:1px solid #bdd8f7;background:#edf6ff;color:#0756b7}.result-actions button{border:0;background:#18b66b;color:#fff}.calculator-note{margin-bottom:75px;padding:20px 25px;border:1px solid #d7e2ed;border-radius:17px;background:#fff}.calculator-note strong{color:#0756b7}.calculator-note p{margin:5px 0;color:#5a687a}
@media(max-width:900px){.calculator-shell{grid-template-columns:1fr}.calculator-results{position:static}.loads-head{display:none}.load-row{grid-template-columns:1fr 1fr}.load-row label span{display:block}.remove-load{grid-column:1/-1;width:100%;margin:0}.system-options{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.calculator-hero{padding:52px 0 90px}.calculator-hero h1{font-size:42px}.calculator-hero p{font-size:16px}.calculator-shell{margin-top:-48px}.calculator-panel,.calculator-results{padding:22px 16px;border-radius:21px}.calculator-heading{align-items:flex-start;gap:10px}.calculator-heading h2{font-size:21px}.add-load{padding:9px}.load-row{grid-template-columns:1fr 1fr;padding:13px 0}.system-options{grid-template-columns:1fr}.result-metrics{grid-template-columns:1fr 1fr}.recommended-product{grid-template-columns:90px 1fr}.recommended-product img{width:90px;height:90px}.panels-result{flex-direction:column}.result-actions{grid-template-columns:1fr}}

/* v24: clean product presentation and official GoodWe branding */
.hero{background:linear-gradient(130deg,#f7fbff 0%,#fff 62%)!important}
.hero:after,.hero-glow{display:none!important}
.hero-grid{position:relative;z-index:1}
.hero-visual>img{opacity:1!important;mix-blend-mode:normal!important;filter:drop-shadow(22px 30px 24px rgba(0,0,0,.32))!important}
.goodwe-badge{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 16px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(4,26,56,.08)}
.goodwe-badge img{display:block!important;position:static!important;z-index:auto!important;width:118px!important;height:auto!important;max-width:118px!important;object-fit:contain!important;filter:none!important;transform:none!important;mix-blend-mode:normal!important;opacity:1!important}
.goodwe-heading{gap:10px!important;color:#fff!important}
.goodwe-heading>b{font-size:15px}
.goodwe-logo-pill{width:auto!important;height:auto!important;padding:7px 12px;border-radius:10px;background:#fff!important;border:1px solid rgba(255,255,255,.9)!important;display:inline-flex;align-items:center;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.goodwe-logo-pill img{display:block;width:112px;height:auto;object-fit:contain;mix-blend-mode:normal!important;opacity:1!important;filter:none!important}
@media(max-width:620px){.goodwe-badge{top:8px!important;left:4px!important}.goodwe-badge img{width:100px!important}.goodwe-logo-pill img{width:94px}.goodwe-heading{justify-content:flex-start!important}}

/* Technical support report page */
.support-page{background:#f4f7fa;min-height:70vh}.support-hero{padding:80px 0 110px;background:radial-gradient(circle at 85% 25%,rgba(101,245,27,.18),transparent 28%),linear-gradient(125deg,#021027,#0756b7);color:#fff}.support-hero h1{font-size:clamp(42px,6vw,68px);margin:10px 0 14px}.support-hero p{max-width:680px;color:#d5e2f0;font-size:19px}.support-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;align-items:start;margin-top:-65px;padding-bottom:90px}.support-info,.support-form{background:#fff;border:1px solid #dfe6ee;border-radius:24px;box-shadow:0 22px 55px rgba(4,26,56,.11)}.support-info{padding:34px}.support-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#0756b7,#12cadb);color:#d9ff4f;font-size:28px;box-shadow:0 12px 25px rgba(7,86,183,.22)}.support-info h2{font-size:27px;margin:22px 0 10px}.support-info p,.support-info li{color:#637086}.support-info ul{padding:0 20px 0 0}.support-form{padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full,.form-error,.support-submit,.form-note{grid-column:1/-1}.form-field label{font-weight:800;color:#041a38}.form-field input,.form-field textarea{width:100%;border:1px solid #cfd9e5;border-radius:13px;background:#fbfdff;padding:14px 15px;font:500 16px Tajawal,sans-serif;color:#041a38;outline:none;transition:.2s}.form-field textarea{resize:vertical;min-height:150px}.form-field input:focus,.form-field textarea:focus{border-color:#0756b7;box-shadow:0 0 0 4px rgba(7,86,183,.1);background:#fff}.form-error{min-height:24px;margin:0;color:#c52331;font-weight:700}.support-submit{border:0;border-radius:14px;padding:15px 20px;background:linear-gradient(135deg,#13a95f,#19c879);color:#fff;font:800 17px Tajawal,sans-serif;cursor:pointer;box-shadow:0 12px 27px rgba(19,169,95,.25)}.support-submit:hover{transform:translateY(-2px)}.form-note{text-align:center;margin:0;color:#718096;font-size:13px}
@media(max-width:800px){.support-layout{grid-template-columns:1fr}.support-form{grid-template-columns:1fr}.form-field,.form-field.full{grid-column:1}.support-info{order:2}.support-form{order:1}}
@media(max-width:620px){.support-hero{padding:55px 0 90px}.support-hero p{font-size:16px}.support-layout{margin-top:-50px;padding-bottom:65px}.support-info,.support-form{padding:24px 19px;border-radius:20px}}

/* Sales system request page */
.form-field select{width:100%;border:1px solid #cfd9e5;border-radius:13px;background:#fbfdff;padding:14px 15px;font:500 16px Tajawal,sans-serif;color:#041a38;outline:none;transition:.2s}.form-field select:focus{border-color:#0756b7;box-shadow:0 0 0 4px rgba(7,86,183,.1);background:#fff}.sales-hero{background:radial-gradient(circle at 85% 25%,rgba(255,230,63,.2),transparent 28%),linear-gradient(125deg,#021027,#0756b7)}.sales-icon{background:linear-gradient(145deg,#ffb800,#ffe63f);color:#0756b7}.sales-submit{background:linear-gradient(135deg,#0756b7,#12cadb);box-shadow:0 12px 27px rgba(7,86,183,.25)}.sales-layout{grid-template-columns:.65fr 1.35fr}
@media(max-width:800px){.sales-layout{grid-template-columns:1fr}}

/* Normalized product renders - strict separation between media and copy */
.product-card{overflow:hidden!important;isolation:isolate;background:#fff}.product-img{height:310px!important;padding:22px!important;overflow:hidden!important;border-bottom:1px solid rgba(7,86,183,.1);background:radial-gradient(circle at 50% 34%,#fff 0%,#eef5fb 65%,#e1ebf5 100%)!important}.product-img:before{content:"";position:absolute;width:72%;height:72%;border-radius:50%;background:linear-gradient(145deg,rgba(18,202,219,.13),rgba(7,86,183,.04));transform:rotateX(68deg) translateY(60px);box-shadow:0 24px 45px rgba(4,26,56,.12)}.product-img img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:perspective(900px) rotateY(-7deg) rotateX(2deg) scale(.86)!important;filter:drop-shadow(18px 25px 18px rgba(4,26,56,.28))!important}.product-card:hover .product-img img{transform:perspective(900px) rotateY(2deg) rotateX(0) translateY(-4px) scale(.91)!important}.product-body{position:relative;z-index:5;background:#fff!important;border-top:0!important}.product-modal-image{overflow:hidden!important;position:relative}.product-modal-image:after{content:"";position:absolute;right:20%;left:20%;bottom:18px;height:18px;border-radius:50%;background:rgba(4,26,56,.18);filter:blur(12px)}.product-modal-image img{position:relative;z-index:2;display:block!important;width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;object-fit:contain!important;transform:perspective(900px) rotateY(-6deg) scale(.86)!important;filter:drop-shadow(15px 22px 16px rgba(4,26,56,.26))!important}
@media(max-width:620px){.product-img{height:245px!important;padding:18px!important}.product-img img{transform:perspective(700px) rotateY(-5deg) scale(.82)!important}.product-card:hover .product-img img{transform:perspective(700px) rotateY(0) scale(.86)!important}.product-modal-image{height:245px!important}.product-modal-image img{width:84%!important;height:84%!important;max-width:84%!important;max-height:84%!important;transform:perspective(700px) rotateY(-5deg) scale(.82)!important}}

/* Premium 3D hero product - clear on light backgrounds */
.hero-visual{isolation:isolate;perspective:1200px}.hero-visual:before{background:radial-gradient(circle at 35% 28%,#126bc8 0%,#063e83 42%,#021027 78%)!important;box-shadow:0 38px 85px rgba(4,26,56,.38),inset 0 0 0 1px rgba(255,255,255,.1)!important}.hero-visual:after{content:"";position:absolute;z-index:1;width:280px;height:55px;bottom:54px;border-radius:50%;background:rgba(2,16,39,.34);filter:blur(20px);transform:rotateX(72deg)}.hero-visual>img{mix-blend-mode:normal!important;width:min(82%,390px)!important;height:460px!important;object-fit:contain!important;filter:drop-shadow(22px 30px 24px rgba(0,0,0,.38))!important;transform:perspective(1100px) rotateY(-8deg) rotateX(1deg) translateZ(28px);transition:transform .45s ease,filter .45s ease}.hero-visual:hover>img{transform:perspective(1100px) rotateY(2deg) translateY(-7px) translateZ(38px);filter:drop-shadow(25px 36px 27px rgba(0,0,0,.43))!important}.hero-visual .orbit{border-color:rgba(7,86,183,.25);box-shadow:0 0 60px rgba(18,202,219,.12)}
@media(max-width:620px){.hero-grid{padding-top:40px!important;gap:8px!important}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-copy>p{margin-inline:auto}.hero-copy .actions{margin:25px 0}.hero-copy .trust-row{justify-content:center}.hero-visual{min-height:360px!important;margin-top:0}.hero-visual:before{width:270px!important;height:270px!important}.hero-visual:after{width:220px;height:44px;bottom:35px}.hero-visual .orbit{width:320px!important;height:320px!important}.hero-visual>img{width:270px!important;height:330px!important;transform:perspective(850px) rotateY(-7deg) translateZ(20px)}.hero-visual:hover>img{transform:perspective(850px) rotateY(0) translateY(-4px) translateZ(24px)}.goodwe-badge{top:14px!important;left:0!important}.stat-card{bottom:12px!important;right:0!important}}

/* v19: larger product renders and accessible contrast */
.product-hero .eyebrow,.product-hero .kicker{color:#7eeeff!important;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.product-hero h1{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.3)}
.product-hero h1 em{color:#dfff4f!important;text-shadow:0 3px 18px rgba(0,0,0,.35)}
.product-hero p{color:#edf6ff!important;font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.product-img{height:340px!important;padding:6px!important}
.product-img img{width:112%!important;height:112%!important;max-width:none!important;max-height:none!important;transform:perspective(900px) rotateY(-6deg) rotateX(1deg) scale(1.08)!important}
.product-card:hover .product-img img{transform:perspective(900px) rotateY(1deg) translateY(-4px) scale(1.13)!important}
.product-body>span,.product-modal-copy span{color:#064f9f!important}
.product-body h2,.product-modal-copy h2{color:#031a38!important}
.product-body p,.product-modal-copy p{color:#46566b!important}
.product-modal-image{height:350px!important;padding:0!important}
.product-modal-image img{width:112%!important;height:112%!important;max-width:none!important;max-height:none!important;transform:perspective(900px) rotateY(-5deg) scale(1.08)!important}
@media(max-width:620px){
  .product-hero{padding-top:48px!important}
  .product-hero h1{font-size:43px!important;line-height:1.12!important}
  .product-hero p{font-size:17px!important;line-height:1.8!important}
  .product-img{height:330px!important;padding:0!important}
  .product-img img{width:116%!important;height:116%!important;max-width:none!important;max-height:none!important;transform:perspective(700px) rotateY(-4deg) scale(1.11)!important}
  .product-card:hover .product-img img{transform:perspective(700px) rotateY(0) scale(1.14)!important}
  .product-modal-image{height:330px!important;padding:0!important}
  .product-modal-image img{width:118%!important;height:118%!important;max-width:none!important;max-height:none!important;transform:perspective(700px) rotateY(-4deg) scale(1.12)!important}
}