.product-accordion{
  display:grid;
  gap:14px;
  margin-top:32px;
}

.accordion-item{
  background:#fff;
  border:1px solid rgba(15,35,62,.10);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(8,30,58,.06);
}

.accordion-title{
  width:100%;
  border:0;
  background:#fff;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  font:inherit;
}

.accordion-title span{
  font-size:18px;
  font-weight:900;
  color:#07111f;
}

.accordion-title strong{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#f3f7ff;
  color:#1469ff;
  display:grid;
  place-items:center;
  font-size:22px;
}

.accordion-content{
  display:none;
  padding:0 24px 24px;
  color:#334155;
  line-height:1.85;
}

.accordion-item.active .accordion-content{
  display:block;
}

.accordion-item.active .accordion-title strong{
  background:#1469ff;
  color:#fff;
}

.accordion-item.active .accordion-title strong{
  transform:rotate(45deg);
}
.product-action-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:40px;
}

.product-request-btn,
.product-call-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 30px;
  border-radius:999px;
  font-weight:900;
  transition:.25s ease;
}

.product-request-btn{
  background:linear-gradient(135deg,#ff8b22,#ffc038);
  color:#fff;
  box-shadow:0 18px 38px rgba(255,139,34,.32);
}

.product-call-btn{
  background:linear-gradient(135deg,#1469ff,#20d5ff);
  color:#fff;
  box-shadow:0 18px 38px rgba(20,105,255,.28);
}

.product-request-btn:hover,
.product-call-btn:hover{
  transform:translateY(-3px);
}

@media(max-width:560px){
  .product-action-row{
    display:grid;
    grid-template-columns:1fr;
  }

  .product-request-btn,
  .product-call-btn{
    width:100%;
  }
}

.premium-product-gallery{
  display:grid;
  grid-template-columns:1fr 150px;
  gap:18px;
  margin-bottom:28px;
}

.premium-main-image{
  height:520px;
  border-radius:30px;
  background:#f6f8fc;
  border:1px solid rgba(15,35,62,.10);
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 20px 60px rgba(8,30,58,.10);
}

.premium-main-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:24px;
}

.premium-thumbs{
  display:grid;
  gap:12px;
  max-height:520px;
  overflow:auto;
  padding-right:4px;
}

.premium-thumb{
  height:118px;
  border:2px solid transparent;
  border-radius:20px;
  background:#f6f8fc;
  padding:8px;
  cursor:pointer;
  overflow:hidden;
  transition:.25s ease;
}

.premium-thumb.active,
.premium-thumb:hover{
  border-color:#1469ff;
  transform:translateY(-2px);
}

.premium-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.premium-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(5,12,24,.92);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:.25s ease;
  padding:40px;
}

.premium-lightbox.active{
  opacity:1;
  visibility:visible;
}

.premium-lightbox img{
  max-width:min(980px,86vw);
  max-height:82vh;
  object-fit:contain;
  background:#fff;
  border-radius:28px;
  padding:24px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}

.premium-lightbox-close,
.premium-lightbox-arrow{
  position:absolute;
  border:0;
  background:#fff;
  color:#07111f;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.premium-lightbox-close{
  top:24px;
  right:24px;
  width:52px;
  height:52px;
  border-radius:50%;
  font-size:32px;
}

.premium-lightbox-arrow{
  top:50%;
  transform:translateY(-50%);
  width:56px;
  height:56px;
  border-radius:50%;
  font-size:38px;
}

.premium-lightbox-arrow.left{
  left:24px;
}

.premium-lightbox-arrow.right{
  right:24px;
}

@media(max-width:900px){
  .premium-product-gallery{
    grid-template-columns:1fr;
  }

  .premium-main-image{
    height:390px;
  }

  .premium-thumbs{
    display:flex;
    overflow-x:auto;
    max-height:none;
    padding-bottom:6px;
  }

  .premium-thumb{
    min-width:110px;
    height:96px;
  }
}

@media(max-width:560px){
  .premium-main-image{
    height:310px;
    border-radius:24px;
  }

  .premium-main-image img{
    padding:14px;
  }

  .premium-lightbox{
    padding:16px;
  }

  .premium-lightbox img{
    max-width:94vw;
    max-height:76vh;
    border-radius:22px;
    padding:14px;
  }

  .premium-lightbox-arrow{
    width:44px;
    height:44px;
    font-size:30px;
  }
}





