
:root{--red:#a80e25;--ink:#242022;--cream:#fffaf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}header{background:#fff;box-shadow:0 3px 14px #0001;position:sticky;top:0;z-index:10}.top{max-width:1000px;margin:auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.brand{font-weight:900;color:var(--red);font-size:clamp(15px,2vw,23px);text-decoration:none}.nav{display:flex;gap:9px;flex-wrap:wrap}.nav a,.hero-links a{border-radius:12px;padding:11px 15px;background:#fff;color:var(--red);border:1px solid #ce9ba2;font-weight:800;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{background:var(--red);color:white}.home{min-height:calc(100vh - 90px);background:linear-gradient(#14140e88,#14140ea3),url('assets/images/photo-01.webp') center/cover;display:flex;align-items:center;justify-content:center;padding:35px 16px}.hero-card{text-align:center;color:white;width:min(920px,100%)}.hero-card h1{font:900 clamp(32px,6vw,63px)/1.12 Georgia,serif;margin:0 0 8px}.hero-card h2{font-size:clamp(18px,3vw,28px);margin:0 0 25px}.hero-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:26px}.hero-links a{min-width:190px;font-size:clamp(19px,3vw,28px);padding:16px 22px;border:2px solid white;background:#aa1328df;color:white}.hero-links a:hover{background:white;color:var(--red)}.slogan{background:#fffaf5f0;border-radius:18px;color:var(--ink);padding:20px 18px;max-width:760px;margin:auto}.slogan h3{font-size:clamp(23px,4vw,36px);line-height:1.25;margin:4px 0;color:var(--red)}.slogan p{font-size:clamp(16px,2.4vw,20px);margin:11px 0 2px}.page{max-width:940px;padding:25px 17px 65px;margin:auto}.page h1{font-size:clamp(28px,4vw,43px);color:var(--red);line-height:1.2}.page h2{color:var(--red);font-size:clamp(22px,3vw,30px);line-height:1.25}.lead,.panel{background:white;border:1px solid #eee0d7;border-radius:16px;padding:19px;margin:16px 0;overflow-wrap:anywhere}.lead strong,.panel strong{color:var(--red)}.notice{border-left:5px solid var(--red);background:#fff0e7;padding:16px 19px;border-radius:12px;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.shop-card{background:white;border:1px solid #eee;border-radius:16px;padding:19px}.shop-card a{color:var(--red);font-weight:bold}.action-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.action-links a{background:var(--red);color:white;text-decoration:none;font-weight:bold;padding:12px 16px;border-radius:10px}details{margin:16px 0;border:1px solid #e2c9bc;border-radius:14px;overflow:hidden;background:white}summary{cursor:pointer;padding:16px 20px;color:var(--red);font-weight:900;font-size:clamp(19px,3vw,26px);list-style:revert}details[open] summary{background:#fff1ed}.gallery{padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.gallery figure{margin:0;padding:14px 12px 18px;background:#fff;border:1px solid #eee2dd;border-radius:13px;text-align:center;max-width:100%;min-width:0}.gallery img{display:block;width:100%;height:auto;max-height:700px;object-fit:contain;cursor:zoom-in;border-radius:8px;background:#f8f6f3}.gallery figcaption{padding-top:11px;font-size:clamp(16px,2.4vw,20px);font-weight:700;line-height:1.5;overflow-wrap:anywhere}.gallery p{overflow-wrap:anywhere}.photo-trigger{display:block;cursor:zoom-in}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.two-col .gallery{padding:0}.two-col figure{height:100%}footer{background:#241b1d;color:white;padding:23px 18px;text-align:center;overflow-wrap:anywhere}footer a{color:#fff}dialog{border:none;border-radius:14px;padding:10px;background:#fff;max-width:95vw;max-height:94vh}dialog::backdrop{background:#000d}dialog img{display:block;max-height:82vh;max-width:90vw;width:auto;height:auto;object-fit:contain}dialog .close{display:block;margin:0 0 8px auto;cursor:pointer;background:var(--red);color:white;border:0;padding:7px 14px;border-radius:8px;font-size:20px}h1,h2,h3,p,summary,figcaption{overflow-wrap:anywhere;white-space:normal;text-overflow:clip}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e6a015;outline-offset:2px}@media(max-width:600px){.top{justify-content:center;text-align:center}.nav{justify-content:center}.gallery{padding:10px}.page{padding:18px 12px 55px}.hero-links a{flex:1 1 140px;min-width:0}.slogan{padding:18px 12px}}

.social-boxes{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:0 auto 24px;max-width:660px}.social-boxes a{flex:1 1 215px;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 18px;border:2px solid #fff6;border-radius:13px;color:#fff;background:#24181bd9;font-size:clamp(16px,2.6vw,20px);font-weight:800;text-decoration:none;overflow-wrap:anywhere}.social-boxes a:hover,.social-boxes a:focus{background:#a80e25;border-color:#fff}.social-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;border-radius:7px;color:white;font-weight:900;font-size:24px;font-family:Arial,sans-serif}.facebook-logo{background:#1877f2}.instagram-logo{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);font-size:20px}.social-boxes.home-social{margin-top:-10px}.site-social-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:18px}.site-social-links a{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;background:#463238;border:1px solid #9c777c;padding:8px 13px;border-radius:9px}.site-social-links a:hover{text-decoration:underline}

/* Επικοινωνία στην επάνω δεξιά μπάρα */
.top{max-width:1280px;justify-content:space-between;gap:16px}
.nav{margin-left:auto;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px}
.nav .call-link{display:inline-flex;align-items:center;gap:6px;background:#fff7f6;border:1px solid #d7a4aa;color:#8d0c21;padding:9px 12px;border-radius:11px;text-decoration:none;font-weight:800;font-size:clamp(12px,1.05vw,15px);white-space:normal;line-height:1.3}
.nav .call-link:hover,.nav .call-link:focus-visible{background:#a80e25;color:#fff}
.nav .call-link .call-num{white-space:nowrap}
.nav .call-link[aria-current=page]{background:#fff7f6;color:#8d0c21}
@media(max-width:750px){.top{justify-content:center}.nav{width:100%;margin-left:0;justify-content:center;gap:7px}.nav>a{flex:0 1 auto}.nav .call-link{font-size:13px;padding:9px 10px}}
@media(max-width:390px){.nav .call-link{font-size:12px}}


/* Reliable self-contained page switching and fixed, vertical phone actions */
.site-view{display:none!important;min-width:0}
#view-home{display:flex!important}
body:has(.site-view:target) #view-home{display:none!important}
.site-view:target{display:block!important}
body:has(.site-view:target) #view-home:target{display:flex!important}
.site-view:target.home{display:flex!important}
html{scroll-behavior:auto;scroll-padding-top:95px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1320px;margin:auto;padding:10px 22px;flex-wrap:wrap}
.top .nav{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap}
.top .nav .home-button{background:#a80e25;color:#fff;border:1px solid #a80e25;font-size:17px;font-weight:900;padding:13px 20px;border-radius:12px;white-space:nowrap}
.top .nav .home-button:hover{background:#7d0d1e}
.top .call-stack{display:flex;flex-direction:column;gap:5px;align-items:stretch}
.top .call-stack .call-link{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff7f6;border:1px solid #d7a4aa;color:#8d0c21;padding:6px 12px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:800;line-height:1.3;white-space:nowrap}
.top .call-stack .call-link:hover,.top .call-stack .call-link:focus-visible{background:#a80e25;color:#fff}
.top .call-stack .call-num{font-weight:900}
.home{background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important}
.home .hero-card{max-width:940px}
.site-view .page,.site-view.page{min-height:65vh}
@media(max-width:760px){.top{padding:10px 13px;gap:10px}.top .brand{font-size:clamp(14px,3.8vw,20px)}.top .nav{width:auto;gap:8px}.top .nav .home-button{font-size:15px;padding:11px 13px}.top .call-stack .call-link{font-size:12px;padding:5px 8px;gap:6px}.home{min-height:calc(100dvh - 105px)}}
@media(max-width:430px){.top{align-items:flex-start}.top .nav{width:100%;justify-content:flex-end}.top .call-stack .call-link{font-size:12px}}

/* Multilingual selector, delivery and made-to-order preparations */
.language-selector{display:flex;align-items:center;gap:7px;background:#fff6f0;border:1px solid #edd6ce;border-radius:10px;padding:7px 9px;color:#5c3437;font-size:13px;font-weight:800}.language-selector select{font-size:14px;min-width:112px;max-width:150px;padding:7px 8px;border:1px solid #caa5a2;background:white;border-radius:8px;color:#302426;cursor:pointer}.delivery-panel,.custom-panel{padding:20px 22px;margin:20px 0;border:1px solid #e2c8c2;border-radius:16px;background:#fff8f2;overflow-wrap:anywhere}.delivery-panel{border-left:6px solid #a80e25}.custom-panel{background:#fff2ee;border-left:6px solid #b78445}.delivery-panel h2,.custom-panel h2{font-size:clamp(19px,3vw,27px);margin:0 0 8px;color:#a80e25;line-height:1.3}.delivery-panel p,.custom-panel p{font-size:clamp(15px,2vw,19px);line-height:1.55;margin:0 0 15px}.call-delivery{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;border-radius:10px;padding:12px 16px;font-weight:800;background:#a80e25;color:white;max-width:100%;text-align:center;white-space:normal}.home-delivery a{color:#fff;border-radius:10px;padding:9px 14px;display:inline-block;background:#a80e25;font-weight:800;text-decoration:none;margin-top:8px}.top .nav{align-items:center}.site-view p,.site-view h1,.site-view h2,.site-view figcaption{overflow-wrap:break-word;max-height:none}@media(max-width:700px){.top{align-items:flex-start}.nav{gap:8px}.language-selector{width:100%;justify-content:center}.language-selector select{max-width:none;flex:1}.delivery-panel,.custom-panel{padding:17px 14px}}
