/* HALA catalog-greece.css — rules shared by: greecedo, greeceeat, greecesleep (extracted 2026-07-07).
   Loaded BEFORE each page's inline <style>. Edit here once. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#1F1A14;--plaster:#F2EEE8;--tile:#2C5F7C;--stone:#DAD0C3;--parchment:#C4A982;--terracotta:#C2563A;--ink-60:rgba(31,26,20,.6);--ink-38:rgba(31,26,20,.38);--ink-22:rgba(31,26,20,.22);--hair:rgba(31,26,20,.12);--fd:'Fraunces',ui-serif,Georgia,serif;--fh:"Syne",ui-sans-serif,system-ui,sans-serif;--fb:"Schibsted Grotesk","Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;--fu:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;--max:1180px;--ph:clamp(18px,4vw,52px)}
html{font-size:16px;-webkit-font-smoothing:antialiased}html:focus-within{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--plaster);color:var(--ink);line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.hala-nav{background:var(--stone);border-bottom:.5px solid rgba(31,26,20,.14);position:sticky;top:0;z-index:200;width:100%}
.hala-nav__inner{max-width:var(--max);margin:0 auto;padding:0 var(--ph);height:64px;display:flex;align-items:center;justify-content:space-between}
.hala-nav__wordmark{font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:400;color:#1F1A14;letter-spacing:.08em;text-decoration:none;flex-shrink:0;transition:letter-spacing .3s,color .2s}
.hala-nav__wordmark:hover{letter-spacing:.18em;color:#2C5F7C}
.hala-nav__links{display:flex;align-items:center;gap:2rem;list-style:none}
.hala-nav__links a{font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#1F1A14;opacity:.65;position:relative;padding-bottom:3px;transition:opacity .2s,color .2s;text-decoration:none}
.hala-nav__links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#2C5F7C;transition:width .28s}
.hala-nav__links a:hover{opacity:1;color:#2C5F7C}
.hala-nav__links a:hover::after{width:100%}
.hala-nav__links a.active{opacity:1;color:#1F1A14}
.hala-nav__links a.active::after{width:100%;background:#1F1A14;opacity:.3}
.hala-nav__toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.hala-nav__toggle span{display:block;width:22px;height:1px;background:#1F1A14;transition:all .3s}
.hala-nav__drawer{display:none;flex-direction:column;background:var(--stone);border-top:.5px solid rgba(31,26,20,.14);padding:1.5rem var(--ph);gap:1.25rem}
.hala-nav__drawer a{font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:18px;color:#1F1A14;opacity:.8;transition:opacity .2s,color .2s;text-decoration:none}
.hala-nav__drawer a:hover{opacity:1;color:#2C5F7C}
.hala-nav__drawer.open{display:flex}
@media(max-width:768px){.hala-nav__links{display:none}.hala-nav__toggle{display:flex}}
.hala-footer{background:var(--stone);border-top:.5px solid rgba(31,26,20,.14)}
.hala-footer__inner{max-width:var(--max);margin:0 auto;padding:3.5rem var(--ph) 2.5rem;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:2rem;align-items:start}
.hala-footer__wordmark{font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:20px;color:#1F1A14;letter-spacing:.08em;display:block;margin-bottom:.75rem;text-decoration:none;transition:letter-spacing .3s,color .2s}
.hala-footer__wordmark:hover{letter-spacing:.18em;color:#2C5F7C}
.hala-footer__tagline{font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:14px;font-style:italic;color:#1F1A14;opacity:.5;max-width:220px}
.hala-footer__col-label{font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#1F1A14;opacity:.38;margin-bottom:1rem;display:block}
.hala-footer__links{list-style:none;display:flex;flex-direction:column;gap:.65rem}
.hala-footer__links a{font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#1F1A14;opacity:.65;position:relative;padding-bottom:1px;display:inline-block;transition:opacity .2s,color .2s;text-decoration:none}
.hala-footer__links a::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:.5px;background:#2C5F7C;transition:width .25s}
.hala-footer__links a:hover{opacity:1;color:#2C5F7C}
.hala-footer__links a:hover::after{width:100%}
.hala-footer__bottom{max-width:var(--max);margin:0 auto;padding:1.25rem var(--ph);border-top:.5px solid rgba(31,26,20,.14);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.hala-footer__copy{font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:11px;color:#1F1A14;opacity:.38;letter-spacing:.04em}
.hala-footer__social a{font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1F1A14;opacity:.45;text-decoration:none;transition:opacity .2s,color .2s}
.hala-footer__social a:hover{opacity:1;color:#2C5F7C}
@media(max-width:1024px){.hala-footer__inner{grid-template-columns:1fr 1fr;gap:2.5rem}}
@media(max-width:768px){.hala-footer__inner{grid-template-columns:1fr;gap:2.5rem}.hala-footer__bottom{flex-direction:column;align-items:flex-start;gap:.75rem}}
.ahero{background:var(--stone);position:relative;overflow:hidden;border-bottom:.5px solid var(--hair)}
.ahero__inner{max-width:var(--max);margin:0 auto;padding:3rem var(--ph) 3rem;display:grid;grid-template-columns:minmax(0,660px) minmax(0,1fr);gap:clamp(44px,5vw,72px);align-items:end;position:relative;z-index:2}
.ahero__kicker{font-family:var(--fu);font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--tile);display:block;margin-bottom:1.25rem}
.ahero__breadcrumb{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0;margin-bottom:1.25rem;line-height:1}
.ahero__back{font-family:var(--fu);font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--tile);text-decoration:none;transition:color .2s ease,letter-spacing .3s ease;display:inline-flex;align-items:baseline;gap:6px;line-height:1}
.ahero__back:hover{color:var(--ink);letter-spacing:.34em}
.ahero__back::before{content:"\2190";font-size:11px;line-height:1;display:inline-block;transition:transform .3s ease;position:relative;top:1px}
.ahero__back:hover::before{transform:translateX(-3px)}
.ahero__sep{color:var(--ink-38);margin:0 .55em;font-weight:400;letter-spacing:0;font-size:10px;line-height:1}
.ahero__kicker--current{font-family:var(--fu);font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-60);display:inline;margin:0;line-height:1}
.ahero__title{font-family:var(--fd);font-style:italic;font-weight:400;font-size:clamp(58px,9vw,128px);line-height:.92;letter-spacing:-.03em;color:var(--ink);margin-bottom:1.25rem}
.ahero__sub{font-family:var(--fb);font-size:17px;line-height:1.65;color:var(--ink);max-width:54ch;margin-bottom:1.5rem}
.ahero__meta{display:flex;gap:2rem;font-family:var(--fu);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-60)}
.ahero__meta strong{font-family:var(--fb);font-weight:400;color:var(--ink);font-size:13px;letter-spacing:0;text-transform:none;margin-left:.4em}
.ahero__photo{aspect-ratio:4/3;overflow:hidden;border-radius:2px;background:var(--stone)}
.ahero__photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.ahero__inner{grid-template-columns:1fr;gap:2rem}.ahero__photo{aspect-ratio:16/10}}
.frail{position:sticky;top:64px;background:var(--plaster);border-bottom:.5px solid var(--hair);z-index:90;box-shadow:0 1px 0 var(--hair)}
.frail__inner{max-width:var(--max);margin:0 auto;padding:18px var(--ph) 14px}
.frail__label{font-family:var(--fu);font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-38);margin-bottom:10px;display:block}
.frail__row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.frail__row:last-child{margin-bottom:0}
.filter-chip{font-family:var(--fu);font-size:12px;font-weight:500;letter-spacing:.03em;padding:8px 14px;border:.5px solid var(--ink-22);background:transparent;color:var(--ink);cursor:pointer;border-radius:2px;transition:background .18s,color .18s,border-color .18s}
.filter-chip:hover{border-color:var(--tile);color:var(--tile)}
.filter-chip.active{background:var(--ink);color:var(--plaster);border-color:var(--ink)}
.frail__count{font-family:var(--fu);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-38);margin-top:10px;display:block}
.frail__count strong{color:var(--ink);font-weight:600}
.agg{padding:2.5rem var(--ph) 5rem;background:var(--plaster)}
.agg__inner{max-width:var(--max);margin:0 auto}
.agg__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:2px;overflow:hidden}
@media(max-width:1024px){.agg__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.agg__grid{grid-template-columns:1fr}}
.agg__empty{display:none;padding:4rem 2rem;text-align:center;font-family:var(--fd);font-style:italic;font-size:22px;color:var(--ink-60)}
.agg__empty.show{display:block}
.card-region-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--fu);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tile);padding:4px 8px;border:.5px solid rgba(44,95,124,.3);border-radius:2px;margin-bottom:12px;align-self:flex-start;background:rgba(44,95,124,.04);transition:background .18s,color .18s}
.card-region-tag:hover{background:var(--tile);color:var(--plaster)}
.card-region-tag::after{content:"↗"}
.frail__active{display:none;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 4px;font-family:var(--fu);font-size:11px;color:var(--ink-60)}
.frail__active.show{display:flex}
.frail__active-label{font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-38);margin-right:2px}
.active-chip{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--plaster);padding:5px 8px 5px 12px;border-radius:2px;font-family:var(--fu);font-size:11px;font-weight:500;letter-spacing:.04em;line-height:1;cursor:pointer;border:none;transition:background .18s ease,transform .12s ease}
.active-chip:hover{background:#1c3346}
.active-chip__x{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(242,238,232,.18);color:var(--plaster);font-size:11px;line-height:1;transition:background .18s ease}
.active-chip:hover .active-chip__x{background:rgba(242,238,232,.32)}
.active-clear{font-family:var(--fu);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tile);background:none;border:none;border-bottom:1px solid transparent;cursor:pointer;padding:4px 2px;margin-left:4px;transition:color .2s ease,border-color .2s ease;line-height:1}
.active-clear:hover{color:var(--ink);border-bottom-color:var(--ink-38)}
.agg__empty.show{display:flex;flex-direction:column;align-items:center;gap:24px}
.agg__empty .filter-clear-big{font-family:var(--fu);font-style:normal;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tile);background:transparent;border:1px solid var(--tile);padding:13px 26px;border-radius:2px;cursor:pointer;transition:background .2s ease,color .2s ease}
.agg__empty .filter-clear-big:hover{background:var(--tile);color:var(--plaster)}
@media(max-width:768px){
  .frail__inner{padding:14px 0 12px;position:relative}
  .frail__label{display:none}
  .frail__row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 var(--ph) 2px;margin:0;gap:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .frail__row::-webkit-scrollbar{display:none}
  .frail__row + .frail__row{margin-top:8px}
  .filter-chip{flex-shrink:0;font-size:11px;padding:7px 12px;scroll-snap-align:start}
  .frail__count{padding:0 var(--ph);margin-top:8px}
  .frail__active{padding:0 var(--ph);margin:10px 0 0}
  .frail__inner::before,
  .frail__inner::after{content:"";position:absolute;top:0;bottom:14px;width:24px;pointer-events:none;z-index:2}
  .frail__inner::before{left:0;background:linear-gradient(to right,var(--plaster),rgba(242,238,232,0))}
  .frail__inner::after{right:0;background:linear-gradient(to left,var(--plaster),rgba(242,238,232,0))}
}
.nav__wordmark,.hala-nav__wordmark,.nav__logo,.foot__wordmark,.hala-footer__wordmark,.foot__logo{
  font-family:'Schibsted Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  font-variation-settings:normal !important;
}
.nav__wordmark,.hala-nav__wordmark,.nav__logo{font-size:22px !important}
.foot__wordmark,.hala-footer__wordmark,.foot__logo{font-size:26px !important}
.ap-q,.cat-hdr-title,.coast-name,.cw-title,.eat-display-title,.hero-title,.picker-pick,.picker-q-title,.picker-result-title,.sec-h,.sec-title,.spritz-side-name,.td-name,.ur-h,.wc-headline,.wg-formula,.wp-wine-name,.xreg-h{font-family:var(--fh);font-style:normal;font-weight:800;letter-spacing:-.04em;line-height:.95}
.budget-headline,.cal-card-name,.id-h,.lake-i-name,.layer-ruler,.menu-name,.more-italy-h,.mstop-name,.picker-option-title,.spritz-vs-vs,.wp-food-dish{font-family:var(--fh);font-style:normal;font-weight:700;letter-spacing:-.025em;line-height:1.0}
.ahero__title{font-family:var(--fh);font-style:normal;font-weight:800;letter-spacing:-.04em;line-height:.95}
.hero-title,.hero__headline,.hero__title,.ahero__title,.cw-title,.vw-title,.ty-title,.nf-title,.ie-hero h1{font-family:'Syne',ui-sans-serif,sans-serif;font-style:normal;font-weight:800;letter-spacing:-.035em;line-height:1.02;font-size:clamp(42px,5.8vw,86px)}

/* skip link — a11y */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#1F1A14;color:#F4EFE6;font-family:var(--fb,sans-serif);font-size:14px;font-weight:600;padding:10px 18px;border-radius:0 0 6px 0;text-decoration:none}
.skip-link:focus{left:0}
.skip-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}