/* <editor-fold defaultstate="collapsed" desc="Product Section"> */
.product-section { width: 100%; background-color: #1A130C !important; padding: 32px 0; }
.product-section h1 { font-family:AntennaBlack; }
.product-container { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; gap: 48px; max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.product-text { font-size:18px; color:white; flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; justify-content: flex-start; line-height: 1.7; }
.product-image-desktop { flex: 0 0 420px; max-width: 420px; display: block; }
.product-image-desktop img { width: 100%; height: auto; display: block; border-radius: 14px; }
.product-image-mobile { display: none; }
@media (max-width: 900px) {
    .product-container { flex-direction: column; gap: 0; align-items: stretch; }
    .product-image-desktop { display: none; }
    .product-image-mobile { display: block; margin: 18px 0; }
    .product-image-mobile img { width: 100%; max-width: 420px; height: auto; border-radius: 14px; display: block; margin: 0 auto; }
    .product-text { width: 100%; }
}
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Product Price Section"> */
.product-price-section { display: block; margin-top: 28px; margin-bottom: 24px; }
.product-price-place-holder { box-shadow: 0 3px 12px rgba(30,30,30,0.05); max-width: 440px; min-width: 230px; border: 2px solid #C0C0C0; padding: 18px 22px 10px 22px; border-radius: 11px; background: #fff; margin-bottom: 10px; }
.product-price-place-holder .first-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 8px; }
.offer-price-label{color:black; font-weight: bold;}
#TotalPriceWithVAT {color: #02497D; font-family: 'PriceFont', Noto Sans, Arial, sans-serif; font-weight: bold; font-size: 1.4em; white-space: nowrap; flex: 1; }

#TotalPriceWithoutVAT.PriceNoVAT { border-top: 1px solid #eee; margin-top: 6px; padding-top: 7px; color: #757575; font-size: 0.97em; text-align: left; }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Product Options"> */
.ProductOptionsList { width:100%; padding: 0px; height:auto; overflow:hidden; clear:both; font-size:14px; }
.ProductOptionsList .ProductOption { display:block; width:100%; float:left; margin-right:10px; font-size:14px; margin-bottom:8px; }
.ProductOptionsList .ProductOption .OptionLabel { font-size:15px; padding-bottom:2px; }
.ProductOptionsList .ProductOption select { width:95%; font-size:14px; padding:4px; max-width: 250px; }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Product Photos & Videos"> */
.ProductPhotosV2 {width:100%; max-width:1024px; margin:0px auto 0px auto; }
.ProductPhotosV2Grid {margin-left:auto; margin-right:auto; margin-bottom:30px; display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:32px 32px; width:100%; justify-content:center; }
.PhotoCard {background:white; border-radius:13px; box-shadow: 0 6px 24px 0 rgba(35,37,38,0.07), 0 2px 6px #254EFF15; border:1.5px solid #eaf2fb; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; transition:box-shadow .13s,transform .10s; }
.PhotoV2CardImage {position:relative; width:100%; max-width:340px; border-radius:11px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.PhotoV2CardImage img {width:100%; height:auto; display:block; border-radius:9px; transition:transform 0.10s; margin:auto; }
.PhotoV2CardImage img:hover {transform:scale(1.08); }
.PlayV2Overlay { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:60%; height:auto; z-index:2; pointer-events:none; opacity:0.85; display:flex; align-items:center; justify-content:center; }
.PlayV2Overlay img { width:100%; height:auto; filter:drop-shadow(0 2px 5px #004B7F); }
.VideoV2Card.VideoV2CardOne { grid-column:span 2; min-height:215px; width:100%; }

/* Σε κινητά: πλάτος 90% και κεντράρισμα */
@media (max-width: 600px) {
  .PhotoCard {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
}
/* </editor-fold> */


.ProductDescriptionText{font-size:18px; width: 90%; max-width: 1024px; margin-left:auto; margin-right: auto; }
.ProductDescriptionText h1{width:100%; text-align: center;font-family:AntennaBlack; color: white;text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);}

/* <editor-fold defaultstate="collapsed" desc="At a Glance"> */
.AtAGlance {width:960px; margin-left:auto;margin-right:auto; overflow:auto; min-height:5px;}
.AtAGlance h4{font-family:Noto Sans;font-weight:bold; font-size:20px;color:#8F8F8F;padding-top:10px;line-height:10px;padding-bottom:0px; margin:0px;}
.AtAGlance div{margin-left:auto;margin-right:auto;width:960px;}
.AtAGlance iframe{ margin-left:auto;margin-right:auto;border:0px;  }

@media screen and (max-width: 960px) {
    .AtAGlance {width:100%;}
    .AtAGlance div{width:100%;}
    .AtAGlance iframe{margin-left:auto;margin-right:auto;}
    .AtAGlance table{zoom: 0.35; -moz-transform: scale(0.35); margin-left:auto;margin-right:auto;}
}

/* On screens 200 to 700*/
@media screen and (min-width: 200px) {
    .AtAGlance .ProductDescriptionText{width:90%;margin-left:auto;margin-right:auto;}
}

/* On screens 700 - 959px*/
@media screen and (min-width: 700px){
    .AtAGlance .ProductDescriptionText{width:90%;margin-left:auto;margin-right:auto;}
}
/* On screens >=959px*/
@media screen and (min-width: 959px)  {
    .AtAGlance .ProductDescriptionText{width:100%;margin-left:auto;margin-right:auto;}
}

/* </editor-fold> */

.TechnicalSpecsTable { background: #fff; border-radius: 15px; box-shadow: 0 6px 24px 0 rgba(35,37,38,0.07), 0 2px 6px #254EFF15; padding: 24px; margin: 34px auto 30px auto; color: #232526; max-width: 1024px; width: 100%; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
.TechnicalSpecsTable .SpecsList { background: none; border-radius: 0; box-sizing: border-box; margin-bottom: 0; padding: 0 8px 0 0; min-width: 0; }
.TechnicalSpecsTable .SpecsList h3 { color: #02497D; margin: 10px 0 8px 0; font-size: 17px; padding: 0; }
.TechnicalSpecsTable .SpecsList .SpecsTable { width: 100%; border-top: 1px solid #e2e8f0; display: flex; flex-wrap: wrap; clear: both; margin-bottom: 0; padding-top: 0; }
.TechnicalSpecsTable .SpecsList .SpecsTable p { width: 50%; font-size: 14px; margin: 0; word-break: break-word; box-sizing: border-box; padding: 9px 0; }
.TechnicalSpecsTable .SpecsList .SpecsTable p:first-child { color: #004B7F; text-indent: 10px; }
.TechnicalSpecsTable .SpecsList .SpecsTable p:last-child { color: #222; text-align: right; padding-right: 8px; }

/* Mobile/tablet: 1 στήλη, 90vw και κεντραρισμένο */
@media (max-width: 1023px) {
  .TechnicalSpecsTable {grid-template-columns: 1fr;max-width: 85vw;width: 85vw;padding: 18px 4vw 15px 4vw;margin: 22px auto 18px auto;gap: 0;}
  .TechnicalSpecsTable .SpecsList { padding: 0;margin-bottom: 28px;}
}
.SoftwareIntroDownload {max-width:470px;background-color:#F7F7F7; border-radius:6px; margin-top:20px; margin-bottom:20px; padding:10px; border:1px #7D9AC3 solid; display:block; width:95%; overflow: hidden; clear: both; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.SoftwareIntroDownload a, a:visited{text-decoration: none; color:#606062;}
.SoftwareIntroDownload .DownloadIcon{float:left; width:64px; margin-left:10px; margin-right:10px; margin-top:10px;}
.SoftwareIntroDownload .DownloadIcon img{width: 64px;}
.SoftwareIntroDownload .DownloadNote{float:left;display: block; color:#606062; padding:10px;}
.SoftwareIntroDownload .DownloadNote .VersionTitle{color:#004B7F;font-size:19px; padding:0px; margin:0px 0px 14px 0px;  line-height: 18px; text-decoration: underline;}
.SoftwareIntroDownload:hover {transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}

.PurplePlaceHolder .PackageIncludes {font-family:Noto Sans;font-size:18px;width:960px;margin-left:auto;margin-right:auto;}
.WhitePlaceHolder .PackageIncludes {font-family:Noto Sans;font-size:18px;width:960px;margin-left:auto;margin-right:auto;}
.WhitePlaceHolder .PackageIncludes .BigTitle{font-family:Noto Sans; font-weight:bold;color:#004B7F;text-shadow:0px 2px 0px rgba(255, 255, 255, 1);font-size:46px;text-align:center;}

@media screen and (max-width: 960px) {
    .PurplePlaceHolder .PackageIncludes{width:95%;}
    .WhitePlaceHolder .PackageIncludes{width:95%;}
}
