Skip to navigation
Skip to main content
PresidentShop.GR
LinkedIn
Instagram
Facebook
Σύνδεση
Pardon our dust! We're working on something amazing — check back soon!
Αρχική
Μενού
5
items
Καλάθι
Επικοινωνία
/* ===== Mobile Help Block (Woodmart) – Centered ===== */ .mobile-nav #mobile-help-block{ box-sizing: border-box; display: none; /* θα γίνει block με JS όταν μπει στη θέση του */ margin: 14px; padding: 14px 14px 16px; border-radius: 12px; background: #fff; border: 1px solid rgba(0,0,0,.08); box-shadow: 0 4px 14px rgba(0,0,0,.06); text-align: center; /* CENTER EVERYTHING */ overflow: hidden; background-clip: padding-box; -webkit-mask-image: -webkit-radial-gradient(white, black); } .mobile-nav #mobile-help-block .mhb-title{ font-weight: 800; font-size: 16px; line-height: 1.2; color: rgb(204,0,0); margin: 0 0 10px 0; } .mobile-nav #mobile-help-block .mhb-phones{ display: grid; gap: 8px; margin-bottom: 12px; justify-items: center; /* center items */ } /* ===== Glassy, lighter phone buttons with blur ===== */ .mobile-nav #mobile-help-block .mhb-phones a{ position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 800; color: #111; text-decoration: none; padding: 8px 12px; border-radius: 10px; width: max-content; /* shrink to content */ margin: 0 auto; /* center */ /* Soft translucent glass */ background-color: rgba(255,255,255,.16); backdrop-filter: blur(8px) saturate(140%); -webkit-backdrop-filter: blur(8px) saturate(140%); border: 1px solid rgba(255,255,255,.38); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.08), 0 10px 22px -16px rgba(0,0,0,.25); clip-path: inset(0 round 10px); transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease, backdrop-filter .2s ease; } .mobile-nav #mobile-help-block .mhb-phones a::before{ content:''; position:absolute; inset:1px; border-radius:8px; background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.10) 38%, rgba(255,255,255,0) 62%); pointer-events:none; mix-blend-mode: screen; } .mobile-nav #mobile-help-block .mhb-phones a:hover{ transform: translateY(-1px); background-color: rgba(255,255,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 3px 10px -6px rgba(0,0,0,.20), 0 12px 26px -14px rgba(0,0,0,.28); } .mobile-nav #mobile-help-block .mhb-phones a:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(255,255,255,.50), 0 0 0 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.55); } /* Fallback (no backdrop-filter support) */ @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .mobile-nav #mobile-help-block .mhb-phones a{ background: radial-gradient(120% 140% at 10% 0%, rgba(255,255,255,.40) 0%, rgba(255,255,255,0) 42%), linear-gradient(180deg, #f9f9f9, #f0f0f0 60%, #e9e9e9); border: 1px solid rgba(0,0,0,.08); } .mobile-nav #mobile-help-block .mhb-phones a::before{ background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.08) 38%, rgba(255,255,255,0) 62%); } } .mobile-nav #mobile-help-block .mhb-links{ display: grid; gap: 8px; margin-top: 10px; padding-top: 12px; border-top: 1px dashed rgba(0,0,0,.12); justify-items: center; /* center items */ } .mobile-nav #mobile-help-block .mhb-links a{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; /* space μεταξύ icon & text */ font-weight: 800; color: #111; text-decoration: none; padding: 8px 2px; border-radius: 8px; width: max-content; /* shrink to content */ margin: 0 auto; /* center */ } .mobile-nav #mobile-help-block .mhb-links a:hover{ text-decoration: underline; } /* Icon sizing (χρησιμοποιείται και στα τηλέφωνα και στα links) */ .mobile-nav #mobile-help-block .mhb-icon{ width: 18px; height: 18px; object-fit: contain; flex: 0 0 auto; display: inline-block; } /* Drawer as column so the block sits at the footer */ .mobile-nav.mhb-flex{ display: flex; flex-direction: column; min-height: 100%; } .mobile-nav.mhb-flex .wd-nav-mobile{ flex: 1 1 auto; /* menu/body scrolls */ margin-bottom: 8px; } .mobile-nav.mhb-flex #mobile-help-block{ flex: 0 0 auto; /* footer block stays at bottom */ } /* If Woodmart wraps content in a scroll container, keep layout stable */ .mobile-nav.mhb-flex .wd-scroll, .mobile-nav.mhb-flex .wd-scroll-content{ max-height: none; }
Χρειάζεστε Βοήθεια;
211 234 7993
690 653 2347
Αναζήτηση Δέματος
Αλλαγή Προϊόντος
Συχνές Ερωτήσεις
211 234 7993
690 653 2347
Αναζήτηση Δέματος
Αλλαγή Προϊόντος
Συχνές Ερωτήσεις