/* Θέμα «Daylight»: το site σαν λευκό πλατό στο φως της μέρας. Ζεστό λευκό, μαύρη τυπογραφία (Commissioner),
   royal blue μόνο σαν πινελιά, λεπτές γραμμές αντί για σκιές. Φορτώνεται μετά το site.css· την κίνηση την κάνει το daylight.js. */
html.skin-daylight {
  --bg: #f4f3ef;
  --bg-2: #ffffff;
  --bg-3: #ebeae4;
  --line: rgba(17, 18, 22, .1);
  --line-2: rgba(17, 18, 22, .22);
  --text: #111216;
  --soft: #3b3d45;
  --muted: #6b6d75;
  --accent: #2346e6;
  --accent-2: #1a35b8;
  --accent-ink: #ffffff;
  --danger: #c4402c;
  --display: "Commissioner", "Helvetica Neue", Arial, sans-serif;
  --body: "Commissioner", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --r-lg: 22px;
  --r-md: 16px;
  --r-sm: 12px;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.7, 0, .3, 1);
  color-scheme: light;
  background: var(--bg);
}
.skin-daylight body { background: var(--bg); color: var(--text); font: 400 16.5px/1.6 var(--body); }
.skin-daylight body::after { opacity: .025; }
.skin-daylight ::selection { background: var(--accent); color: #fff; }
.skin-daylight :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.skin-daylight .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }

/* ---------- τυπογραφία: καθαρή, σφιχτή, χωρίς κεφαλαία */
.skin-daylight .h1, .skin-daylight .h2, .skin-daylight .display { font-family: var(--display); font-weight: 600; text-transform: none; letter-spacing: -.035em; line-height: .98; color: var(--text); }
.skin-daylight .h2 { font-size: clamp(36px, 5.6vw, 82px); }
.skin-daylight .h1 { font-size: clamp(40px, 6vw, 92px); }
.skin-daylight .h3 { font: 600 19px/1.3 var(--body); letter-spacing: -.01em; }
.skin-daylight .eyebrow { gap: 10px; font: 500 11.5px/1 var(--mono); letter-spacing: .12em; color: var(--muted); }
.skin-daylight .eyebrow::before { width: 6px; height: 6px; background: var(--accent); box-shadow: none; }
.skin-daylight .lead, .skin-daylight .intro-text, .skin-daylight .stage-lead { color: var(--soft); }
.skin-daylight .muted { color: var(--muted); }
.skin-daylight .link { color: var(--accent); }

/* Οι τίτλοι ενοτήτων ανεβαίνουν λέξη-λέξη μέσα από αόρατη «μάσκα» */
.dl-w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.dl-w > span { display: inline-block; }
html.dl-js .dl-split .dl-w > span { transform: translateY(105%); transition: transform 1s var(--ease); transition-delay: calc(var(--i) * 55ms); }
html.dl-js .dl-split.play .dl-w > span { transform: none; }