/* PRODUCT DETAIL PREMIUM FIX */

.product-layout{
  align-items:start;
}

.product-info-sidebar{
  width:100% !important;
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid rgba(15,35,62,.10) !important;
  border-radius:32px !important;
  padding:22px !important;
  box-shadow:0 24px 70px rgba(8,30,58,.12) !important;
  position:sticky !important;
  top:125px !important;
}

.product-info-sidebar h3{
  font-size:20px !important;
  font-weight:900 !important;
  color:#07111f !important;
  margin:0 0 18px !important;
}

.product-info-sidebar a{
  display:block !important;
  padding:17px 18px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid rgba(15,35,62,.08) !important;
  margin-bottom:12px !important;
  color:#64748b !important;
  font-size:13px !important;
  font-weight:900 !important;
  box-shadow:0 10px 28px rgba(8,30,58,.05) !important;
}

.product-info-sidebar a span{
  display:block !important;
  margin-top:7px !important;
  color:#07111f !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
}

.product-info-sidebar a:last-child{
  background:linear-gradient(135deg,#1469ff,#20d5ff) !important;
  color:#fff !important;
  text-align:center !important;
  font-size:15px !important;
}

.product-info-sidebar a:last-child span{
  color:#fff !important;
}

/* DESCRIPTION */

.product-description-box{
  background:#fff !important;
  border:1px solid rgba(15,35,62,.10) !important;
  border-radius:32px !important;
  padding:34px !important;
  margin:30px 0 !important;
  box-shadow:0 24px 70px rgba(8,30,58,.10) !important;
}

.product-description-box h3{
  font-size:32px !important;
  line-height:1.15 !important;
  letter-spacing:-.04em !important;
  color:#07111f !important;
  margin:12px 0 18px !important;
}

.product-description-content{
  color:#334155 !important;
  font-size:16px !important;
  line-height:1.95 !important;
}

.product-description-content p{
  margin-bottom:16px !important;
}

.product-description-content ul,
.product-description-content ol{
  padding-left:24px !important;
  margin:16px 0 !important;
}

.product-description-content li{
  margin-bottom:8px !important;
}

/* VIDEO + PDF */

.product-media-row{
  display:grid !important;
  grid-template-columns:1.3fr .7fr !important;
  gap:24px !important;
  margin-top:34px !important;
}

.product-video-box,
.product-pdf-box{
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid rgba(15,35,62,.10) !important;
  border-radius:32px !important;
  padding:28px !important;
  box-shadow:0 24px 70px rgba(8,30,58,.11) !important;
}

.product-video-box h3,
.product-pdf-box h3{
  font-size:24px !important;
  font-weight:900 !important;
  color:#07111f !important;
  margin-bottom:18px !important;
}

.video-frame{
  border-radius:26px !important;
  overflow:hidden !important;
  box-shadow:0 18px 50px rgba(8,30,58,.14) !important;
}

.product-pdf-box{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.product-pdf-box p{
  color:#64748b !important;
  line-height:1.75 !important;
  font-size:15px !important;
}

/* PDF BUTTONS */

.pdf-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin-top:24px !important;
}

.pdf-actions .btn{
  width:100% !important;
  min-height:54px !important;
  border-radius:999px !important;
  font-weight:900 !important;
}

/* ACTION BUTTONS */

.product-action-row{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:34px !important;
}

.product-request-btn,
.product-call-btn{
  min-height:60px !important;
  border-radius:999px !important;
  font-size:15px !important;
  font-weight:900 !important;
  box-shadow:0 18px 45px rgba(8,30,58,.16) !important;
}

.product-request-btn{
  background:linear-gradient(135deg,#ff8b22,#ffc038) !important;
  color:#fff !important;
}

.product-call-btn{
  background:linear-gradient(135deg,#1469ff,#20d5ff) !important;
  color:#fff !important;
}

.product-request-btn:hover,
.product-call-btn:hover{
  transform:translateY(-3px) !important;
}

/* RESPONSIVE */

@media(max-width:900px){
  .product-layout{
    grid-template-columns:1fr !important;
  }

  .product-info-sidebar{
    position:static !important;
  }

  .product-media-row{
    grid-template-columns:1fr !important;
  }

  .product-action-row{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  .product-description-box{
    padding:22px !important;
    border-radius:26px !important;
  }

  .product-description-box h3{
    font-size:25px !important;
  }

  .product-video-box,
  .product-pdf-box{
    padding:22px !important;
    border-radius:26px !important;
  }
}




/* PREMIUM PRODUCT ACTION BUTTONS */

.product-action-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin-top:28px !important;
  flex-wrap:wrap !important;
}

.product-request-btn,
.product-call-btn{
  width:auto !important;
  min-height:48px !important;
  padding:0 22px !important;
  border-radius:16px !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  box-shadow:none !important;
}

.product-request-btn{
  background:#07111f !important;
  color:#fff !important;
  border:1px solid rgba(7,17,31,.12) !important;
}

.product-call-btn{
  background:#f3f7ff !important;
  color:#1469ff !important;
  border:1px solid rgba(20,105,255,.18) !important;
}

.product-request-btn:hover,
.product-call-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 14px 34px rgba(8,30,58,.12) !important;
}

@media(max-width:560px){
  .product-action-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .product-request-btn,
  .product-call-btn{
    width:100% !important;
    min-height:46px !important;
    padding:0 12px !important;
    font-size:13px !important;
    border-radius:14px !important;
  }
}


/* PREMIUM ACCORDION */

.product-accordion{
  display:grid !important;
  gap:16px !important;
  margin-top:34px !important;
}

.accordion-item{
  background:#fff !important;
  border:1px solid rgba(15,35,62,.09) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:0 18px 50px rgba(8,30,58,.08) !important;
}

.accordion-title{
  width:100% !important;
  border:0 !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  padding:20px 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  cursor:pointer !important;
}

.accordion-title span{
  font-size:17px !important;
  font-weight:900 !important;
  color:#07111f !important;
  letter-spacing:-.02em !important;
}

.accordion-title strong{
  min-width:34px !important;
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:#edf5ff !important;
  color:#1469ff !important;
  display:grid !important;
  place-items:center !important;
  font-size:22px !important;
  transition:.25s ease !important;
}

.accordion-content{
  display:none;
  padding:6px 26px 28px !important;
  color:#334155 !important;
  font-size:15.5px !important;
  line-height:1.9 !important;
}

.accordion-content p{
  margin-bottom:16px !important;
}

.accordion-content ul,
.accordion-content ol{
  padding-left:24px !important;
  margin:16px 0 !important;
}

.accordion-content li{
  margin-bottom:9px !important;
}

.accordion-content table{
  width:100% !important;
  border-collapse:collapse !important;
  margin:18px 0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
}

.accordion-content td,
.accordion-content th{
  border:1px solid #e5edf7 !important;
  padding:12px 14px !important;
  text-align:left !important;
}

.accordion-item.active{
  border-color:rgba(20,105,255,.20) !important;
  box-shadow:0 24px 70px rgba(8,30,58,.12) !important;
}

.accordion-item.active .accordion-title strong{
  background:#1469ff !important;
  color:#fff !important;
  transform:rotate(45deg) !important;
}

.accordion-item.active .accordion-content{
  display:block !important;
}

@media(max-width:560px){
  .accordion-title{
    padding:18px 18px !important;
  }

  .accordion-title span{
    font-size:15.5px !important;
  }

  .accordion-content{
    padding:4px 18px 22px !important;
    font-size:14.5px !important;
  }
}
/* PREMIUM PRODUCT ACTION BUTTONS */

.product-action-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin-top:28px !important;
  flex-wrap:wrap !important;
}

.product-request-btn,
.product-call-btn{
  width:auto !important;
  min-height:48px !important;
  padding:0 22px !important;
  border-radius:16px !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  box-shadow:none !important;
}

.product-request-btn{
  background:#07111f !important;
  color:#fff !important;
  border:1px solid rgba(7,17,31,.12) !important;
}

.product-call-btn{
  background:#f3f7ff !important;
  color:#1469ff !important;
  border:1px solid rgba(20,105,255,.18) !important;
}

.product-request-btn:hover,
.product-call-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 14px 34px rgba(8,30,58,.12) !important;
}

