/* ══ NQ-ZONE all ══ */ /* Header 1 — κεφαλίδα — στυλ ΜΟΝΟ αυτού του part. Διαδρομή: /theme/css/parts/header/header-1.css Το όνομα του αρχείου βγαίνει από το Handle — αν το αλλάξεις, μετονομάζεται. ⚠️ ΜΗΝ ΞΑΝΑΚΑΝΕΙΣ ΤΟ ΠΑΝΕΛ absolute ΓΙΑ ΝΑ ΔΙΟΡΘΩΣΕΙΣ ΤΗ ΘΕΣΗ ΤΟΥ. Δοκιμάστηκε και έσπασε: το φόντο του πάνελ εδώ το δίνει κανόνας του module `header-1.css`, δεμένος με τη ΔΟΜΗ του επιλογέα (`.pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open`). Αλλάζοντας την αγκύρωση, ο επιλογέας παύει να ταιριάζει, το φόντο χάνεται και τα στοιχεία του μενού εμφανίζονται ΔΙΑΦΑΝΑ πάνω στο περιεχόμενο της σελίδας. */ /* ══ ΥΠΟΜΕΝΟΥ · ΚΑΝΟΝΙΚΗ ΓΡΑΦΗ (desktop ΚΑΙ κινητό) ════════════════════════ 🔴 ΤΟ ΜΟΝΑΔΙΚΟ !important ΑΥΤΗΣ ΤΗΣ ΔΟΥΛΕΙΑΣ, ΜΕ ΚΑΤΑΓΡΑΦΗ ΤΟΥ ΓΙΑΤΙ: Έγινε πλήρης ΑΝΑΔΡΟΜΙΚΗ σάρωση και των 30 stylesheets της σελίδας (0 απέτυχαν να διαβαστούν) για κανόνες `text-transform` που ταιριάζουν στο στοιχείο: • κανόνες που ταιριάζουν με uppercase ....... ΚΑΝΕΝΑΣ • πρόγονοι με text-transform ≠ none ......... ΚΑΝΕΝΑΣ • inline style / font-variant-caps .......... ΚΑΝΕΝΑ / normal • κείμενο στο DOM ........................... πεζό («Υπηρεσίες») • computed .................................. uppercase Η πηγή ΔΕΝ εντοπίζεται μέσω CSSOM. Ύποπτα σημεία που ΔΕΝ ελέγχθηκαν: Custom CSS του Theme, CSS του Skin, `/style.css` — φορτώνονται μετά τα part CSS. ⚠️ ΑΝ ΒΡΕΘΕΙ Η ΠΗΓΗ, ΣΒΗΣΕ ΤΟ !important ΚΑΙ ΔΙΟΡΘΩΣΕ ΕΚΕΙ. */ header .nq-subnav .nq-nav-link { text-transform: none !important; letter-spacing: normal; font-size: 12.5px; font-weight: 500; } /* ══ NQ-ZONE-END all ══ */ /* ══ NQ-ZONE desktop ══ */ @media (min-width: 992px) and (max-width: 1399.98px) { /* nq-sec: Main head · Fit between 992 and 1400 */ /* nq-note: Lets the three header columns take the width they actually need instead of fixed thirds. */ /* nq-tags: header, columns, overflow, desktop ΤΟ ΠΡΟΒΛΗΜΑ (ιδιοκτήτης 2026-08-24): «στο frontend του Webbox το header σπάει σε αναλύσεις 1100px — στριμώχνει το λογότυπο και δεξιά το κουμπί στις άκρες». ΜΕΤΡΗΜΕΝΟ στα 1100 (/erga): οι στήλες είναι κλειδωμένες σε κλάσματα 3/6/3 από το Bootstrap (`.col-lg-3{flex:0 0 auto;width:25%}`), οπότε δεν δανείζονται χώρο μεταξύ τους. Το λογότυπο χρειάζεται 112px αλλά κρατά 265, ενώ το μενού χρειάζεται 721px και παίρνει 531 → ξεχείλιζε 191px πάνω στο τηλέφωνο/κουμπί, και η σελίδα αποκτούσε οριζόντια κύλιση (scrollWidth 1094 σε κέλυφος 1085) που έκοβε το λογότυπο αριστερά. Η ΛΥΣΗ: μόνο σε αυτό το εύρος οι στήλες γίνονται ελαστικές — `min-width: fit-content` εγγυάται ότι καμία δεν πέφτει κάτω από το περιεχόμενό της, άρα τίποτα δεν ξεχειλίζει· ο μεσαίος δανείζεται τον χώρο που περισσεύει από το λογότυπο. Πάνω από 1400 δεν αλλάζει τίποτα. ⚠️ ΥΠΟΛΟΙΠΟ: με το προσωρινό «Δοκιμές ALL» στο μενού (131px) το σύνολο θέλει ακόμη ~58px παραπάνω στα 1100. Μόλις φύγει, το μενού πέφτει στα 588px και χωράει άνετα (μετρημένο). */ #header .pb-row > .pb-col { flex: 1 1 auto; width: auto; min-width: fit-content; max-width: 100%; } /* nq-sec: Main head · Menu spacing 992-1400 */ /* nq-note: Slightly tighter menu spacing so every link stays on one line below 1400. */ /* nq-tags: header, menu, spacing, desktop Η ανακατανομή μόνη της δεν έφτανε: μετρημένο, το μενού θέλει 721px (608 χωρίς το προσωρινό «Δοκιμές») ενώ η στήλη δίνει 523-581 στα 1024-1200. 14px -> 10px οριζόντιο padding ανά σύνδεσμο κερδίζει 8px στο καθένα, ~48px συνολικά, χωρίς αλλαγή γραμματοσειράς ή μεγέθους. Πάνω από 1400 το μενού μένει ακριβώς όπως ήταν. */ #header .nq-nav > .nq-nav-item > .nq-nav-link { padding-left: 10px; padding-right: 10px; } /* nq-sec: Main head · Logo offset guard */ /* nq-note: Cancels the wide-screen logo nudge on narrower desktops where it would leave the viewport. */ /* nq-tags: header, logo, skin, desktop ΤΟ ΕΥΡΗΜΑ: το λογότυπο κοβόταν αριστερά στα 1100. ΔΕΝ έφταιγαν οι στήλες — το Skin εκπέμπει `.nq-h1-logo:not(.nq-sticky *){position:relative;left:-30px}` (ρύθμιση θέσης λογοτύπου, Skin -> Main Menu). Στα 1440 η στήλη ξεκινά στο x=65, άρα το -30 δίνει 35 και φαίνεται σωστά. Στα 1100 η στήλη ξεκινά στο x=12, άρα το -30 βγάζει το λογότυπο στο -18 — ΕΞΩ από την οθόνη (μετρημένο). Εδώ ΜΟΝΟ μηδενίζεται η μετατόπιση, κάτω από 1400. Η ρύθμιση του Skin μένει ανέγγιχτη και ισχύει κανονικά στις μεγάλες οθόνες όπου έχει νόημα. Ειδικότητα: id + 2 κλάσεις (1,2,0) έναντι (0,2,0) του skin rule. */ /* ⚠️ `!important` ΑΝΑΓΚΑΣΤΙΚΑ: το skin εκπέμπει `left:-30px !important`, οπότε ούτε το id (1,2,0 έναντι 0,2,0) δεν αρκούσε — μετρημένο, ο κανόνας υπήρχε στο CSSOM και το computed έμενε -30px. Είναι ΜΟΝΟ για τη θέση, μόνο κάτω από 1400. Κανένα χρώμα, κανένα άλλο στυλ. */ #header .nq-h1-logo:not(.nq-sticky *) { left: 0 !important; } /* nq-sec: Main head · Phone below 1200 */ /* nq-note: Under 1200 the phone keeps its icon and drops the number, which the menu needs. */ /* nq-tags: header, phone, desktop ΤΟ ΤΕΛΕΥΤΑΙΟ ΚΟΜΜΑΤΙ: κάτω από 1200 λείπουν ακόμη ~25px. Ο αριθμός πιάνει 97px δίπλα στο εικονίδιο· κρύβεται ΜΟΝΟ το κείμενο — το εικονίδιο μένει και ο σύνδεσμος παραμένει πατήσιμος (tel:). Καμία πληροφορία δεν χάνεται: παίρνει τη μορφή που έχει ήδη κάτω από 992. Στα 1200-1400 (τυπικά laptop 1280) ο αριθμός φαίνεται κανονικά. */ @media (max-width: 1199.98px) { #header .nq-h1-tel > span { display: none; } } } /* ══ NQ-ZONE-END desktop ══ */ /* ══ NQ-ZONE tablet ══ */ @media (min-width: 768px) and (max-width: 991.98px) { /* 🔴 ΤΟ ΠΑΝΕΛ ΝΑ ΑΝΟΙΓΕΙ ΚΑΤΩ ΑΠΟ ΤΟ ΤΕΛΟΣ ΤΗΣ ΛΩΡΙΔΑΣ — ΕΝΑΣ ΚΑΝΟΝΑΣ. Το module αγκυρώνει το πάνελ με `top: 100%` πάνω στο `.pb-row` (`.pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open`, header-1.css:183). Όμως η λωρίδα `.nq-mob-head` έχει `min-height: 64px` + `align-items: center`, οπότε η ΓΡΑΜΜΗ είναι κεντραρισμένη και τελειώνει ΠΡΙΝ από τη λωρίδα. Το `100%` της γραμμής πέφτει έτσι ΜΕΣΑ στην κεφαλίδα και το πάνελ σκέπαζε το κάτω κομμάτι της. Η λωρίδα είναι ΗΔΗ `position: relative` (γρ. 113) και οι στήλες της `static` (γρ. 114) — έλειπε μόνο η γραμμή. Κάνοντάς την static, η άγκυρα ανεβαίνει στο `.nq-mob-head` και το `top: 100%` σημαίνει «ακριβώς κάτω από ΟΛΗ τη λωρίδα». ⚠️ Δεν αλλάζει ο επιλογέας του module, άρα ΦΟΝΤΟ και padding μένουν άθικτα — αυτό ήταν το λάθος της προηγούμενης προσπάθειας, που έσβηνε το φόντο. */ .nq-mob-head > .pb-row { position: static; } /* 🔴 ΕΦΕ ΑΝΟΙΓΜΑΤΟΣ — opacity + transform, ΟΧΙ max-height. Ειδικότητα (0,4,0) ώστε να νικά το `.pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open` (0,3,0) του module, που ορίζει `display: none/block` — και το `display` ΔΕΝ κινείται καθόλου. Με `visibility` το πάνελ μένει εκτός πλοήγησης με Tab όσο είναι κλειστό ΚΑΙ η μετάβαση παίζει. */ header .pb-col > .nq-h1-navbar > .nq-h1-navwrap { display: block; visibility: hidden; opacity: 0; transform: translateY(-10px); pointer-events: none; transition: opacity .25s ease, transform .25s ease, visibility .25s; } header .pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; } /* Χρώμα πάνελ για ΑΥΤΗ την κεφαλίδα (σκούρα). Θέση, κίνηση και «σπρώξιμο» τα ορίζει το κοινό `theme/css/mobile-menu.css` — εδώ μόνο η μεταβλητή. */ header { --nqm-panel-bg: #0b0f1a; } /* Μηδενισμός των «pill» προεπιλογών του theme.css (`border-radius: 8px` στο link, `gap: 4px` στη λίστα): σωστά για desktop, λάθος μέσα στο πάνελ. */ .nq-h1-navwrap .nq-nav { gap: 0; } .nq-h1-navwrap .nq-nav-link { border-radius: 0; } .nq-h1-navwrap .nq-nav-item { position: relative; } .nq-h1-navwrap .nq-nav-caret { display: none; } /* Κουμπί υπομενού: ΚΑΛΥΠΤΕΙ ΟΛΗ ΤΗ ΓΡΑΜΜΗ, ώστε να πατιέται με το δάχτυλο οπουδήποτε. Το σταθερό `height` το κρατά μέσα στη γραμμή — το
  • περιέχει και το υπομενού, άρα χωρίς αυτό θα σκέπαζε τα παιδιά. */ .nq-h1-navwrap .nq-sub-toggle { position: absolute; left: 0; right: 0; top: 0; z-index: 2; display: flex; align-items: center; justify-content: flex-end; width: auto; height: 42px; padding: 0 16px 0 0; border: 0; background: none; color: inherit; cursor: pointer; opacity: .7; } /* Το κουμπί είναι ΚΕΝΟ στο HTML — χρειάζεται δικό του βελάκι. Με borders και όχι iconfont, ώστε να μην απαιτείται συγκεκριμένο σετ εικονιδίων. */ .nq-h1-navwrap .nq-sub-toggle::before { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .18s; } .nq-h1-navwrap .nq-sub-toggle[aria-expanded="true"]::before { transform: translateY(2px) rotate(-135deg); } /* Υπομενού: συνέχεια της λίστας, όχι dropdown. Το theme.css του δίνει σκούρο φόντο φτιαγμένο για σκούρα κεφαλίδα. */ .nq-h1-navwrap .nq-subnav { position: static; width: auto; min-width: 0; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; } .nq-h1-navwrap .nq-subnav .nq-nav-link { padding-left: 22px; } .nq-h1-navwrap .nq-subnav .nq-subnav .nq-nav-link { padding-left: 32px; } /* Γραμμές: πρώτο χωρίς πάνω, τελευταίο χωρίς κάτω. Στα υπο-στοιχεία η γραμμή ξεκινά με εσοχή (ψευδοστοιχείο, ώστε να ελέγχεται πού ξεκινά). */ .nq-h1-navwrap .nq-nav > .nq-nav-item:first-child { border-top: 0; } .nq-h1-navwrap .nq-nav > .nq-nav-item:last-child { border-bottom: 0; } .nq-h1-navwrap .nq-subnav > .nq-nav-item { border-bottom: 0; } .nq-h1-navwrap .nq-subnav > .nq-nav-item::after { content: ""; position: absolute; left: 22px; right: 0; bottom: 0; height: 1px; background: currentColor; opacity: .12; } .nq-h1-navwrap .nq-subnav > .nq-nav-item:last-child::after { display: none; } /* Ενεργός κλάδος — ο server βάζει `is-current-parent` + `nq-open`. */ .nq-h1-navwrap .nq-nav-item.is-current-parent > .nq-nav-link { font-weight: 700; } /* nq-sec: Sticky · Drawer stays closed */ /* nq-note: Keeps the sticky bar compact on tablet and phone instead of listing every menu item. */ /* nq-tags: sticky, drawer, mobile 🔴 ΜΕΤΡΗΜΕΝΟ (ιδιοκτήτης 2026-08-24: «είναι σπασμένος ο sticky header»): σε παράθυρο 955px το #Sticky_header έβγαινε **267px ύψος** — λευκή μπάρα με ΟΛΟ το μενού σε κάθετη λίστα (7 items x 36px). ΑΙΤΙΑ: ο κανόνας του συρταριού `header .pb-col > .nq-h1-navbar > .nq-h1-navwrap {display:block}` (0,3,0) γράφτηκε για την ΚΙΝΗΤΗ κεφαλίδα, αλλά ταιριάζει ΚΑΙ στο sticky — έχει ακριβώς την ίδια δομή. Έτσι νικούσε το `.nq-h1-navwrap{display:none}` και το μενού έμενε ανοιχτό μονίμως. ΛΥΣΗ: το sticky κρύβει το δικό του συρτάρι ΕΚΤΟΣ αν είναι πραγματικά ανοιχτό (`.is-open` — το βάζει το script του burger). Με id ο κανόνας είναι (1,1,0) και κερδίζει καθαρά, χωρίς !important. */ #Sticky_header .nq-h1-navwrap:not(.is-open) { display: none; } } /* ══ NQ-ZONE-END tablet ══ */ /* ══ NQ-ZONE mobile ══ */ @media (max-width: 767.98px) { /* 🔴 ΤΟ ΠΑΝΕΛ ΝΑ ΑΝΟΙΓΕΙ ΚΑΤΩ ΑΠΟ ΤΟ ΤΕΛΟΣ ΤΗΣ ΛΩΡΙΔΑΣ — ΕΝΑΣ ΚΑΝΟΝΑΣ. Το module αγκυρώνει το πάνελ με `top: 100%` πάνω στο `.pb-row` (`.pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open`, header-1.css:183). Όμως η λωρίδα `.nq-mob-head` έχει `min-height: 64px` + `align-items: center`, οπότε η ΓΡΑΜΜΗ είναι κεντραρισμένη και τελειώνει ΠΡΙΝ από τη λωρίδα. Το `100%` της γραμμής πέφτει έτσι ΜΕΣΑ στην κεφαλίδα και το πάνελ σκέπαζε το κάτω κομμάτι της. Η λωρίδα είναι ΗΔΗ `position: relative` (γρ. 113) και οι στήλες της `static` (γρ. 114) — έλειπε μόνο η γραμμή. Κάνοντάς την static, η άγκυρα ανεβαίνει στο `.nq-mob-head` και το `top: 100%` σημαίνει «ακριβώς κάτω από ΟΛΗ τη λωρίδα». ⚠️ Δεν αλλάζει ο επιλογέας του module, άρα ΦΟΝΤΟ και padding μένουν άθικτα — αυτό ήταν το λάθος της προηγούμενης προσπάθειας, που έσβηνε το φόντο. */ .nq-mob-head > .pb-row { position: static; } /* 🔴 ΕΦΕ ΑΝΟΙΓΜΑΤΟΣ — opacity + transform, ΟΧΙ max-height. Ειδικότητα (0,4,0) ώστε να νικά το `.pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open` (0,3,0) του module, που ορίζει `display: none/block` — και το `display` ΔΕΝ κινείται καθόλου. Με `visibility` το πάνελ μένει εκτός πλοήγησης με Tab όσο είναι κλειστό ΚΑΙ η μετάβαση παίζει. */ header .pb-col > .nq-h1-navbar > .nq-h1-navwrap { display: block; visibility: hidden; opacity: 0; transform: translateY(-10px); pointer-events: none; transition: opacity .25s ease, transform .25s ease, visibility .25s; } header .pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; } /* Χρώμα πάνελ για ΑΥΤΗ την κεφαλίδα (σκούρα). Θέση, κίνηση και «σπρώξιμο» τα ορίζει το κοινό `theme/css/mobile-menu.css` — εδώ μόνο η μεταβλητή. */ header { --nqm-panel-bg: #0b0f1a; } /* Μηδενισμός των «pill» προεπιλογών του theme.css (`border-radius: 8px` στο link, `gap: 4px` στη λίστα): σωστά για desktop, λάθος μέσα στο πάνελ. */ .nq-h1-navwrap .nq-nav { gap: 0; } .nq-h1-navwrap .nq-nav-link { border-radius: 0; } .nq-h1-navwrap .nq-nav-item { position: relative; } .nq-h1-navwrap .nq-nav-caret { display: none; } /* Κουμπί υπομενού: ΚΑΛΥΠΤΕΙ ΟΛΗ ΤΗ ΓΡΑΜΜΗ, ώστε να πατιέται με το δάχτυλο οπουδήποτε. Το σταθερό `height` το κρατά μέσα στη γραμμή — το
  • περιέχει και το υπομενού, άρα χωρίς αυτό θα σκέπαζε τα παιδιά. */ .nq-h1-navwrap .nq-sub-toggle { position: absolute; left: 0; right: 0; top: 0; z-index: 2; display: flex; align-items: center; justify-content: flex-end; width: auto; height: 42px; padding: 0 16px 0 0; border: 0; background: none; color: inherit; cursor: pointer; opacity: .7; } /* Το κουμπί είναι ΚΕΝΟ στο HTML — χρειάζεται δικό του βελάκι. Με borders και όχι iconfont, ώστε να μην απαιτείται συγκεκριμένο σετ εικονιδίων. */ .nq-h1-navwrap .nq-sub-toggle::before { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .18s; } .nq-h1-navwrap .nq-sub-toggle[aria-expanded="true"]::before { transform: translateY(2px) rotate(-135deg); } /* Υπομενού: συνέχεια της λίστας, όχι dropdown. Το theme.css του δίνει σκούρο φόντο φτιαγμένο για σκούρα κεφαλίδα. */ .nq-h1-navwrap .nq-subnav { position: static; width: auto; min-width: 0; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; } .nq-h1-navwrap .nq-subnav .nq-nav-link { padding-left: 22px; } .nq-h1-navwrap .nq-subnav .nq-subnav .nq-nav-link { padding-left: 32px; } /* Γραμμές: πρώτο χωρίς πάνω, τελευταίο χωρίς κάτω. Στα υπο-στοιχεία η γραμμή ξεκινά με εσοχή (ψευδοστοιχείο, ώστε να ελέγχεται πού ξεκινά). */ .nq-h1-navwrap .nq-nav > .nq-nav-item:first-child { border-top: 0; } .nq-h1-navwrap .nq-nav > .nq-nav-item:last-child { border-bottom: 0; } .nq-h1-navwrap .nq-subnav > .nq-nav-item { border-bottom: 0; } .nq-h1-navwrap .nq-subnav > .nq-nav-item::after { content: ""; position: absolute; left: 22px; right: 0; bottom: 0; height: 1px; background: currentColor; opacity: .12; } .nq-h1-navwrap .nq-subnav > .nq-nav-item:last-child::after { display: none; } /* Ενεργός κλάδος — ο server βάζει `is-current-parent` + `nq-open`. */ .nq-h1-navwrap .nq-nav-item.is-current-parent > .nq-nav-link { font-weight: 700; } /* nq-sec: Sticky · Drawer stays closed */ /* nq-note: Keeps the sticky bar compact on tablet and phone instead of listing every menu item. */ /* nq-tags: sticky, drawer, mobile 🔴 ΜΕΤΡΗΜΕΝΟ (ιδιοκτήτης 2026-08-24: «είναι σπασμένος ο sticky header»): σε παράθυρο 955px το #Sticky_header έβγαινε **267px ύψος** — λευκή μπάρα με ΟΛΟ το μενού σε κάθετη λίστα (7 items x 36px). ΑΙΤΙΑ: ο κανόνας του συρταριού `header .pb-col > .nq-h1-navbar > .nq-h1-navwrap {display:block}` (0,3,0) γράφτηκε για την ΚΙΝΗΤΗ κεφαλίδα, αλλά ταιριάζει ΚΑΙ στο sticky — έχει ακριβώς την ίδια δομή. Έτσι νικούσε το `.nq-h1-navwrap{display:none}` και το μενού έμενε ανοιχτό μονίμως. ΛΥΣΗ: το sticky κρύβει το δικό του συρτάρι ΕΚΤΟΣ αν είναι πραγματικά ανοιχτό (`.is-open` — το βάζει το script του burger). Με id ο κανόνας είναι (1,1,0) και κερδίζει καθαρά, χωρίς !important. */ #Sticky_header .nq-h1-navwrap:not(.is-open) { display: none; } } /* nq-sec: Mobile head · Logo offset guard */ /* nq-note: Cancels the skin's logo nudge inside the mobile shell, where the logo must sit centred. */ /* nq-tags: header, logo, skin, mobile ΤΟ ΕΥΡΗΜΑ (2026-09-07): «στο mobile το λογότυπο πρέπει να είναι align center». ΔΕΝ έφταιγε η διάταξη. Μετρημένο σε 390: μπάρα x=0 πλάτος 375 κέντρο 188 στήλη λογοτ. x=100 πλάτος 176 κέντρο 188 ← τέλεια κεντραρισμένη λογότυπο κέντρο 158 ← 30px αριστερά Οι στήλες είναι col-3/col-6/col-3, το `.nq-h1-logo` έχει ήδη `justify-content: center`, και το αρχείο δεν έχει διάφανο περιθώριο. Ο ένοχος είναι ΤΟ ΙΔΙΟ skin rule με τον φύλακα των 992–1400 πιο πάνω: `.nq-h1-logo:not(.nq-sticky *){ left:-30px !important }` — χωρίς media query, άρα φτάνει και στο κινητό. 🔴 ΓΙΑΤΙ ΔΕΝ ΕΠΕΚΤΑΘΗΚΕ Ο ΥΠΑΡΧΩΝ ΦΥΛΑΚΑΣ, ΠΟΥ ΘΑ ΗΤΑΝ ΤΟ ΠΡΟΦΑΝΕΣ: εκείνος στοχεύει `#header .nq-h1-logo`. Μετρήθηκε ότι το ΟΡΑΤΟ λογότυπο του κινητού **δεν** ταιριάζει με αυτόν τον selector — η σελίδα έχει τρία `.nq-h1-logo` και το ενεργό στο κινητό ζει στο `.nq-mob-head`, εκτός `#header`. Επέκταση του εύρους του παλιού κανόνα δεν θα έπιανε τίποτα. ⚠️ `!important` ΑΝΑΓΚΑΣΤΙΚΑ, ΓΙΑ ΤΟΝ ΙΔΙΟ ΛΟΓΟ ΜΕ ΤΟΝ ΠΡΟΗΓΟΥΜΕΝΟ: ένα `!important` νικιέται μόνο από `!important`. Το `:not(.nq-sticky *)` προστίθεται ώστε η ειδικότητα να είναι (0,3,0) έναντι (0,2,0) του skin — έτσι δεν εξαρτόμαστε από τη σειρά φόρτωσης, που για inline