/* ---------- κεφαλίδα: λευκή μπάρα με λεπτή γραμμή, το λογότυπο σε μαύρο */
.skin-daylight .top { top: 0; left: 0; width: 100%; height: 68px; transform: none; border-radius: 0; padding: 0 var(--gutter); }
.skin-daylight .top::before { border: 0; border-radius: 0; box-shadow: none; background: rgba(244, 243, 239, .78); backdrop-filter: blur(16px) saturate(1.3); -webkit-backdrop-filter: blur(16px) saturate(1.3); border-bottom: 1px solid transparent; transition: border-color .4s, background .4s; }
.skin-daylight .top.is-stuck::before { border-bottom-color: var(--line); background: rgba(244, 243, 239, .9); }
.skin-daylight.is-home .top:not(.is-stuck)::before, .skin-daylight .is-home .top:not(.is-stuck)::before { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.skin-daylight .brand { display: block; width: 78px; height: 32px; background: var(--text); -webkit-mask: url("/assets/img/logo.png") center / contain no-repeat; mask: url("/assets/img/logo.png") center / contain no-repeat; }
.skin-daylight .brand img { opacity: 0; }
.skin-daylight .nav { font: 500 13.5px/1 var(--body); letter-spacing: 0; text-transform: none; }
.skin-daylight .nav a:not(.btn) { color: var(--text); opacity: .75; }
.skin-daylight .nav a:not(.btn):hover { opacity: 1; }
.skin-daylight .nav a:not(.btn):not(.lang)::after { background: var(--text); }
.skin-daylight .nav .lang { box-shadow: 0 0 0 1px var(--line-2) inset; font-family: var(--mono); font-size: 11.5px; }
.skin-daylight .nav .lang:hover { background: var(--text); color: #fff; }
.skin-daylight .burger { background: transparent; box-shadow: 0 0 0 1px var(--line-2) inset; }
.skin-daylight .burger span { background: var(--text); }
@media (max-width: 880px) {
  .skin-daylight .nav { top: 0; background: rgba(244, 243, 239, .98); font: 600 40px/1.1 var(--display); letter-spacing: -.03em; }
  .skin-daylight .nav a:not(.btn) { opacity: 1; }
  .skin-daylight .nav .lang { font: 500 13px var(--mono); }
}
.has-announce.skin-daylight .top { top: 36px; }
.skin-daylight .foot-logo { filter: brightness(0) saturate(100%); opacity: .92; }

/* ---------- κουμπιά: μαύρο «χάπι», το royal blue ανεβαίνει από κάτω, το βελάκι κάνει κύκλο */
.skin-daylight .btn { background: var(--text); color: #fff; box-shadow: none; font: 500 14px/1 var(--body); letter-spacing: 0; text-transform: none; padding: 0 26px; min-height: 52px; }
.skin-daylight .btn::before { background: var(--accent); }
.skin-daylight .btn::after { content: "→"; display: inline-grid; place-items: center; width: 26px; height: 26px; margin-right: -12px; border-radius: 50%; background: rgba(255, 255, 255, .14); font-size: 14px; transition: transform .5s var(--ease), background .4s; }
.skin-daylight .btn:hover { color: #fff; box-shadow: none; }
.skin-daylight .btn:hover::after { transform: rotate(-45deg); background: rgba(255, 255, 255, .25); }
.skin-daylight .btn-ghost { background: transparent; color: var(--text); box-shadow: 0 0 0 1px var(--line-2) inset; backdrop-filter: none; -webkit-backdrop-filter: none; }
.skin-daylight .btn-ghost::before { background: var(--text); }
.skin-daylight .btn-ghost:hover { color: #fff; box-shadow: 0 0 0 1px var(--text) inset; }
.skin-daylight .btn-ghost::after { content: none; }
.skin-daylight .btn-sm { min-height: 40px; padding: 0 18px; font-size: 13px; }
.skin-daylight .btn-sm::after { content: none; }
.skin-daylight .pill span, .skin-daylight .pill-btn { background: #fff; color: var(--text); border-color: var(--line-2); }
.skin-daylight .pill input:checked + span, .skin-daylight .pill-btn.is-on { background: var(--text); color: #fff; }

/* ---------- hero: μεγάλη φράση με λέξη που αλλάζει, φωτογραφία σε «παράθυρο» που ανοίγει στο scroll */
.skin-daylight .hero { display: block; min-height: 0; padding: calc(118px + env(safe-area-inset-top, 0px)) 0 0; text-align: center; overflow: visible; }
.skin-daylight .hero-bg, .skin-daylight .hero::before, .skin-daylight .hero::after, .skin-daylight .scroll-cue { display: none; }
.dl-hero { padding: 0 var(--gutter); }
.dl-meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 0 0 clamp(22px, 3vw, 36px); }
.dl-meta span { padding: 7px 13px; border: 1px solid var(--line-2); border-radius: 999px; font: 500 11px/1 var(--mono); letter-spacing: .08em; color: var(--soft); animation: dl-in .9s var(--ease) both; animation-delay: calc(.1s + var(--i, 0) * 70ms); }
.dl-title { margin: 0; font: 600 clamp(42px, 8.4vw, 150px)/.94 var(--display); letter-spacing: -.045em; color: var(--text); text-wrap: balance; }
.dl-line { display: block; overflow: hidden; padding-bottom: .06em; }
.dl-line > span { display: inline-block; animation: dl-rise 1.2s var(--ease) both; }
.dl-line:nth-child(3) > span { animation-delay: .12s; }
/* Οι λέξεις μοιράζονται το ίδιο κελί· εμφανίζεται μία κάθε φορά */
.dl-rot { display: inline-grid; justify-items: center; color: var(--accent); }
.dl-rot > span { grid-area: 1 / 1; opacity: 0; transform: translateY(60%); animation: dl-word 10s var(--ease) infinite; animation-delay: calc(.3s + var(--i) * 2.5s); white-space: nowrap; }
@keyframes dl-word { 0% { opacity: 0; transform: translateY(60%); } 4%, 21% { opacity: 1; transform: none; } 25%, 100% { opacity: 0; transform: translateY(-60%); } }
@keyframes dl-rise { from { transform: translateY(105%); } }
@keyframes dl-in { from { opacity: 0; transform: translateY(12px); } }
.skin-daylight .hero-sub { margin: clamp(18px, 2.4vw, 28px) 0 0; font: 400 clamp(15px, 1.4vw, 18px)/1.5 var(--body); letter-spacing: 0; text-transform: none; color: var(--muted); animation: dl-in 1s var(--ease) .5s both; }
.dl-window { --p: 0; position: relative; margin: clamp(40px, 6vw, 72px) 0 0; height: min(86svh, 62vw); overflow: hidden; clip-path: inset(0 calc((1 - var(--p)) * var(--gutter) * 1.6) round calc((1 - var(--p)) * 26px)); animation: dl-in 1.2s var(--ease) .35s both; }
.dl-window img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 58%; transform: scale(calc(1.12 - var(--p) * .12)); will-change: transform; }

/* ---------- κινούμενη λωρίδα: ήσυχη, μονοδιάστατη */
.skin-daylight .marquee { padding-block: 22px; border-block: 1px solid var(--line); -webkit-mask-image: none; mask-image: none; }
.skin-daylight .marquee span { gap: 28px; padding-right: 28px; font: 500 clamp(13px, 1.2vw, 15px)/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--soft); -webkit-text-stroke: 0; }
.skin-daylight .marquee span:nth-child(odd) { color: var(--soft); }
.skin-daylight .marquee span::after { width: 5px; height: 5px; background: var(--accent); box-shadow: none; }

/* ---------- επιφάνειες: λευκές, λεπτή γραμμή, χωρίς σκιές */
.skin-daylight .glow::after { display: none; }
.skin-daylight .stage-row, .skin-daylight .card, .skin-daylight .prop-card, .skin-daylight .pack, .skin-daylight .gear, .skin-daylight .faq details, .skin-daylight .spec-box, .skin-daylight .plan-side, .skin-daylight .prop, .skin-daylight .rating, .skin-daylight .foot-card, .skin-daylight .work, .skin-daylight .step {
  background: var(--bg-2); border: 1px solid var(--line); box-shadow: none;
}
.skin-daylight .stage-row:hover, .skin-daylight .card:hover, .skin-daylight .prop-card:hover, .skin-daylight .pack:hover, .skin-daylight .rating:hover, .skin-daylight .foot-card:hover { border-color: var(--line-2); }
.skin-daylight .intro-img { border: 0; }
.skin-daylight .stats { gap: 0; border-top: 1px solid var(--line-2); }
.skin-daylight .stats div { padding: 22px 18px 6px 0; border: 0; border-radius: 0; background: none; }
.skin-daylight .stats div + div { padding-left: 18px; border-left: 1px solid var(--line); }
.skin-daylight .stats dt { font: 600 clamp(40px, 5vw, 68px)/1 var(--display); letter-spacing: -.04em; background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--text); }
.skin-daylight .stats dd { font: 500 11px/1.3 var(--mono); letter-spacing: .1em; color: var(--muted); }

/* ---------- πλατό: κάρτες που στοιβάζονται η μία πάνω στην άλλη στο scroll */
.skin-daylight .stage-img { background: var(--bg-3); }
.skin-daylight .stage-img img { filter: none; }
.skin-daylight .stage-row:hover .stage-img img { filter: none; }
.skin-daylight .stage-img::after { background: var(--accent); color: #fff; }
.skin-daylight .stage-kicker { font: 500 11px/1.2 var(--mono); letter-spacing: .1em; color: var(--muted); }
.skin-daylight .stage-idx { color: var(--accent); }
.skin-daylight .stage-row:hover .h1 a { color: var(--accent); }
.skin-daylight .stage-facts dt { font: 500 10.5px/1.2 var(--mono); letter-spacing: .1em; }
.skin-daylight .stage-facts .is-price dd { color: var(--accent); font: 600 28px/.9 var(--display); letter-spacing: -.03em; }
@media (min-width: 900px) {
  .skin-daylight .stage-list { display: block; }
  .skin-daylight .stage-row { position: sticky; top: calc(92px + var(--n, 0) * 16px); margin-bottom: 26px; transform-origin: 50% 0; }
  html.js.skin-daylight .stage-row, html.js.skin-daylight .stage-row[data-reveal].is-in { transform: scale(var(--sc, 1)); transition: opacity 1s var(--ease), transform .15s linear; }
  .skin-daylight .stage-row:last-child { margin-bottom: 0; }
}

/* ---------- πακέτα, λίστες, φωτογραφίες */
.skin-daylight .pack { background: var(--bg-2); }
.skin-daylight .pack .h3 { font-family: var(--display); font-weight: 600; text-transform: none; letter-spacing: -.03em; }
.skin-daylight .pack li > a, .skin-daylight .pack li.pack-extra { background: var(--bg); border-color: var(--line); }
.skin-daylight .pack li > a:hover { border-color: var(--accent); background: #fff; }
.skin-daylight .pack-p { color: var(--text); font-family: var(--display); font-weight: 600; letter-spacing: -.03em; }
.skin-daylight .pack-tag { background: var(--accent) !important; color: #fff !important; box-shadow: none !important; }
.skin-daylight .band-in { background: var(--bg-2); border: 1px solid var(--line); }
.skin-daylight .band-in::before { display: none; }
.skin-daylight .ticks li { background: var(--bg-2); box-shadow: 0 0 0 1px var(--line) inset; }
.skin-daylight .ticks li:hover { background: #fff; box-shadow: 0 0 0 1px var(--accent) inset; }
.skin-daylight .prop-card strong, .skin-daylight .work strong { font-family: var(--display); font-weight: 600; text-transform: none; letter-spacing: -.02em; color: var(--text); }
.skin-daylight .work strong { color: #fff; }
.skin-daylight .prop-card em, .skin-daylight .prop-price { color: var(--accent); font-family: var(--display); font-weight: 600; }
.skin-daylight .gal-cards .prop-card-body strong { font: 500 14px/1.35 var(--body); letter-spacing: 0; white-space: normal; }
.skin-daylight .gal-more { background: rgba(255, 255, 255, .9); color: var(--text); }
.skin-daylight .rating-n { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--text); font-family: var(--display); font-weight: 600; letter-spacing: -.04em; }
.skin-daylight .rating-stars { color: var(--accent); text-shadow: none; }
/* οι φωτογραφίες ανεβαίνουν και «κάθονται» με μικρή καθυστέρηση η μία μετά την άλλη */
html.dl-js .dl-rise { opacity: 0; transform: translateY(36px); transition: opacity .9s var(--ease), transform 1.1s var(--ease); transition-delay: calc(var(--d, 0) * 70ms); }
html.dl-js .dl-rise.is-on { opacity: 1; transform: none; }

/* ---------- σελίδες πλατό και φόρμες σε φωτεινό φόντο */
.skin-daylight .page-head::after { background: linear-gradient(rgba(244, 243, 239, .1), transparent 30%, transparent 55%, var(--bg)); }
.skin-daylight .plan-nums div { background: var(--bg); }
.skin-daylight .plan-nums strong, .skin-daylight .spec-box .rates dd { color: var(--accent); font-weight: 600; }
.skin-daylight .step legend { font-family: var(--display); font-weight: 600; text-transform: none; letter-spacing: -.03em; }
.skin-daylight .step-n { background: var(--text); box-shadow: none; color: #fff; }
.skin-daylight input[type=text], .skin-daylight input[type=email], .skin-daylight input[type=tel], .skin-daylight input[type=date], .skin-daylight select, .skin-daylight textarea { background: #fff; color: var(--text); border-color: var(--line-2); color-scheme: light; }
.skin-daylight input:hover, .skin-daylight select:hover, .skin-daylight textarea:hover { border-color: rgba(17, 18, 22, .4); }
.skin-daylight input:focus, .skin-daylight select:focus, .skin-daylight textarea:focus { background: #fff; border-color: var(--accent); box-shadow: 0 0 0 4px rgba(35, 70, 230, .12); }
.skin-daylight ::placeholder { color: #9a9ca3; }
.skin-daylight .choice > span { background: #fff; border-color: var(--line-2); }
.skin-daylight .choice:hover > span { border-color: rgba(17, 18, 22, .4); }
.skin-daylight .choice input:checked + span { background: #f1f4ff; border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.skin-daylight .choice input:checked + span strong { color: var(--accent); }
.skin-daylight .choice strong, .skin-daylight .pack .h3 { font-family: var(--display); font-weight: 600; text-transform: none; }
.skin-daylight .cal-head button { background: #fff; }
.skin-daylight .cal-day { background: #fff; }
.skin-daylight .cal-day.is-sel { background: var(--text); color: #fff; box-shadow: none; }
.skin-daylight .cal-day.is-full { background: rgba(196, 64, 44, .08); color: #a0503f; }
.skin-daylight .chip { background: #fff; }
.skin-daylight .chip button { background: var(--bg); }
.skin-daylight .faq summary::after { color: var(--accent); }
.skin-daylight .faq details[open] { border-color: var(--line-2); }
.skin-daylight .faq details[open] summary::after { background: var(--text); color: #fff; }
.skin-daylight .lb { background: rgba(244, 243, 239, .97); color: var(--text); }
.skin-daylight .lb-nav, .skin-daylight .lb-x { background: rgba(17, 18, 22, .06); color: var(--text); }
.skin-daylight .lb-nav:hover, .skin-daylight .lb-x:hover { background: var(--text); color: #fff; }
.skin-daylight .lb img { box-shadow: none; }
.skin-daylight .lb figcaption { color: var(--soft); }
.skin-daylight .cart { background: rgba(255, 255, 255, .92); color: var(--text); border-color: var(--line-2); box-shadow: 0 20px 50px -20px rgba(17, 18, 22, .3); }
.skin-daylight .announce { background: var(--text); color: #fff; }
.skin-daylight .cta-frame { background: var(--text); }
.skin-daylight .chip-on { border-color: var(--accent); color: var(--accent); background: #f1f4ff; }
.skin-daylight .prop-img.is-empty::after { color: rgba(17, 18, 22, .12); }

/* ---------- footer */
.skin-daylight .foot { background: var(--bg-2); border-top-color: var(--line); }
.skin-daylight .foot-tag { font: 500 11px/1.4 var(--mono); letter-spacing: .1em; }
.skin-daylight .foot-card { background: var(--bg); }
.skin-daylight .foot-card strong { font-family: var(--display); font-weight: 600; text-transform: none; letter-spacing: -.03em; color: var(--text); font-size: clamp(20px, 2.1vw, 30px); overflow-wrap: normal; }
.skin-daylight .foot-card:hover strong { color: var(--accent); }
.skin-daylight .foot-card:hover { transform: translateY(-4px); }
.skin-daylight .foot-nav a { color: var(--text); border-color: var(--line-2); text-transform: none; letter-spacing: 0; font-size: 13.5px; }
.skin-daylight .foot-nav a:hover { background: var(--text); border-color: var(--text); color: #fff; }
.skin-daylight .chat-btn { box-shadow: 0 12px 30px -12px rgba(17, 18, 22, .4); }

/* ---------- κινητό: όλα κεντραρισμένα, χωρίς στοίβαγμα */
@media (max-width: 700px) {
  .skin-daylight .hero { padding-top: calc(96px + env(safe-area-inset-top, 0px)); }
  .dl-title { font-size: clamp(34px, 10.4vw, 64px); }
  .dl-window { height: 62svh; margin-top: 32px; }
  .skin-daylight .section .h2, .skin-daylight .wrap > .eyebrow, .skin-daylight .section > .eyebrow { text-align: center; }
  .skin-daylight .eyebrow { display: flex; justify-content: center; }
  .skin-daylight .intro, .skin-daylight .stage-body, .skin-daylight .band-in, .skin-daylight .loc, .skin-daylight .pack header, .skin-daylight .insta-head { text-align: center; }
  .skin-daylight .stage-kicker, .skin-daylight .row-cta, .skin-daylight .band-in, .skin-daylight .insta-head, .skin-daylight .ticks { justify-content: center; }
  .skin-daylight .stage-facts div { text-align: left; }
  .skin-daylight .rating { justify-items: center; }
  .skin-daylight .stats div, .skin-daylight .stats div + div { padding: 16px 12px 4px; border-left: 0; text-align: center; }
  .skin-daylight .stats div:nth-child(even) { border-left: 1px solid var(--line); }
  .skin-daylight .prop-card-body { grid-template-columns: minmax(0, 1fr); }
  .skin-daylight .prop-card strong { max-width: 100%; }
  .skin-daylight .hero-sub { white-space: normal; letter-spacing: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .dl-rot > span { animation: none; }
  .dl-rot > span:first-child { opacity: 1; transform: none; }
  html.dl-js .dl-split .dl-w > span, html.dl-js .dl-rise { opacity: 1; transform: none; }
  .dl-window { clip-path: none; }
  .dl-window img { transform: none; }
}