@media(max-width:560px){
  .product-action-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .product-request-btn,
  .product-call-btn{
    width:100% !important;
    min-height:46px !important;
    padding:0 12px !important;
    font-size:13px !important;
    border-radius:14px !important;
  }
}


/* PREMIUM ACCORDION */

.product-accordion{
  display:grid !important;
  gap:16px !important;
  margin-top:34px !important;
}

.accordion-item{
  background:#fff !important;
  border:1px solid rgba(15,35,62,.09) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:0 18px 50px rgba(8,30,58,.08) !important;
}

.accordion-title{
  width:100% !important;
  border:0 !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  padding:20px 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  cursor:pointer !important;
}

.accordion-title span{
  font-size:17px !important;
  font-weight:900 !important;
  color:#07111f !important;
  letter-spacing:-.02em !important;
}

.accordion-title strong{
  min-width:34px !important;
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:#edf5ff !important;
  color:#1469ff !important;
  display:grid !important;
  place-items:center !important;
  font-size:22px !important;
  transition:.25s ease !important;
}

.accordion-content{
  display:none;
  padding:6px 26px 28px !important;
  color:#334155 !important;
  font-size:15.5px !important;
  line-height:1.9 !important;
}

.accordion-content p{
  margin-bottom:16px !important;
}

.accordion-content ul,
.accordion-content ol{
  padding-left:24px !important;
  margin:16px 0 !important;
}

