body
{
   border-width: 0 !important;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
.wb-theme-header
{
   background-color: #9FDA58;
   background-image: none;
   border: 1px solid #000000;
   border-radius: 0px;
   color: #222222;
   --background-color: rgba(159,218,88,1.00);
   --border-color: #000000;
   --border-width: 1px;
   --color: #222222;
}
.wb-theme-content
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #4A4A4A;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(0,0,0,1.00);
   --border-color: #4A4A4A;
   --border-width: 1px;
   --color: #FFFFFF;
   --icon-color: #9FDA58;
   --colorize: invert(77%) sepia(15%) saturate(1404%) hue-rotate(44deg) brightness(100%) contrast(92%);
}
.wb-theme-button, .wb-theme-static
{
   background-color: #0A0A0A;
   background-image: none;
   border: 1px solid #1B1613;
   border-radius: 0px;
   color: #B8EC79;
   --background-color: rgba(10,10,10,1.00);
   --border-color: #1B1613;
   --border-width: 1px;
   --color: #B8EC79;
}
.wb-theme-button:hover
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #000000;
   border-radius: 0px;
   color: #96F226;
   --background-color: rgba(0,0,0,1.00);
   --border-color: #000000;
   --border-width: 1px;
   --color: #96F226;
}
.wb-theme-button.active, .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #4C4C4C;
   background-image: none;
   border: 1px solid #696969;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(76,76,76,1.00);
   --border-color: #696969;
   --border-width: 1px;
   --color: #FFFFFF;
}
#wb_aboutLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #8B0000;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#aboutLayoutGrid1
{
   box-sizing: border-box;
   padding: 50px 25px 50px 25px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#aboutLayoutGrid1 > .row
{
   margin-right: -25px;
   margin-left: -25px;
}
#aboutLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 25px;
   padding-left: 25px;
   position: relative;
}
#aboutLayoutGrid1 > .row > .col-1
{
   float: left;
}
#aboutLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#aboutLayoutGrid1:before,
#aboutLayoutGrid1:after,
#aboutLayoutGrid1 .row:before,
#aboutLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#aboutLayoutGrid1:after,
#aboutLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#aboutLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_contactLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(41,41,41,0.87);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#contactLayoutGrid1
{
   box-sizing: border-box;
   padding: 50px 15px 25px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#contactLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#contactLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#contactLayoutGrid1 > .row > .col-1
{
   float: left;
}
#contactLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#contactLayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px 0 25px;
}
#contactLayoutGrid1:before,
#contactLayoutGrid1:after,
#contactLayoutGrid1 .row:before,
#contactLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#contactLayoutGrid1:after,
#contactLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#contactLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_contactSection
{
   height: 300px;
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: center;
}
#contactSection-card-body
{
   flex: 1 1 auto;
   font-size: 0;
}
#contactSection-card-item0
{
   box-sizing: border-box;
   margin: 0;
   position: absolute;
   left: 0px;
   right: 0px;
   top: 50%;
   transform: translateY(-50%);
   height: 160px;
   padding: -70px 0 15px -20px;
   color: #006980;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 53px;
   text-align: right;
}
#contactSection-card-item1
{
   box-sizing: border-box;
   margin: 0;
   position: absolute;
   left: 0px;
   right: 0px;
   top: 50%;
   transform: translateY(-50%);
   height: 300px;
   padding: 0;
   color: #7FFF00;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 16px;
   text-align: left;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 2px groove #FF0000;
   border-radius: 2px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 2px solid #FF0000;
   border-radius: 2px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 2px solid #FF0000;
   border-radius: 2px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 2px solid #FF0000;
   border-radius: 2px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Reset Page</title>
    
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
        }
        button {
            padding: 15px 30px;
            font-size: 18px;
            color: white;
            background-color: #007bff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        button:hover {
            background-color: #0056b3;
        }
        /* Ρίχνουμε χαμηλά τις απόλυτα τοποθετημένες εικόνες του page builder */
    img[style*="position:absolute"] { z-index: 1 !important; }

    /* ===== Player ===== */
    .player-container {
      position: absolute;        /* από relative -> absolute */
      top: 120px;                 /* ↑ ανέβασε/κατέβασε από εδώ */
      left: calc(55% - 185px);    /* ← πιο αριστερά κατά ~40px από πριν */
      transform: translateX(-50%);
      z-index: 1000;
      width: 100%;
      max-width: 420px;
      margin: 0;                 /* δεν χρειάζεται με absolute */
      padding: 12px;
      text-align: center;
      border: 1px solid #ccc;
      border-radius: 12px;
      background: #f9f9f9;
      box-shadow: 0 2px 5px rgba(0,0,0,.1);
      font-family: Arial, sans-serif;
    }

    .cover{ width:84px; height:84px; border-radius:8px; overflow:hidden; background:#eee; box-shadow:0 1px 4px rgba(0,0,0,.15); }
    .cover img{ width:100%; height:100%; object-fit:cover; display:block; }
    .now-playing{
      text-align:left; position:relative; z-index:1001;
      background: rgba(255,255,255,.9);
      padding:6px 8px; border-radius:6px;
      font-size:15px; color:#222; font-weight:bold; line-height:1.25;
    }
    .player-container p{ margin-top:8px; font-size:14px; }
    .player-container a{ color:#0066cc; text-decoration:none; }
    .player-container a:hover{ text-decoration:underline; }

    @media (max-width: 360px){
      .np-wrap{ grid-template-columns:64px 1fr; }
      .cover{ width:64px; height:64px; }
    }

    /* ===== Πάνω-αριστερό widget (ώρα/ημερολόγιο/καιρός) ===== */
    .cp-widget{
      position: absolute; top: 10px; left: -280px; z-index: 2000;
      width: 240px; color:#111; font-family: Arial, sans-serif;
      background: rgba(255,255,255,.92); border:1px solid #ccc;
      border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.15); overflow:hidden;
    }
    .cp-head{ padding:10px 12px; background:#f3f3f3; border-bottom:1px solid #ddd; }
    .cp-date{ font-weight:bold; font-size:16px; line-height:1.2; }
    .cp-time{ font-size:14px; color:#333; margin-top:2px; }

    .cp-weather{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-bottom:1px solid #eee; }
    .cp-emoji{ font-size:20px; }
    .cp-w-col .city{ font-weight:bold; font-size:14px; }
    .cp-w-col .temp{ font-size:16px; font-weight:bold; }
    .cp-w-col .range{ font-size:12px; color:#444; }

    .cp-cal{ padding:10px 12px 12px; }
    .cp-month{ font-weight:bold; margin-bottom:6px; }
    .cp-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:2px; font-size:12px; text-align:center; }
    .cp-dow{ font-weight:bold; background:#f6f6f6; padding:4px 0; border-radius:6px; }
    .cp-day{ padding:4px 0; border-radius:6px; }
    .cp-today{ background:#ffe9a8; font-weight:bold; border:1px solid #e3c35a; }

    @media (max-width: 400px){ .cp-widget{ width:260px; } }