
/* SLECOTECH product page polish (deep navy, 1280 layout) */

body.post-type-product{

  --sle-navy:#0b1b3a;

  --sle-primary:#102a56;

  --sle-primary2:#1e3a8a;

  --sle-text:#0b1220;

  --sle-muted:#475569;

  --sle-line:#e6eaf2;

  --sle-bg:#f7f9fc;

  --sle-card:#ffffff;

  --sle-accent:#f6c945;

}
/* layout width */

body.post-type-product #page-container .et_pb_row{max-width:1280px!important;}

body.post-type-product #page-container .container{width:min(1280px, calc(100% - 56px))!important;}
/* typography */

body.post-type-product h1{font-weight:800;letter-spacing:-0.03em;line-height:1.12;color:var(--sle-text);}

body.post-type-product h2{font-weight:800;letter-spacing:-0.02em;color:var(--sle-text);}

body.post-type-product p{font-size:16px;line-height:1.75;color:var(--sle-muted);}

body.post-type-product a{color:var(--sle-primary2);}
/* section rhythm */

body.post-type-product .et_pb_section{padding-top:44px!important;padding-bottom:44px!important;}

body.post-type-product .et_pb_section:nth-of-type(2n){background:var(--sle-bg);}
/* hero atmosphere */

body.post-type-product .et_pb_section:first-of-type{

  background:

    radial-gradient(900px 420px at 82% 22%, rgba(246,201,69,.26) 0%, rgba(246,201,69,0) 60%),

    radial-gradient(900px 420px at 20% 20%, rgba(16,42,86,.08) 0%, rgba(16,42,86,0) 60%),

    #fff;

}
/* cards */

body.post-type-product .et_pb_blurb,

body.post-type-product .et_pb_toggle{

  background:var(--sle-card);

  border:1px solid var(--sle-line);

  border-radius:14px;

  box-shadow:0 10px 26px rgba(2,8,23,.045);

  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;

}

body.post-type-product .et_pb_blurb:hover,

body.post-type-product .et_pb_toggle:hover{

  transform:translateY(-2px);

  box-shadow:0 14px 34px rgba(2,8,23,.06);

  border-color:#d7deea;

}

body.post-type-product .et_pb_blurb .et_pb_blurb_container{padding:18px 20px;}

body.post-type-product .et_pb_blurb h4{font-size:16px;margin:0 0 6px;color:var(--sle-text);}
/* make hero feature cards larger */

body.post-type-product .et_pb_section:first-of-type .et_pb_blurb .et_pb_blurb_container{padding:18px 20px;}

body.post-type-product .et_pb_section:first-of-type .et_pb_blurb h4{font-size:16px;}

body.post-type-product .et_pb_section:first-of-type .et_pb_blurb_content{max-width:540px;}
/* buttons */

body.post-type-product .et_pb_button{

  border-radius:12px!important;

  padding:12px 16px!important;

  background:linear-gradient(180deg,var(--sle-primary2),var(--sle-primary))!important;

  color:#fff!important;

  border:none!important;

  box-shadow:0 10px 22px rgba(16,42,86,.18);

}

body.post-type-product .et_pb_button:hover{transform:translateY(-1px);filter:saturate(1.05);}
/* gallery container */

body.post-type-product .et_pb_gallery{

  background:#fff;

  border:1px solid var(--sle-line);

  border-radius:16px;

  padding:10px;

  box-shadow:0 12px 40px rgba(2,8,23,.07);

}

/* uniform image size */

body.post-type-product .et_pb_gallery .et_pb_gallery_item img,

body.post-type-product .et_pb_gallery .et_pb_gallery_image img{

  width:100% !important;

  aspect-ratio: 4 / 3;

  height:auto;

  object-fit: contain;

  background:#fff;

}
/* specs table wrapper */

body.post-type-product .sle-specs-wrap{

  overflow-x:auto;

  -webkit-overflow-scrolling:touch;

  border:1px solid var(--sle-line);

  border-radius:14px;

  background:#fff;

  box-shadow:0 10px 26px rgba(2,8,23,.045);

}

body.post-type-product .sle-specs-wrap table{

  min-width:900px;

  border:none;

  border-radius:0;

  box-shadow:none;

}

body.post-type-product .sle-specs-wrap table th,

body.post-type-product .sle-specs-wrap table td{

  padding:12px 14px;

  font-size:14px;

  border-bottom:1px solid var(--sle-line);

}

body.post-type-product .sle-specs-wrap table th{background:#f8fafc;color:var(--sle-text);font-weight:700;}

/* sticky first column */

body.post-type-product .sle-specs-wrap table th:first-child,

body.post-type-product .sle-specs-wrap table td:first-child{

  position:sticky;

  left:0;

  background:#fff;

  z-index:2;

  box-shadow:6px 0 12px rgba(2,8,23,.04);

}

body.post-type-product .sle-specs-wrap table th:first-child{background:#f8fafc;}
/* accordion */

body.post-type-product .et_pb_toggle_title{font-weight:700;color:var(--sle-text);}

body.post-type-product .et_pb_toggle_open{border-color:#cfd8e6;}
/* bottom CTA strip */

body.post-type-product .et_pb_section[style*="#fff7cc"]{

  background:linear-gradient(135deg,#fff7cc 0%,#fff2b3 100%)!important;

  border-top:1px solid #fde68a;

  border-bottom:1px solid #fde68a;

}

body.post-type-product .et_pb_section[style*="#fff7cc"] h2{color:var(--sle-navy);}
/* responsive */

@media (max-width: 980px){

  body.post-type-product #page-container .container{width:min(1280px, calc(100% - 32px))!important;}

  body.post-type-product p{font-size:15px;}

}

/* equal grid sections */

body.post-type-product .sle-grid-2col .et_pb_row{max-width:1280px!important;}

body.post-type-product .sle-grid-2col .et_pb_row.sle-cards-row,

body.post-type-product .sle-grid-2col .et_pb_row:nth-of-type(2){

  display:grid !important;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap:18px;

}

body.post-type-product .sle-grid-2col .et_pb_row.sle-cards-row > .et_pb_column,

body.post-type-product .sle-grid-2col .et_pb_row:nth-of-type(2) > .et_pb_column{

  width:auto !important;

  float:none !important;

  margin:0 !important;

}

body.post-type-product .sle-grid-2col .et_pb_blurb{

  height:100%;

}

body.post-type-product .sle-grid-2col .et_pb_blurb_content{height:100%;}

body.post-type-product .sle-grid-2col ul{margin:0; padding-left:18px;}
@media (max-width: 980px){

  body.post-type-product .sle-grid-2col .et_pb_row.sle-cards-row,

  body.post-type-product .sle-grid-2col .et_pb_row:nth-of-type(2){

    grid-template-columns: 1fr;

  }

}
