:root{--primary:#e33c35;--accent:#ffb21c;--lagoon:#08a8cc;--sky:#eaf8fc;--navy:#082f45;--ink:#17313f;--muted:#607582;--white:#fff;--line:#d9e7eb;--sand:#fff8eb;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Arial Rounded MT Bold",Inter,ui-sans-serif,system-ui,sans-serif;--radius:22px;--shadow:0 18px 45px rgba(5,55,75,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.68 var(--sans)}a{color:inherit}.site-header{position:sticky;z-index:50;top:0;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:10px max(24px,calc((100% - 1240px)/2));color:#fff;background:rgba(6,42,60,.97);box-shadow:0 8px 28px rgba(4,37,53,.12);backdrop-filter:blur(12px)}.site-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.site-brand img{display:block;max-height:58px;max-width:250px}.brand-symbol{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--navy);background:var(--accent);font-size:25px;font-weight:1000;box-shadow:inset 0 0 0 4px rgba(255,255,255,.28)}.brand-symbol:after{content:"";position:absolute;right:-3px;top:2px;width:10px;height:10px;border:3px solid #fff;border-radius:50%}.brand-name{display:block;font:1000 24px/1 var(--display);letter-spacing:-.045em}.brand-name span,.footer-brand span{color:var(--accent)}.brand-tagline,.footer-tagline{display:block;margin-top:6px;color:#8de4f2;font-size:8px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.header-links,.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{position:relative;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:3px;border-radius:3px;background:var(--accent);transition:.2s}.main-nav a:hover:after{right:0}.language-switcher{position:relative}.language-switcher summary{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer;list-style:none;font-size:12px;font-weight:900}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher nav{position:absolute;right:0;top:calc(100% + 10px);display:grid;grid-template-columns:repeat(2,minmax(70px,1fr));gap:5px;width:180px;padding:10px;color:var(--ink);background:#fff;border-radius:15px;box-shadow:var(--shadow)}.language-switcher nav a{padding:8px 10px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800}.language-switcher nav a:hover,.language-switcher nav a.active{color:#fff;background:var(--lagoon)}
.hero{position:relative;min-height:690px;display:flex;align-items:center;padding:76px max(24px,calc((100% - 1240px)/2));overflow:hidden;background:#0b4f65 url('/assets/malta-hero.webp') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,51,.88) 0%,rgba(3,39,55,.74) 38%,rgba(3,39,55,.16) 68%,rgba(3,39,55,.04) 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--primary) 0 33%,var(--accent) 33% 66%,var(--lagoon) 66%)}.hero-inner{position:relative;z-index:2;width:min(650px,100%);padding:39px 42px 31px;border-radius:28px;color:#fff;background:rgba(6,42,60,.78);box-shadow:0 25px 70px rgba(0,0,0,.24);backdrop-filter:blur(8px)}.hero h1{margin:10px 0 21px;font:1000 clamp(48px,5.6vw,76px)/.98 var(--display);letter-spacing:-.055em}.hero p,.homepage-intro{max-width:610px;font-size:17px;line-height:1.62}.homepage-intro p{margin:0}.kicker,.article-section,.card-section{text-transform:uppercase;letter-spacing:.15em;font-size:10px!important;font-weight:1000}.kicker{color:#a8edfa}.kicker.dark,.card-section,.article-section{color:#e13a35}.hero-cta{display:inline-flex;align-items:center;gap:13px;margin-top:24px;padding:14px 22px;border-radius:999px;color:var(--navy);background:var(--accent);text-decoration:none;font-size:13px;font-weight:1000;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .2s,background .2s}.hero-cta:hover{transform:translateY(-2px);background:#ffc148}.hero-points{display:flex;flex-wrap:wrap;gap:25px;margin-top:27px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}.hero-points span{display:grid;color:#d8f5fa;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-points b{color:#fff;font-size:20px;line-height:1.2;letter-spacing:-.03em;text-transform:none}
.showcase,.content,.article{width:min(1240px,calc(100% - 48px));margin:0 auto}.showcase{padding:72px 0}.showcase:nth-of-type(even){position:relative}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head .kicker{margin:0 0 8px}.section-head h2,.content>h2,.editorial h2,.faq h2{margin:0;font:1000 clamp(31px,3.4vw,46px)/1.07 var(--display);letter-spacing:-.045em}.travel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.travel-card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(7,66,88,.08);transition:transform .24s,box-shadow .24s}.travel-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card-visual{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#4ed3e8,var(--lagoon))}.card-visual:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(4,42,57,.52))}.card-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.travel-card:hover .card-visual img{transform:scale(1.05)}.card-visual-fallback{background:linear-gradient(180deg,#6edcf0 0 55%,#09a9cc 55% 72%,#ffe0a0 72%)}.card-visual-fallback:before{content:"";position:absolute;left:7%;bottom:15%;width:86%;height:51%;background:#f9d99d;clip-path:polygon(0 100%,0 58%,11% 58%,11% 35%,24% 35%,24% 49%,38% 49%,38% 15%,50% 15%,50% 40%,63% 40%,63% 5%,72% 5%,72% 42%,84% 42%,84% 27%,94% 27%,94% 58%,100% 58%,100% 100%)}.card-visual-fallback span{position:absolute;z-index:2;right:20px;top:17px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--navy);background:var(--accent);font-size:0}.card-visual-fallback span:after{content:"360°";font-size:12px;font-weight:1000}.card-body{padding:24px 24px 26px}.card-section{margin:0 0 9px}.card-section a{text-decoration:none}.card-section a:hover{text-decoration:underline}.card-body h3{margin:0 0 11px;font:1000 22px/1.18 var(--display);letter-spacing:-.035em}.card-body h3 a{text-decoration:none}.card-body>p:not(.card-section){margin:0;color:var(--muted);font-size:14px}.card-action{display:inline-flex;gap:9px;margin-top:19px;padding:9px 14px;border-radius:999px;color:#fff;background:var(--lagoon);text-decoration:none;font-size:12px;font-weight:1000}.featured-grid .travel-card:first-child:nth-last-child(1){display:grid;grid-template-columns:minmax(300px,55%) 1fr;grid-column:1/-1}.featured-grid .travel-card:first-child:nth-last-child(1) .card-visual{aspect-ratio:auto;min-height:410px}.featured-grid .travel-card:first-child:nth-last-child(1) .card-body{display:flex;flex-direction:column;justify-content:center;padding:48px}.featured-grid .travel-card:first-child:nth-last-child(1) h3{font-size:37px}.secondary-showcase{width:100%;max-width:none;padding:70px max(24px,calc((100% - 1240px)/2));background:var(--sky)}
.homepage-content{position:relative;width:min(1120px,calc(100% - 48px));padding:64px 72px;margin:18px auto 72px;background:#fff;border:0;border-radius:28px;box-shadow:0 15px 50px rgba(7,66,88,.1)}.homepage-content:before{content:"MALTA 360";display:inline-block;margin-bottom:25px;padding:8px 13px;border-radius:999px;color:#fff;background:var(--primary);font-size:10px;font-weight:1000;letter-spacing:.15em}.homepage-content p{max-width:850px;color:#4b626e}.homepage-content h2:not(:first-child){margin-top:43px}.homepage-content h3{margin-top:29px;font:1000 24px/1.2 var(--display)}.homepage-content h2{color:var(--navy)}
.article{position:relative;max-width:1160px;padding:0 0 74px;margin-top:46px;margin-bottom:68px;background:#fff}.article:before{content:"";position:absolute;left:-28px;top:0;bottom:0;width:1px;background:var(--line)}.article h1{max-width:980px;margin:18px 0 25px;font:1000 clamp(43px,5.5vw,69px)/1.01 var(--display);letter-spacing:-.055em;color:var(--navy)}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:12px}.breadcrumb a{color:var(--lagoon);font-weight:900;text-decoration:none}.article-section{margin:31px 0 0}.article-section a{text-decoration:none}.intro{max-width:850px;padding-left:23px;border-left:5px solid var(--accent);font:600 20px/1.6 var(--sans);color:#415965}.editorial{max-width:850px}.editorial h2,.faq h2{margin-top:50px;padding-top:9px;border-top:5px solid var(--sky)}.editorial h3{font:1000 24px/1.2 var(--display);margin-top:32px}.editorial a{color:#007f9b;font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.editorial blockquote{margin:34px 0;padding:19px 24px;border:0;border-radius:16px;background:var(--sky);font:700 18px/1.55 var(--sans)}.offers{margin:40px 0;padding:22px;border:2px solid #cfeef4;border-radius:21px;background:#f4fcfe;overflow:hidden}.faq details{margin:10px 0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.faq summary{cursor:pointer;font-weight:900}.final-cta{margin:46px 0;padding:27px 30px;border:0;border-radius:20px;color:#fff;background:linear-gradient(120deg,var(--lagoon),#087d9b);font:900 18px/1.55 var(--sans);box-shadow:0 13px 34px rgba(8,143,173,.2)}.related{width:100%;max-width:none;padding:70px max(24px,calc((100% - 1240px)/2));border:0;background:var(--sky)}.video-embed{position:relative;overflow:hidden;aspect-ratio:16/9;margin:44px 0;border-radius:20px;background:#000;box-shadow:var(--shadow)}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
footer{position:relative;overflow:hidden;padding:67px max(24px,calc((100% - 1240px)/2));color:#d9edf4;background:var(--navy);border-top:8px solid var(--accent)}.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{display:block;color:#fff;text-decoration:none;font:1000 29px/1 var(--display);letter-spacing:-.045em}.footer-text,.footer-grid p{max-width:560px;margin-top:20px;color:#a9c7d2}.footer-text a{color:#fff;text-underline-offset:3px}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-grid nav a{color:#d9edf4;text-decoration:none;font-size:13px}.footer-languages{display:grid!important;grid-template-columns:repeat(2,1fr)}.footer-seal{position:absolute;right:-50px;bottom:-85px;display:grid;place-items:center;width:270px;height:270px;border:2px solid rgba(255,255,255,.08);border-radius:50%;color:rgba(255,178,28,.16);font-size:65px;font-weight:1000}.preview-banner{position:relative;z-index:80;padding:9px 20px;color:#fff;background:#9e201d;text-align:center;font-size:13px;font-weight:900}
.mobile-navigation{display:none;position:relative}.mobile-navigation summary{width:43px;height:43px;display:grid;align-content:center;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08);cursor:pointer;list-style:none}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation summary span{display:block;width:20px;height:2px;margin:auto;background:#fff;border-radius:2px}.mobile-navigation nav{position:absolute;right:0;top:calc(100% + 9px);width:min(300px,calc(100vw - 36px));padding:10px;color:var(--ink);background:#fff;border-radius:15px;box-shadow:var(--shadow)}.mobile-navigation nav a{display:block;padding:11px 12px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:800}.mobile-navigation nav a:hover{color:#fff;background:var(--lagoon)}.category-hero{position:relative;overflow:hidden;padding:88px max(24px,calc((100% - 1240px)/2));color:#fff;background:linear-gradient(120deg,var(--navy),#087f9b)}.category-hero:after{content:"360°";position:absolute;right:7%;top:-35px;color:rgba(255,255,255,.08);font-size:190px;font-weight:1000}.category-hero>div{position:relative;z-index:2;max-width:850px}.category-hero .breadcrumb{color:rgba(255,255,255,.72)}.category-hero .breadcrumb a{color:#fff}.category-hero h1{margin:14px 0 7px;font:1000 clamp(44px,5.5vw,70px)/1 var(--display);letter-spacing:-.055em}.category-hero p{margin-bottom:0}.category-list{min-height:380px}
@media(max-width:940px){.travel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{display:none}.featured-grid .travel-card:first-child:nth-last-child(1){grid-template-columns:1fr}.featured-grid .travel-card:first-child:nth-last-child(1) .card-visual{min-height:280px;aspect-ratio:16/9}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}.mobile-navigation{display:block}.header-links{flex-direction:row}.language-switcher{order:2}.mobile-navigation{order:1}.hero{min-height:620px;background-position:57% center}.hero:before{background:linear-gradient(90deg,rgba(3,35,51,.88),rgba(3,35,51,.58))}}
@media(max-width:640px){.site-header{min-height:72px;padding:10px 17px}.brand-name{font-size:20px}.brand-symbol{width:41px;height:41px}.header-links{gap:9px}.hero{min-height:610px;padding:54px 16px;background-position:64% center}.hero:before{background:rgba(3,35,51,.56)}.hero-inner{padding:28px 23px;border-radius:22px}.hero h1{font-size:43px}.hero p,.homepage-intro{font-size:16px}.hero-points{gap:17px}.hero-points span{font-size:9px}.hero-points b{font-size:17px}.showcase,.content,.article{width:min(100% - 30px,1240px)}.showcase{padding:54px 0}.section-head{display:block}.travel-grid{grid-template-columns:1fr}.homepage-content{padding:38px 24px;margin-bottom:54px}.article{padding:0 0 47px;margin-top:30px}.article:before{display:none}.article h1{font-size:40px}.offers{padding:10px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-grid>div{grid-column:auto}.featured-grid .travel-card:first-child:nth-last-child(1){display:block}.featured-grid .travel-card:first-child:nth-last-child(1) .card-body{padding:25px}.featured-grid .travel-card:first-child:nth-last-child(1) h3{font-size:28px}.category-hero{padding:62px 23px}.category-hero h1{font-size:41px}.language-switcher nav{right:0}.secondary-showcase,.related{padding:54px 15px}}

/* GYG booking window: the white third-party widget sits on a deliberate Malta-themed frame. */
.offers{position:relative;margin:46px 0;padding:24px;border:0;border-radius:26px;background:linear-gradient(135deg,#082f45 0%,#07546a 100%);box-shadow:0 20px 48px rgba(5,48,69,.18);overflow:hidden}
.offers:before{content:"";position:absolute;z-index:0;left:24px;top:0;width:92px;height:5px;border-radius:0 0 8px 8px;background:var(--accent)}
.offers:after{content:"";position:absolute;z-index:0;right:-56px;top:-72px;width:180px;height:180px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 58px rgba(255,178,28,.035);pointer-events:none}
.offers>div,.offers>span{position:relative;z-index:1;display:block;padding:18px;border-radius:17px;background:#fff;box-shadow:0 7px 25px rgba(0,0,0,.13)}
@media(max-width:640px){.offers{margin:34px -7px;padding:13px;border-radius:20px}.offers:before{left:18px;width:68px}.offers>div,.offers>span{padding:8px;border-radius:13px}}

/* Refined GYG treatment: a light editorial card with a slim Malta-colour signature. */
.offers{margin:42px 0;padding:10px 0 0;border-radius:18px;background:linear-gradient(90deg,var(--accent) 0 13%,var(--lagoon) 13% 72%,var(--navy) 72% 100%) top/100% 10px no-repeat #fff;box-shadow:0 12px 32px rgba(5,48,69,.11);overflow:hidden}
.offers:before,.offers:after{display:none}
.offers>div,.offers>span{padding:17px 18px 18px;border-radius:0 0 18px 18px;background:#fff;box-shadow:none}
@media(max-width:640px){.offers{margin:32px -4px;padding-top:7px;border-radius:15px;background-size:100% 7px}.offers>div,.offers>span{padding:9px 8px 11px;border-radius:0 0 15px 15px}}