.accordion-content li{
  margin-bottom:9px !important;
}

.accordion-content table{
  width:100% !important;
  border-collapse:collapse !important;
  margin:18px 0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
}

.accordion-content td,
.accordion-content th{
  border:1px solid #e5edf7 !important;
  padding:12px 14px !important;
  text-align:left !important;
}

.accordion-item.active{
  border-color:rgba(20,105,255,.20) !important;
  box-shadow:0 24px 70px rgba(8,30,58,.12) !important;
}

.accordion-item.active .accordion-title strong{
  background:#1469ff !important;
  color:#fff !important;
  transform:rotate(45deg) !important;
}

.accordion-item.active .accordion-content{
  display:block !important;
}

@media(max-width:560px){
  .accordion-title{
    padding:18px 18px !important;
  }

  .accordion-title span{
    font-size:15.5px !important;
  }

  .accordion-content{
    padding:4px 18px 22px !important;
    font-size:14.5px !important;
  }
}
.accordion-title strong{
  background:#fff5eb !important;
  color:#ff8b22 !important;
}

.accordion-item.active{
  border-color:rgba(255,139,34,.24) !important;
}

.accordion-item.active .accordion-title strong{
  background:#ff8b22 !important;
  color:#fff !important;
}
.accordion-content{
  display:block !important;
  max-height:0;
  overflow:hidden !important;
  padding:0 26px !important;
  transition:max-height .35s ease, padding .35s ease !important;
}

.accordion-item.active .accordion-content{
  padding:6px 26px 28px !important;
}

@media(max-width:560px){
  .accordion-content{
    padding:0 18px !important;
  }

  .accordion-item.active .accordion-content{
    padding:4px 18px 22px !important;
  }
}
.product-action-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  flex-wrap:wrap !important;

  margin:34px 0 8px !important;
  padding:20px !important;
  border:1px solid rgba(255,139,34,.16) !important;
  border-radius:26px !important;
}

.product-request-btn,
.product-call-btn{
  width:auto !important;
  min-width:150px !important;
  min-height:46px !important;
  padding:0 22px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:999px !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

.product-request-btn{
  background:#ff8b22 !important;
  color:#fff !important;
  border:1px solid #ff8b22 !important;
}

.product-call-btn{
  background:#07111f !important;
  color:#fff !important;
  border:1px solid #07111f !important;
}

.product-request-btn:hover,
.product-call-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 14px 34px rgba(8,30,58,.14) !important;
}

@media(max-width:560px){
  .product-action-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding:14px !important;
    margin:28px 0 6px !important;
  }

  .product-request-btn,
  .product-call-btn{
    min-width:0 !important;
    width:100% !important;
    min-height:44px !important;
    padding:0 10px !important;
    font-size:13px !important;
  }
}
