/* «Δες πώς θα είναι το site σου» */
.dm-sec{padding-top:clamp(36px,4vw,56px)}
.dm{display:grid;grid-template-columns:350px minmax(0,1fr);gap:32px;align-items:start}
.dm-saved{grid-column:1/-1;display:flex;gap:10px;align-items:center;background:#eaf6f0;border:1px solid #cfe6da;color:#1f5c45;border-radius:14px;padding:12px 16px;margin:0}
.dm-saved .ic{color:#2f7a5c}
.dm-ctl{position:sticky;top:calc(var(--hdr) + 16px);max-height:calc(100vh - var(--hdr) - 32px);overflow:auto;background:#fff;border:1px solid rgba(17,24,21,.1);border-radius:22px;padding:6px 22px 22px;box-shadow:0 30px 60px -40px rgba(17,24,21,.35);scrollbar-width:thin}
.dm-grp{padding:16px 0;border-bottom:1px solid rgba(17,24,21,.08);display:grid;gap:12px}
.dm-grp:last-child{border-bottom:0;padding-bottom:4px}
.dm-h{display:flex;align-items:center;gap:10px;font-weight:750;font-size:.95rem;color:#111614;margin:0}
.dm-h span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#2f7a5c;color:#fff;font-size:.8rem}
.dm-lbl{font-size:.8rem;font-weight:560;color:#4b5752;margin:4px 0 -4px}
.dm-ctl .fld{gap:4px}.dm-ctl .fld span{font-size:.8rem}.dm-ctl .fld input{padding:.55em .8em;font-size:.92rem;border-radius:10px}
.dm-secs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dm-chip{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid #dfe5e2;border-radius:11px;background:#fff;font:600 .78rem/1.2 Inter,system-ui,sans-serif;text-align:left;color:#2b3431;cursor:pointer;transition:.15s}
.dm-chip .i{color:#5e7a6e;width:18px;height:18px}
.dm-chip:hover{border-color:#9cc7b3}
.dm-chip.on{background:#e9f5ef;border-color:#2f7a5c;color:#1f5c45;box-shadow:inset 0 0 0 1px #2f7a5c}
.dm-chip.on .i{color:#2f7a5c}
.dm-chip.sm{padding:7px 9px;font-size:.76rem}
.dm-shop{display:grid;gap:12px}.dm-shop[hidden]{display:none}
.dm-logo{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start}
.dm-lprev{width:72px;height:72px;border-radius:16px;border:1.5px dashed #cdd6d2;display:grid;place-items:center;overflow:hidden;background:#fafbfa}
.dm-lprev img{max-width:62px;max-height:62px;object-fit:contain}
.dm-mono{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:1.1rem}
.dm-up{cursor:pointer;padding:.6em 1em;font-size:.88rem;color:#1f5c45;border-color:#cfe6da;background:#f2f9f5}
.dm-del{background:none;border:0;color:#b54848;font:600 .82rem Inter,sans-serif;cursor:pointer;margin-left:6px}
.dm-logo .small{margin:8px 0 0;font-size:.8rem;line-height:1.45}
.dm-pal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.dm-sw{display:flex;align-items:center;gap:0;padding:6px;border:1px solid #e1e6e4;border-radius:12px;background:#fff;cursor:pointer;min-height:42px}
.dm-sw i{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.dm-sw i+i{margin-left:-8px}
.dm-sw.lab{grid-column:span 4;gap:0}
.dm-sw.lab span{margin-left:10px;font:600 .82rem Inter,sans-serif;color:#2b3431}
.dm-sw.on{border-color:#2f7a5c;box-shadow:inset 0 0 0 1px #2f7a5c;background:#f2f9f5}
.dm-cust{display:flex;gap:18px}
.dm-cust label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:560;color:#4b5752;cursor:pointer}
.dm-cust input{width:34px;height:34px;border:1px solid #dfe5e2;border-radius:10px;padding:2px;background:#fff;cursor:pointer}
.dm-styles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.dm-st{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:8px;border:1px solid #e1e6e4;border-radius:12px;background:#fff;cursor:pointer;font-family:Inter,sans-serif}
.dm-st i{grid-row:span 2;display:block;width:52px;height:40px;border-radius:7px;position:relative;overflow:hidden;font-style:normal}
.dm-st b{font-size:.82rem;color:#111614;align-self:end}
.dm-st small{font-size:.68rem;color:#7b8781;line-height:1.25;align-self:start}
.dm-st i:after{position:absolute;left:6px;top:7px;font-size:15px;line-height:1}
.s-modern{background:linear-gradient(135deg,#1d2b33 55%,#e07a2e 55%)}.s-modern:after{content:"Aa";color:#fff;font:800 15px Inter,sans-serif}
.s-classic{background:#f6f0e6;box-shadow:inset 0 0 0 1px #e3d8c6}.s-classic:after{content:"Aa";color:#24211d;font:500 17px Georgia,serif}
.s-minimal{background:#fff;box-shadow:inset 0 0 0 1px #e6e4df}.s-minimal:after{content:"Aa";color:#111;font:200 17px Inter,sans-serif}
.s-luxury{background:linear-gradient(180deg,#3a3129,#8b7457)}.s-luxury:after{content:"Aa";color:#f3e6cf;font:italic 300 18px Georgia,serif}
.s-corporate{background:linear-gradient(90deg,#13213d 60%,#2f6fdb 60%)}.s-corporate:after{content:"Aa";color:#fff;font:700 15px Inter,sans-serif}
.s-bold{background:#0e0f12}.s-bold:after{content:"AA";color:#c6f24e;font:900 16px Inter,sans-serif;letter-spacing:-.04em}
.s-soft{background:#fbe9e4;border-radius:14px!important}.s-soft:after{content:"Aa";color:#c4685b;font:700 16px Comfortaa,Inter,sans-serif}
.s-editorial{background:#fbfaf6;box-shadow:inset 0 0 0 1px #151412}.s-editorial:after{content:"Aa";color:#151412;font:italic 500 18px Georgia,serif}
.dm-st.on{border-color:#2f7a5c;box-shadow:inset 0 0 0 1px #2f7a5c;background:#f2f9f5}

.dm-main{min-width:0;scroll-margin-top:calc(var(--hdr) + 12px)}
.dm-go{display:none}
.dm-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.dm-bar p{margin:0}
.dm-views{display:inline-flex;background:#eef2f0;border-radius:12px;padding:4px;gap:2px}
.dm-views button{border:0;background:none;padding:8px 14px;border-radius:9px;font:600 .86rem Inter,sans-serif;color:#4b5752;cursor:pointer}
.dm-views button.on{background:#fff;color:#111614;box-shadow:0 2px 8px -2px rgba(17,24,21,.2)}
.dm-pages{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 14px}.dm-pages button{border:1px solid #dfe5e2;background:#fff;border-radius:999px;padding:6px 13px;font:600 .8rem Inter,sans-serif;color:#3b4542;cursor:pointer}.dm-pages button.on{background:#1f3b31;border-color:#1f3b31;color:#fff}
.dm-frames{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:end}
.dm-frames[data-v="d"]{grid-template-columns:minmax(0,1fr)}
.dm-frames[data-v="d"] .dm-phone{display:none}
.dm-frames[data-v="m"]{grid-template-columns:minmax(0,340px);justify-content:center}
.dm-frames[data-v="m"] .dm-desk{display:none}
.dm-desk{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(17,24,21,.5),0 0 0 1px rgba(17,24,21,.08)}
.dm-chrome{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#f1f3f2;border-bottom:1px solid #e3e7e5}
.dm-chrome i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.dm-chrome i:nth-child(2){background:#febc2e}.dm-chrome i:nth-child(3){background:#28c840}
.dm-chrome span{margin:0 auto;background:#fff;border-radius:8px;padding:4px 40px;font:500 .78rem Inter,sans-serif;color:#5d6764;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-scr{position:relative;overflow:hidden;background:#fff}
.dm-scr iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}
.dm-phone{position:relative;background:#0f1211;border-radius:42px;padding:11px;box-shadow:0 40px 80px -30px rgba(17,24,21,.55),inset 0 0 0 2px #2a2f2d}
.dm-phone .dm-scr{border-radius:0 0 32px 32px}
.dm-sb{height:30px;background:#fff;border-radius:32px 32px 0 0;display:flex;align-items:center;justify-content:space-between;padding:2px 22px 0 26px;font:700 11px Inter,sans-serif;color:#111}
.dm-sb i{display:flex;gap:3px;align-items:center}.dm-sb i b{width:15px;height:8px;border:1.5px solid #111;border-radius:3px;display:block}.dm-sb i em{width:3px;height:8px;background:#111;border-radius:1px;display:block}
.dm-notch{position:absolute;z-index:2;top:17px;left:50%;width:70px;height:20px;margin-left:-35px;border-radius:12px;background:#0f1211}

.dm-note{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-top:30px;padding:22px 26px;border-radius:20px;background:linear-gradient(120deg,#eef7f2,#f7faf8);border:1px solid #cfe6da}
.dm-note-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#2f7a5c;color:#fff}
.dm-note p{margin:0;color:#2a312e;line-height:1.6}
.dm-note-a{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:14px}
.dm-note-a .btn{padding:.6em 1.1em;font-size:.9rem}
.lk-more{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:#2f7a5c}
@media (max-width:600px){.dm-note{grid-template-columns:1fr;padding:20px}}
.dm-lead{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:#fff;border:1px solid rgba(17,24,21,.1);border-radius:24px;padding:clamp(22px,3vw,38px);box-shadow:0 30px 60px -45px rgba(17,24,21,.4)}
.dm-lead h2{margin:.2em 0 .4em;font-size:clamp(1.35rem,2vw,1.75rem)}
.dm-lead .fld input{padding:.65em .9em}
.dm-lead #dmPrice b{color:#2f7a5c;font-size:1.15em}
.dm-lead #dmPrice s{color:#8a9490}
.dm-ticks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.dm-ticks li{display:flex;gap:10px;align-items:flex-start;color:#2a312e}
.dm-ticks .ic{color:#2f7a5c;flex:none;margin-top:.15em}
.dm-lead .cform{margin:0}
#dmForm.sent .fld,#dmForm.sent button{display:none}
.form-msg.ok{color:#1f7a50;font-weight:600}.form-msg.err{color:#b54848;font-weight:600}
.dm-steps{grid-template-columns:repeat(3,1fr)}
.dm-links{margin-top:40px}

@media (max-width:1180px){
  .dm{grid-template-columns:310px minmax(0,1fr);gap:22px}
  .dm-frames{grid-template-columns:minmax(0,1fr) 200px}
}
@media (max-width:1000px){
  .dm-go{display:flex;margin-top:6px}
  .dm{grid-template-columns:1fr}
  .dm-ctl{position:static;max-height:none}
  .dm-frames[data-v="both"]{grid-template-columns:minmax(0,1fr) 220px}
}
@media (max-width:760px){
  .dm-frames,.dm-frames[data-v="both"]{grid-template-columns:1fr}
  .dm-frames[data-v="both"] .dm-phone{width:min(300px,82%);margin:0 auto}
  .dm-frames[data-v="m"]{grid-template-columns:minmax(0,min(330px,100%))}
  .dm-bar p{display:none}
  .dm-views{width:100%}.dm-views button{flex:1;padding:8px 6px;font-size:.8rem}
  .dm-lead{grid-template-columns:1fr;gap:20px}
  .dm-steps{grid-template-columns:1fr}
  .dm-pal{grid-template-columns:repeat(4,1fr)}
}