/*
Theme Name: TravelBuzz
Theme URI: https://travelbuzz.co.il
Author: Habibur Rahman Romel
Author URI: https://www.linkedin.com/in/romel9/
Description: Custom WordPress theme for TravelBuzz, a Hebrew/English travel and lifestyle blog. Magazine-style front page, custom taxonomy-driven categories, RTL-first with full EN support, hand-built from the client's Desktop and Mobile design references (no page builder).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.7
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: travelbuzz
Tags: blog, custom-menu, featured-images, rtl-language-support, translation-ready, two-columns

TravelBuzz is a from-scratch theme, no framework/starter theme was used.
*/

/* =========================================================
   BASE RESET
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;direction:rtl}
img{max-width:100%;height:auto}
ul.menu,
.desktop-nav ul,
.mobile-nav ul,
.drawer-nav ul{list-style:none;margin:0;padding:0}
ul.menu li,
.desktop-nav li,
.mobile-nav li,
.drawer-nav li{list-style:none;margin:0;padding:0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* =========================================================
   DESKTOP + TABLET (≥768px) — from the client's Desktop reference.
   This block already contains its own internal breakpoints down to
   440px; those only matter for the small window between the theme
   switching to the dedicated Mobile block below.
   ========================================================= */
:root {
  --aqua:#4BC5D4;
  --aqua-soft:#4BC5D4;
  --aqua-pale:#4BC5D4;
  --aqua-light:#EAF8F8;
  --aqua-dark:#17727A;
  --aqua-deep:#115C63;
  --cream:#F5FBFB;
  --white:#fff;
  --ink:#5E6668;
  --heading:#555B5D;
  --muted:#7D8A8C;
  --line:#D8EEEE;
  --pressed:#197B83;
  --shadow:0 16px 42px rgba(25,123,131,.10);
  --radius:26px;
  --container:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Heebo',Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;object-fit:cover;max-width:100%}
h1,h2,h3{margin:0;color:var(--heading);font-family:'Assistant',Arial,sans-serif;line-height:1.18}
p{margin:0;color:var(--muted)}
.container{width:min(var(--container),calc(100% - 56px));margin-inline:auto}
.section{padding:62px 0}
.section.soft{background:var(--aqua-light);border-block:1px solid var(--line)}

/* Header — same structure as YOFI, with TRAVELBUZZ branding */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-row{min-height:132px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.brand{direction:ltr;display:flex;align-items:center;min-width:max-content}
.brand-logo{width:255px;max-height:94px;object-fit:contain}
.desktop-nav{display:flex;justify-content:center;align-items:center;gap:16px;font-family:'Assistant',Arial,sans-serif;font-size:15.5px;white-space:nowrap}
.desktop-nav a{position:relative;padding:10px 0;color:#616c6e}
.desktop-nav a:not(.cta)::after{content:"";position:absolute;right:0;bottom:4px;width:0;height:2px;background:var(--aqua-dark);transition:.25s}
.desktop-nav a:hover::after{width:100%}
.desktop-nav .cta{padding:11px 18px;color:#fff;background:var(--aqua);border:1px solid var(--aqua);border-radius:999px;transition:.2s;font-weight:700;box-shadow:0 10px 24px rgba(75,197,212,.20)}
.socials{display:flex;gap:9px;direction:ltr}
.socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--aqua-dark);transition:.2s}
.socials a:hover{background:rgba(75,197,212,.14)}
.socials svg{width:18px;height:18px;fill:currentColor}
.menu-btn,.mobile-nav{display:none}

.desktop-nav .cta:active,
.desktop-nav .cta:focus,
.button:active,
.button:focus,
.signup button:active,
.signup button:focus{
  background:var(--pressed);
  border-color:var(--pressed);
  color:#fff;
  outline:none;
}
.desktop-nav a:not(.cta):active,
.desktop-nav a:not(.cta):focus,
.section-link:active,
.section-link:focus,
.text-link:active,
.text-link:focus,
.channel-title a:active,
.channel-title a:focus,
.mini-links a:active,
.mini-links a:focus,
.socials a:active,
.socials a:focus{
  color:var(--pressed);
  outline:none;
}
.desktop-nav .cta:hover,
.button:hover{
  filter:brightness(.98);
}

/* Hero — YOFI editorial structure with TRAVELBUZZ image and tone */
.hero{padding:34px 0 58px;background:linear-gradient(180deg,#fff 0%,var(--aqua-light) 100%)}
.hero-card{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:center;gap:48px;padding:34px;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow)}
.hero-image{width:300px;height:300px;border-radius:22px;background:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=900&q=86') center/cover}
.hero-copy{padding:10px 12px}
.kicker{display:inline-flex;align-items:center;width:max-content;padding:4px 10px;border:1px solid var(--aqua);border-radius:999px;background:var(--aqua);color:#fff;font-family:'Assistant',Arial,sans-serif;font-size:12px;font-weight:700;margin-bottom:12px}
.hero h1{font-size:clamp(30px,2.75vw,42px);font-weight:300;letter-spacing:-.02em}
.hero p{max-width:620px;margin-top:18px;font-size:17px;line-height:1.75}
.button{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:12px 24px;border:1px solid var(--aqua);border-radius:999px;background:var(--aqua);color:#fff;font-family:'Assistant',Arial,sans-serif;font-weight:700;transition:.2s;box-shadow:0 10px 24px rgba(75,197,212,.20)}

/* Shared headings */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.section-head h2{font-size:34px;font-weight:400}
.section-head p{margin-top:6px;color:var(--muted);font-size:14px}
.section-link{flex:0 0 auto;color:var(--aqua-dark);font-family:'Assistant',Arial,sans-serif;font-weight:700}
.category{display:inline-flex;align-items:center;width:max-content;padding:3px 9px;border:1px solid var(--aqua);border-radius:999px;background:var(--aqua);color:#fff;font-family:'Assistant',Arial,sans-serif;font-size:12px;font-weight:700}
.text-link{display:inline-block;margin-top:15px;color:var(--aqua-dark);font-family:'Assistant',Arial,sans-serif;font-size:14px;font-weight:700}

/* Main category layout — exactly the YOFI magazine logic */
.category-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:stretch}
.lead-card,.compact-card,.channel-card,.pick-card,.buzz-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 11px 30px rgba(25,123,131,.07)}
.lead-card{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:center;min-height:332px;padding:16px}
.lead-image{width:300px;height:300px;border-radius:18px}
.lead-body{padding:28px 30px}
.lead-body h3{margin-top:7px;font-size:29px;font-weight:400}
.lead-body p{margin-top:12px;font-size:15px;line-height:1.7}
.compact-list{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.compact-card{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;column-gap:20px;min-height:159px;padding:14px 18px;box-shadow:none}
.compact-card img{width:116px;height:116px;margin:0;border-radius:14px}
.compact-copy{padding:8px 0}
.compact-copy h3{margin-top:5px;font-size:19px;font-weight:400;line-height:1.3}

/* TRAVELBUZZ — same YOFI BUZZ position, turquoise version */
.buzz{background:linear-gradient(135deg,#8FE5E6 0%,#197B83 100%)}
.buzz .section-head h2,.buzz .section-head p,.buzz .section-link{color:#fff}
.buzz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.buzz-card{display:flex;flex-direction:column;align-items:center;padding:18px 14px 16px;text-align:center}
.buzz-card img{width:180px;height:180px;border-radius:16px}
.buzz-body{padding:14px 6px 2px}
.buzz-body h3{margin-top:5px;font-size:19px;font-weight:400}
.play{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--aqua-dark);font-family:'Assistant';font-weight:700;box-shadow:0 8px 18px rgba(0,0,0,.10)}
.story-thumb{position:relative}

/* Lower channels — same card language as YOFI */
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.channel-card{padding-top:18px}
.channel-card>img{width:300px;height:300px;margin:0 auto;border-radius:18px}
.channel-body{padding:22px 24px 24px}
.channel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.channel-title h2{font-size:27px;font-weight:400}
.channel-title a{color:var(--aqua-dark);font-size:13px;font-weight:700}
.channel-card h3{margin-top:17px;font-size:22px;font-weight:400}
.channel-card p{margin-top:9px;color:var(--muted);font-size:14px}
.mini-links{margin-top:17px;padding-top:9px;border-top:1px solid var(--line)}
.mini-links a{display:block;padding:8px 0;border-bottom:1px dashed #d9eeee;font-family:'Assistant',Arial,sans-serif;font-size:15px}
.mini-links a:last-child{border-bottom:0}

/* Editor-style pick for travel recommendation */
.editor{background:linear-gradient(180deg,#fff,var(--aqua-light));border-block:1px solid var(--line)}
.picks-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}
.pick-main{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:center;min-height:332px;padding:16px}
.pick-main .lead-body{padding:28px 30px}
.pick-badge{display:inline-flex;padding:5px 11px;border:1px solid var(--aqua);border-radius:999px;background:var(--aqua);color:#fff;font-family:'Assistant',Arial,sans-serif;font-size:11px;font-weight:700}
.pick-list{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.pick-card{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;column-gap:20px;min-height:159px;padding:14px 18px;box-shadow:none}
.pick-card img{width:116px;height:116px;margin:0;border-radius:14px}

/* Closing — combined appear + newsletter, same closing logic */
.closing{padding:44px 0;background:var(--aqua);color:#fff}
.closing-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:70px}
.appear{display:flex;align-items:center;justify-content:flex-end;gap:18px;text-align:right}
.appear-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  min-height:48px;
  padding:11px 24px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:999px;
  background:var(--aqua);
  color:#fff;
  font-family:'Assistant',Arial,sans-serif;
  font-weight:700;
  transition:.2s;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.appear-button:hover,
.appear-button:focus{
  filter:brightness(.96);
  outline:none;
}
.appear-logo{width:96px;height:64px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:#fff;object-fit:contain;padding:5px}
.closing h2{color:#fff;font-size:30px;font-weight:400}
.closing p{margin-top:6px;color:rgba(255,255,255,.86);font-size:14px}
.signup{display:grid;grid-template-columns:1fr 128px;gap:10px;margin-top:18px}
.signup input,.signup button{height:52px;border-radius:0;font:inherit}
.signup input{padding:0 16px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.64);outline:0;text-align:right}
.signup input::placeholder{color:rgba(255,255,255,.78)}
.signup button{border:1px solid rgba(255,255,255,.96);background:var(--aqua);color:#fff;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 10px 24px rgba(0,0,0,.08)}

/* Footer */
.footer{padding:34px 0;background:var(--cream)}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:28px}
.footer-brand{direction:ltr;display:flex;align-items:center;gap:8px}
.footer-brand img{width:230px;height:auto;object-fit:contain}
.copyright{font-size:12px;color:var(--muted);text-align:center}


/* ===== TRAVELBUZZ desktop header logo rebuilt per user request ===== */
.brand-logo-custom{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:255px;
  min-height:102px;
}
.brand-circle{
  width:118px;
  height:118px;
  border-radius:50%;
  background:var(--aqua);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Assistant',Arial,sans-serif;
  font-size:58px;
  font-weight:300;
  line-height:1;
  letter-spacing:-.02em;
  flex:0 0 118px;
}
.brand-stack{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  padding-top:18px;
  min-width:0;
}
.brand-buzz-wrap{
  position:relative;
  display:inline-block;
  padding-right:14px;
}
.brand-buzz{
  position:relative;
  display:inline-block;
  color:#7e7e7e;
  font-family:'Assistant',Arial,sans-serif;
  font-size:56px;
  font-weight:400;
  line-height:.95;
  letter-spacing:-.02em;
}
.brand-buzz::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  border-bottom:6px solid #8d8d8d;
  opacity:.9;
}
.brand-flight-path{
  position:absolute;
  top:-9px;
  right:-4px;
  width:76px;
  height:42px;
  border-top:3px dashed var(--aqua);
  border-right:3px dashed var(--aqua);
  border-radius:0 100% 0 0;
  transform:rotate(10deg);
  transform-origin:top right;
}
.brand-plane{
  position:absolute;
  top:-24px;
  right:3px;
  color:var(--aqua);
  font-size:31px;
  line-height:1;
  transform:rotate(18deg);
}
.brand-tagline{
  margin-top:8px;
  margin-right:2px;
  color:#8a8a8a;
  font-family:'Assistant',Arial,sans-serif;
  font-size:22px;
  font-weight:600;
  line-height:1.05;
  text-align:right;
  white-space:nowrap;
}

@media(max-width:1180px) and (min-width:981px){
  .brand-logo-custom{width:230px; min-height:90px; gap:10px;}
  .brand-circle{width:105px;height:105px;flex-basis:105px;font-size:50px;}
  .brand-stack{padding-top:16px;}
  .brand-buzz{font-size:50px;}
  .brand-flight-path{width:66px;height:38px;top:-8px;right:-3px;}
  .brand-plane{font-size:27px;top:-21px;right:2px;}
  .brand-tagline{font-size:19px;margin-top:7px;}
}

@media(max-width:980px){
  .brand-logo-custom{width:185px; min-height:70px; gap:8px;}
  .brand-circle{width:82px;height:82px;flex-basis:82px;font-size:38px;}
  .brand-stack{padding-top:12px;}
  .brand-buzz{font-size:36px;}
  .brand-buzz::after{bottom:-4px;border-bottom-width:4px;}
  .brand-flight-path{width:46px;height:28px;top:-5px;right:-2px;border-top-width:2px;border-right-width:2px;}
  .brand-plane{font-size:19px;top:-13px;right:0;}
  .brand-tagline{font-size:13px;margin-top:5px;}
}

/* Responsive — dedicated mobile behavior, not only desktop shrink */
a,button,input{-webkit-tap-highlight-color:transparent}
h1,h2,h3,p,a{overflow-wrap:break-word}
article,.hero-copy,.lead-body,.compact-copy,.channel-body{min-width:0}

@media(max-width:1180px) and (min-width:981px){
  .header-row{gap:18px}
  .brand-logo{width:220px}
  .desktop-nav{gap:11px;font-size:14px}
  .socials{gap:7px}
  .socials a{width:37px;height:37px}
}

@media(max-width:980px){
  body.menu-open{overflow:hidden}
  .container{width:min(720px,calc(100% - 32px))}
  .section{padding:44px 0}

  .header-row{
    min-height:82px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:10px;
  }
  .brand{min-width:0;max-width:none}
  .brand-logo{width:185px;max-height:68px;object-fit:contain}
  .desktop-nav{display:none}
  .header-row>.socials{display:flex;gap:6px;flex:0 0 auto}
  .header-row>.socials a{width:34px;height:34px;border-color:var(--line);background:#fff;color:var(--aqua-dark)}
  .header-row>.socials svg{width:14px;height:14px}

  .menu-btn{
    display:grid;
    flex:0 0 44px;
    width:44px;
    height:44px;
    place-items:center;
    border:1px solid var(--line);
    border-radius:50%;
    background:#fff;
    color:var(--aqua-dark);
    cursor:pointer;
    box-shadow:0 6px 18px rgba(25,123,131,.08);
  }
  .menu-btn svg{width:21px;height:21px;fill:currentColor}

  .mobile-nav{
    position:fixed;
    z-index:60;
    top:76px;
    right:0;
    left:0;
    max-height:calc(100dvh - 76px);
    overflow-y:auto;
    padding:14px 16px 18px;
    background:rgba(255,255,255,.985);
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 38px rgba(25,123,131,.14);
  }
  .mobile-nav.open{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  .mobile-nav a{
    display:flex;
    min-height:46px;
    align-items:center;
    justify-content:center;
    padding:10px 8px;
    border:1px solid var(--aqua);
    border-radius:13px;
    background:var(--aqua);
    color:#fff;
    font-family:'Assistant',Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    text-align:center;
  }
  .mobile-nav .cta{grid-column:1/-1;background:var(--aqua);border-color:var(--aqua);color:#fff}
  .mobile-nav a:hover,
  .mobile-nav a:focus{filter:brightness(.96);outline:none}

  .hero{padding:22px 0 38px}
  .hero-card{grid-template-columns:1fr;gap:18px;padding:16px;border-radius:25px}
  .hero-image{width:min(100%,360px);height:auto;aspect-ratio:1/1;margin-inline:auto;border-radius:19px}
  .hero-copy{width:100%;padding:8px 5px 10px;text-align:right}
  .hero h1{max-width:20ch;font-size:clamp(29px,5.2vw,36px);line-height:1.16}
  .hero p{max-width:none;margin-top:13px;font-size:15.5px;line-height:1.72}
  .button{min-height:46px;margin-top:19px;padding:11px 22px}

  .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin-bottom:20px}
  .section-head h2{font-size:31px}
  .section-head p{margin-top:5px;font-size:13.5px}
  .section-link{align-self:end;padding-bottom:3px;white-space:nowrap;font-size:14px}

  .category-layout,.picks-layout{grid-template-columns:1fr;gap:16px}
  .lead-card,.pick-main{grid-template-columns:1fr;justify-items:stretch;min-height:0;padding:14px;text-align:right}
  .lead-image,.pick-main .lead-image{width:min(100%,360px);height:auto;aspect-ratio:1/1;margin-inline:auto;border-radius:17px}
  .lead-body,.pick-main .lead-body{padding:20px 6px 8px}
  .lead-body h3{margin-top:8px;font-size:clamp(24px,4.5vw,28px);line-height:1.26}
  .lead-body p{margin-top:10px;font-size:15px;line-height:1.68}
  .text-link{min-height:44px;padding-top:13px}

  .compact-list,.pick-list{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .compact-card,.pick-card{grid-template-columns:104px minmax(0,1fr);column-gap:15px;min-height:128px;padding:12px}
  .compact-card img,.pick-card img{width:96px;height:96px;margin:0;border-radius:13px}
  .compact-copy{padding:3px 0}
  .compact-copy h3{font-size:18px;line-height:1.38}

  .buzz{padding:42px 0}
  .buzz .container{width:calc(100% - 24px)}
  .buzz-grid{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 10px}
  .buzz-grid::-webkit-scrollbar{display:none}
  .buzz-card{flex:0 0 250px;min-height:0;padding:16px 12px 15px;scroll-snap-align:start}
  .buzz-card img{width:160px;height:160px}
  .buzz-body{padding-top:13px}
  .buzz-body h3{font-size:18px;line-height:1.34}

  .channel-grid{grid-template-columns:1fr;gap:17px;max-width:620px;margin-inline:auto}
  .channel-card{padding-top:14px}
  .channel-card>img{width:min(calc(100% - 28px),360px);height:auto;aspect-ratio:1/1;border-radius:17px}
  .channel-body{padding:19px 20px 21px}
  .channel-title h2{font-size:26px}
  .channel-card h3{font-size:21px;line-height:1.35}
  .channel-card p{font-size:14px;line-height:1.65}
  .mini-links a{min-height:44px;padding:10px 0}

  .closing{padding:42px 0}
  .closing-grid{grid-template-columns:1fr;gap:36px;text-align:center}
  .appear{justify-content:center;text-align:center;flex-direction:column}
  .closing h2{font-size:28px}
  .closing p{font-size:14px}
  .appear-button{min-width:210px;min-height:48px}
  .signup{width:min(100%,560px);margin:18px auto 0;grid-template-columns:minmax(0,1fr) 120px}
  .signup input,.signup button{min-height:52px}

  .footer{padding:28px 0}
  .footer-row{flex-direction:column;justify-content:center;gap:18px;text-align:center}
  .footer-brand{justify-content:center}
  .footer-brand img{width:220px}
  .footer .socials{display:flex}
  .copyright{order:3}
}

@media(max-width:680px){
  .container{width:calc(100% - 24px)}
  .section{padding:38px 0}
  .brand-logo{width:158px}
  .header-row{min-height:78px}
  .header-row>.socials{gap:5px}
  .header-row>.socials a{width:30px;height:30px}
  .header-row>.socials svg{width:14px;height:14px}
  .mobile-nav{top:78px;max-height:calc(100dvh - 78px)}

  .hero{padding:18px 0 32px}
  .hero-card{padding:13px;border-radius:22px}
  .hero-image{max-width:330px}
  .hero h1{font-size:clamp(27px,7.3vw,31px)}
  .hero p{font-size:15px}

  .section-head h2{font-size:28px}
  .compact-list,.pick-list{grid-template-columns:1fr}
  .compact-card,.pick-card{grid-template-columns:104px minmax(0,1fr);min-height:120px}

  .buzz-card{flex-basis:min(76vw,245px)}
  .buzz-card img{width:150px;height:150px}

  .channel-title h2{font-size:24px}
  .closing h2{font-size:27px}

  .signup{grid-template-columns:1fr}
  .signup button{width:100%}
}

@media(max-width:440px){
  .container{width:calc(100% - 20px)}
  .brand-logo{width:145px}
  .header-row>.socials a{width:29px;height:29px}
  .header-row>.socials svg{width:13px;height:13px}
  .menu-btn{width:42px;height:42px;flex-basis:42px}

  .mobile-nav{padding-inline:10px}
  .mobile-nav.open{gap:7px}
  .mobile-nav a{font-size:13px;padding-inline:5px}

  .hero-card{padding:11px}
  .hero-copy{padding-inline:4px}
  .hero h1{font-size:27px}
  .button{width:100%;justify-content:center}

  .section-head{grid-template-columns:1fr;align-items:start;gap:7px}
  .section-link{justify-self:start;padding-bottom:0}

  .lead-body h3{font-size:23px}
  .compact-card,.pick-card{grid-template-columns:92px minmax(0,1fr);column-gap:13px;padding:10px}
  .compact-card img,.pick-card img{width:86px;height:86px}
  .compact-copy h3{font-size:17px}

  .buzz .container{width:calc(100% - 14px)}
  .buzz-card{flex-basis:82vw}

  .channel-body{padding-inline:17px}
  .closing{padding:38px 0}
  .appear-button{width:100%;min-width:0}
  .footer-brand img{width:205px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* === UPDATE: turquoise closing section + larger desktop side photos === */
@media (min-width:981px){
  .compact-card,
  .pick-card{
    grid-template-columns:154px minmax(0,1fr) !important;
    min-height:176px !important;
    padding:16px 18px !important;
  }
  .compact-card img,
  .pick-card img{
    width:138px !important;
    height:138px !important;
    border-radius:16px !important;
  }
  .compact-copy h3{
    font-size:20px !important;
    line-height:1.32 !important;
  }
}

.closing{
  background:var(--aqua) !important;
  color:#fff !important;
  border-top:1px solid rgba(255,255,255,.36);
  border-bottom:1px solid rgba(255,255,255,.36);
}
.closing h2{
  color:#fff !important;
}
.closing p{
  color:rgba(255,255,255,.92) !important;
}
.appear-button{
  border-color:rgba(255,255,255,.96) !important;
  color:#fff !important;
  background:var(--aqua) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.appear-button:hover,
.appear-button:focus{
  filter:brightness(.96);
  color:#fff !important;
}
.appear-logo{
  border-color:#C7EDEE !important;
  box-shadow:0 10px 24px rgba(25,123,131,.10);
}
.signup input{
  color:#fff !important;
  border-color:rgba(255,255,255,.76) !important;
  background:rgba(255,255,255,.14) !important;
}
.signup input::placeholder{
  color:rgba(255,255,255,.82) !important;
}
.signup button{
  background:var(--aqua) !important;
  border-color:rgba(255,255,255,.96) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}


/* === FINAL USER UPDATE: TRAVELBUZZ section exact logo turquoise + tighter balanced spacing === */
:root{
  --aqua:#4BC5D4;
  --aqua-soft:#4BC5D4;
  --aqua-pale:#4BC5D4;
  --aqua-light:#EAF8F8;
  --aqua-dark:#17727A;
  --aqua-deep:#115C63;
}

.buzz{
  background:#4BC5D4 !important;
  padding:42px 0 42px !important;
  border-top:1px solid rgba(255,255,255,.42);
  border-bottom:1px solid rgba(255,255,255,.42);
}

.buzz .section-head{
  margin-bottom:20px !important;
  align-items:center !important;
}

.buzz .section-head h2,
.buzz .section-head p,
.buzz .section-link{
  color:#ffffff !important;
}

.buzz-grid{
  gap:16px !important;
  align-items:stretch !important;
}

.buzz-card{
  min-height:0 !important;
  padding:14px 14px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border-radius:22px !important;
}

.buzz-card .story-thumb{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.buzz-card img{
  width:170px !important;
  height:170px !important;
  margin:0 auto !important;
  border-radius:16px !important;
  object-fit:cover !important;
}

.buzz-body{
  width:100% !important;
  padding:12px 6px 0 !important;
  text-align:center !important;
}

.buzz-body .category{
  margin-inline:auto !important;
  background:#4BC5D4 !important;
  border-color:#4BC5D4 !important;
  color:#ffffff !important;
}

.buzz-body h3{
  margin-top:10px !important;
}

/* Also keep all small pill buttons in the same turquoise as the logo circle */
.category,
.kicker,
.pick-badge,
.desktop-nav .cta,
.button,
.signup button,
.appear-button{
  background:#4BC5D4 !important;
  border-color:#4BC5D4 !important;
  color:#ffffff !important;
}

/* Closing area: exact logo turquoise, not green/blue gradient */
.closing{
  background:#4BC5D4 !important;
  color:#ffffff !important;
}

.closing h2,
.closing p{
  color:#ffffff !important;
}

.signup input{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.78) !important;
  background:rgba(255,255,255,.14) !important;
}

.signup input::placeholder{
  color:rgba(255,255,255,.82) !important;
}

@media(max-width:980px){
  .buzz{
    padding:36px 0 36px !important;
  }
  .buzz-grid{
    gap:13px !important;
  }
  .buzz-card{
    flex:0 0 235px !important;
    padding:14px 12px 15px !important;
  }
  .buzz-card img{
    width:150px !important;
    height:150px !important;
  }
}

@media(max-width:680px){
  .buzz{
    padding:34px 0 34px !important;
  }
  .buzz-card{
    flex-basis:min(76vw,235px) !important;
  }
  .buzz-card img{
    width:145px !important;
    height:145px !important;
  }
}


/* === FINAL USER UPDATE 2: smaller TRAVELBUZZ stories cards + equal top/bottom breathing room === */
.buzz{
  background:#4BC5D4 !important;
  padding:34px 0 38px !important;
  min-height:auto !important;
}

.buzz .section-head{
  margin-bottom:16px !important;
  min-height:auto !important;
}

.buzz .section-head h2{
  font-size:31px !important;
  line-height:1.12 !important;
}

.buzz .section-head p{
  margin-top:5px !important;
  font-size:14px !important;
}

.buzz-grid{
  grid-template-columns:repeat(4, minmax(0, 285px)) !important;
  justify-content:center !important;
  gap:18px !important;
}

.buzz-card{
  width:100% !important;
  max-width:285px !important;
  min-height:0 !important;
  padding:13px 13px 15px !important;
  border-radius:21px !important;
}

.buzz-card img{
  width:152px !important;
  height:152px !important;
  margin:0 auto !important;
  border-radius:15px !important;
}

.buzz-body{
  padding:10px 5px 0 !important;
}

.buzz-body .category{
  padding:3px 9px !important;
  font-size:12px !important;
  margin-inline:auto !important;
}

.buzz-body h3{
  margin-top:9px !important;
  font-size:18.5px !important;
  line-height:1.32 !important;
}

.play{
  top:12px !important;
  right:12px !important;
  width:34px !important;
  height:34px !important;
}

@media(max-width:980px){
  .buzz{
    padding:32px 0 34px !important;
  }
  .buzz-grid{
    display:flex !important;
    justify-content:flex-start !important;
    gap:13px !important;
  }
  .buzz-card{
    flex:0 0 226px !important;
    max-width:226px !important;
    padding:13px 12px 14px !important;
  }
  .buzz-card img{
    width:142px !important;
    height:142px !important;
  }
}

@media(max-width:680px){
  .buzz{
    padding:30px 0 32px !important;
  }
  .buzz-card{
    flex-basis:min(73vw,226px) !important;
  }
  .buzz-card img{
    width:138px !important;
    height:138px !important;
  }
}


/* === FINAL USER UPDATE 3: TRAVELBUZZ = editorial buzz coverage, not video/stories === */
.buzz{
  background:#4BC5D4 !important;
  padding:36px 0 36px !important;
  min-height:auto !important;
}

.buzz .section-head{
  margin-bottom:18px !important;
  align-items:center !important;
}

.buzz .section-head h2{
  font-size:31px !important;
  line-height:1.12 !important;
}

.buzz .section-head p{
  margin-top:5px !important;
  font-size:14px !important;
  color:rgba(255,255,255,.92) !important;
}

.buzz-grid{
  grid-template-columns:repeat(4, minmax(0, 285px)) !important;
  justify-content:center !important;
  gap:18px !important;
  align-items:stretch !important;
}

.buzz-card{
  width:100% !important;
  max-width:285px !important;
  min-height:0 !important;
  padding:13px 13px 15px !important;
  border-radius:21px !important;
}

.buzz-card .story-thumb{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.buzz-card img{
  width:152px !important;
  height:152px !important;
  margin:0 auto !important;
  border-radius:15px !important;
  object-fit:cover !important;
}

.play{
  top:12px !important;
  right:12px !important;
  width:34px !important;
  height:34px !important;
  font-size:17px !important;
  color:#17727A !important;
  background:rgba(255,255,255,.94) !important;
}

.buzz-body{
  width:100% !important;
  padding:10px 5px 0 !important;
  text-align:center !important;
}

.buzz-body .category{
  margin-inline:auto !important;
  background:#4BC5D4 !important;
  border-color:#4BC5D4 !important;
  color:#ffffff !important;
}

.buzz-body h3{
  margin-top:9px !important;
  font-size:18.5px !important;
  line-height:1.32 !important;
}

@media(max-width:980px){
  .buzz{
    padding:32px 0 34px !important;
  }
  .buzz-grid{
    display:flex !important;
    justify-content:flex-start !important;
    gap:13px !important;
  }
  .buzz-card{
    flex:0 0 226px !important;
    max-width:226px !important;
    padding:13px 12px 14px !important;
  }
  .buzz-card img{
    width:142px !important;
    height:142px !important;
  }
}

@media(max-width:680px){
  .buzz{
    padding:30px 0 32px !important;
  }
  .buzz-card{
    flex-basis:min(73vw,226px) !important;
  }
  .buzz-card img{
    width:138px !important;
    height:138px !important;
  }
}


/* === FINAL USER UPDATE 4: equal visual top/bottom spacing + no video wording === */
.buzz{
  background:#4BC5D4 !important;
  padding:30px 0 46px !important;
  min-height:auto !important;
  display:block !important;
}

.buzz .section-head{
  margin-bottom:18px !important;
  min-height:auto !important;
  align-items:flex-start !important;
}

.buzz .section-head > div{
  padding-top:0 !important;
}

.buzz .section-head h2{
  margin:0 !important;
  font-size:31px !important;
  line-height:1.05 !important;
}

.buzz .section-head p{
  margin-top:6px !important;
  font-size:14px !important;
  line-height:1.35 !important;
  color:rgba(255,255,255,.92) !important;
}

.buzz .section-link{
  padding-top:4px !important;
  color:#ffffff !important;
}

.buzz-grid{
  grid-template-columns:repeat(4, minmax(0, 285px)) !important;
  justify-content:center !important;
  gap:18px !important;
  align-items:stretch !important;
}

.buzz-card{
  width:100% !important;
  max-width:285px !important;
  min-height:0 !important;
  padding:13px 13px 15px !important;
  border-radius:21px !important;
}

.buzz-card .story-thumb{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.buzz-card img{
  width:152px !important;
  height:152px !important;
  margin:0 auto !important;
  border-radius:15px !important;
  object-fit:cover !important;
}

.buzz-body{
  width:100% !important;
  padding:10px 5px 0 !important;
  text-align:center !important;
}

.buzz-body .category{
  margin-inline:auto !important;
  background:#4BC5D4 !important;
  border-color:#4BC5D4 !important;
  color:#ffffff !important;
}

.buzz-body h3{
  margin-top:9px !important;
  font-size:18.5px !important;
  line-height:1.32 !important;
}

.play{
  top:12px !important;
  right:12px !important;
  width:34px !important;
  height:34px !important;
  font-size:17px !important;
  color:#17727A !important;
  background:rgba(255,255,255,.94) !important;
}

@media(max-width:980px){
  .buzz{
    padding:28px 0 40px !important;
  }

  .buzz-grid{
    display:flex !important;
    justify-content:flex-start !important;
    gap:13px !important;
  }

  .buzz-card{
    flex:0 0 226px !important;
    max-width:226px !important;
    padding:13px 12px 14px !important;
  }

  .buzz-card img{
    width:142px !important;
    height:142px !important;
  }
}

@media(max-width:680px){
  .buzz{
    padding:28px 0 36px !important;
  }

  .buzz-card{
    flex-basis:min(73vw,226px) !important;
  }

  .buzz-card img{
    width:138px !important;
    height:138px !important;
  }
}


/* =========================================================
   TRAVELBUZZ FINAL HANDOFF — Desktop + Mobile
   Based on YOFI layout, with TRAVELBUZZ turquoise branding.
   ========================================================= */

:root{
  --aqua:#4BC5D4;          /* turquoise from the logo circle */
  --aqua-soft:#4BC5D4;
  --aqua-pale:#4BC5D4;
  --aqua-light:#EAF8F8;
  --aqua-dark:#17727A;
  --aqua-deep:#115C63;
  --cream:#F5FBFB;
  --line:#D8EEEE;
  --shadow:0 16px 42px rgba(25,123,131,.10);
}

/* Enlarged logo — about 12% larger than the previous desktop version */
.brand-logo{
  width:292px !important;
  max-height:108px !important;
  object-fit:contain !important;
}

.header-row{
  min-height:136px !important;
}

/* Brand-color buttons and small pills */
.desktop-nav .cta,
.button,
.category,
.kicker,
.pick-badge,
.signup button,
.appear-button,
.mobile-nav a,
.mobile-nav .cta{
  background:#4BC5D4 !important;
  border-color:#4BC5D4 !important;
  color:#ffffff !important;
}

.desktop-nav .cta{
  box-shadow:0 10px 24px rgba(75,197,212,.20) !important;
}

.button{
  box-shadow:0 10px 24px rgba(75,197,212,.20) !important;
}

.socials a{
  color:#17727A !important;
}

.socials a:hover{
  background:rgba(75,197,212,.14) !important;
}

/* TRAVELBUZZ section — coverage/buzz, not video/stories */
.buzz{
  background:#4BC5D4 !important;
  padding:30px 0 46px !important;
  min-height:auto !important;
  border-top:1px solid rgba(255,255,255,.42) !important;
  border-bottom:1px solid rgba(255,255,255,.42) !important;
}

.buzz .section-head{
  margin-bottom:18px !important;
  min-height:auto !important;
  align-items:flex-start !important;
}

.buzz .section-head > div{
  padding-top:0 !important;
}

.buzz .section-head h2{
  margin:0 !important;
  color:#ffffff !important;
  font-size:31px !important;
  line-height:1.05 !important;
  font-weight:400 !important;
}

.buzz .section-head p{
  margin-top:6px !important;
  color:rgba(255,255,255,.92) !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

.buzz .section-link{
  padding-top:4px !important;
  color:#ffffff !important;
}

.buzz-grid{
  grid-template-columns:repeat(4, minmax(0, 285px)) !important;
  justify-content:center !important;
  gap:18px !important;
  align-items:stretch !important;
}

.buzz-card{
  width:100% !important;
  max-width:285px !important;
  min-height:0 !important;
  padding:13px 13px 15px !important;
  border-radius:21px !important;
  box-shadow:0 12px 30px rgba(25,123,131,.08) !important;
}

.buzz-card .story-thumb{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.buzz-card img{
  width:152px !important;
  height:152px !important;
  margin:0 auto !important;
  border-radius:15px !important;
  object-fit:cover !important;
}

.play{
  top:12px !important;
  right:12px !important;
  width:34px !important;
  height:34px !important;
  font-size:17px !important;
  color:#17727A !important;
  background:rgba(255,255,255,.94) !important;
}

.buzz-body{
  width:100% !important;
  padding:10px 5px 0 !important;
  text-align:center !important;
}

.buzz-body .category{
  margin-inline:auto !important;
}

.buzz-body h3{
  margin-top:9px !important;
  font-size:18.5px !important;
  line-height:1.32 !important;
}

/* Closing area — same logo turquoise, not green/gradient */
.closing{
  background:#4BC5D4 !important;
  color:#ffffff !important;
}

.closing h2,
.closing p{
  color:#ffffff !important;
}

.signup input{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.78) !important;
  background:rgba(255,255,255,.14) !important;
}

.signup input::placeholder{
  color:rgba(255,255,255,.82) !important;
}

/* Footer logo balance */
.footer-brand img{
  width:255px !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Desktop small images — intentionally larger than mobile */
@media(min-width:981px){
  .compact-card img,
  .pick-card img{
    width:138px !important;
    height:138px !important;
    border-radius:16px !important;
  }

  .compact-card,
  .pick-card{
    grid-template-columns:154px minmax(0,1fr) !important;
  }
}

/* Tablet + mobile — dedicated design, not simple desktop shrink */
@media(max-width:1180px) and (min-width:981px){
  .brand-logo{
    width:260px !important;
  }
  .header-row{
    min-height:126px !important;
  }
}

@media(max-width:980px){
  .header-row{
    min-height:84px !important;
  }

  .brand-logo{
    width:205px !important;
    max-height:74px !important;
  }

  .buzz{
    padding:28px 0 40px !important;
  }

  .buzz-grid{
    display:flex !important;
    justify-content:flex-start !important;
    gap:13px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
  }

  .buzz-grid::-webkit-scrollbar{
    display:none !important;
  }

  .buzz-card{
    flex:0 0 226px !important;
    max-width:226px !important;
    padding:13px 12px 14px !important;
    scroll-snap-align:start !important;
  }

  .buzz-card img{
    width:142px !important;
    height:142px !important;
  }

  .compact-card img,
  .pick-card img{
    width:96px !important;
    height:96px !important;
  }

  .compact-card,
  .pick-card{
    grid-template-columns:104px minmax(0,1fr) !important;
  }

  .footer-brand img{
    width:220px !important;
  }
}

@media(max-width:680px){
  .brand-logo{
    width:178px !important;
    max-height:66px !important;
  }

  .buzz{
    padding:28px 0 36px !important;
  }

  .buzz-card{
    flex-basis:min(73vw,226px) !important;
  }

  .buzz-card img{
    width:138px !important;
    height:138px !important;
  }
}

@media(max-width:440px){
  .brand-logo{
    width:158px !important;
  }
}


/* =========================================================
   FINAL UPDATE: compact mobile CTA + swipeable TRAVELBUZZ mobile section
   ========================================================= */

/* Desktop: slightly more compact closing section */
.closing{
  padding:34px 0 !important;
  background:#4BC5D4 !important;
}

.closing-grid{
  gap:44px !important;
}

.appear-button{
  margin-top:12px !important;
  min-height:44px !important;
  padding:9px 22px !important;
  background:#4BC5D4 !important;
  border-color:rgba(255,255,255,.95) !important;
  color:#ffffff !important;
}

.signup{
  margin-top:14px !important;
}

.signup input,
.signup button{
  height:48px !important;
}

.footer{
  padding:30px 0 28px !important;
}

.footer-brand img{
  width:270px !important;
}

/* TRAVELBUZZ section: desktop remains editorial grid */
.buzz{
  background:#4BC5D4 !important;
}

.buzz .section-head h2,
.buzz .section-head p,
.buzz .section-link{
  color:#ffffff !important;
}

.buzz-card .story-thumb{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.buzz-card img{
  margin:0 auto !important;
  object-fit:cover !important;
}

.play{
  background:rgba(255,255,255,.94) !important;
  color:#17727A !important;
}

/* Mobile and tablet: compact CTA, stronger footer, swipeable TRAVELBUZZ cards */
@media(max-width:980px){
  .closing{
    padding:24px 0 22px !important;
  }

  .closing-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
    text-align:center !important;
  }

  .appear{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
  }

  .appear-logo{
    width:76px !important;
    height:50px !important;
    border-radius:13px !important;
    padding:4px !important;
    margin:0 auto !important;
  }

  .closing h2{
    font-size:23px !important;
    line-height:1.12 !important;
    margin:0 !important;
  }

  .closing p{
    max-width:305px !important;
    margin:4px auto 0 !important;
    font-size:13px !important;
    line-height:1.42 !important;
  }

  .appear-button{
    margin-top:8px !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:8px 21px !important;
    font-size:15px !important;
  }

  .signup{
    width:min(100%,330px) !important;
    margin:10px auto 0 !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .signup input,
  .signup button{
    height:42px !important;
    min-height:42px !important;
    font-size:14px !important;
  }

  .footer{
    padding:20px 0 22px !important;
    background:var(--cream) !important;
  }

  .footer-row{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:12px !important;
    text-align:center !important;
  }

  .footer-brand{
    order:1 !important;
    justify-content:center !important;
    width:auto !important;
  }

  .footer-brand img{
    width:160px !important;
    max-width:70vw !important;
  }

  .footer .socials{
    order:2 !important;
    display:flex !important;
    justify-content:center !important;
  }

  .copyright{
    order:3 !important;
    max-width:280px !important;
    font-size:12px !important;
    line-height:1.5 !important;
  }

  /* TRAVELBUZZ mobile movement — like YOFI BUZZ swipe */
  .buzz{
    padding:30px 0 34px !important;
  }

  .buzz .container{
    width:calc(100% - 14px) !important;
  }

  .buzz-grid{
    display:flex !important;
    gap:13px !important;
    overflow-x:auto !important;
    overscroll-behavior-inline:contain !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
    padding:2px 6px 10px !important;
    justify-content:flex-start !important;
  }

  .buzz-grid::-webkit-scrollbar{
    display:none !important;
  }

  .buzz-card{
    flex:0 0 242px !important;
    max-width:242px !important;
    min-height:0 !important;
    padding:14px 12px 15px !important;
    scroll-snap-align:start !important;
  }

  .buzz-card img{
    width:150px !important;
    height:150px !important;
  }

  .buzz-body{
    padding-top:12px !important;
    text-align:center !important;
  }
}

@media(max-width:680px){
  .closing{
    padding:22px 0 20px !important;
  }

  .closing h2{
    font-size:22px !important;
  }

  .appear-logo{
    width:72px !important;
    height:48px !important;
  }

  .footer-brand img{
    width:150px !important;
  }

  .buzz-card{
    flex-basis:min(76vw,238px) !important;
  }

  .buzz-card img{
    width:144px !important;
    height:144px !important;
  }
}

@media(max-width:440px){
  .closing{
    padding:20px 0 18px !important;
  }

  .signup{
    width:min(100%,310px) !important;
  }

  .footer{
    padding:18px 0 20px !important;
  }

  .footer-brand img{
    width:142px !important;
  }

  .buzz-card{
    flex-basis:82vw !important;
  }
}


/* =========================================================
   FINAL UPDATE 2: much smaller mobile CTA + obvious mobile swipe
   ========================================================= */

/* Compact closing area on desktop too, but still elegant */
.closing{
  background:#4BC5D4 !important;
  padding:28px 0 !important;
}

.closing-grid{
  gap:34px !important;
}

.appear-button{
  margin-top:10px !important;
  min-height:42px !important;
  padding:8px 20px !important;
  background:#4BC5D4 !important;
  border-color:rgba(255,255,255,.95) !important;
  color:#fff !important;
}

.signup{
  margin-top:12px !important;
}

.signup input,
.signup button{
  height:46px !important;
}

/* Mobile: reduce the turquoise CTA block so it doesn't swallow the footer */
@media(max-width:980px){
  .closing{
    padding:16px 0 14px !important;
  }

  .closing-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    text-align:center !important;
  }

  .appear{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    text-align:center !important;
  }

  /* The logo already appears in the footer, so hiding it here saves height */
  .appear-logo{
    display:none !important;
  }

  .closing h2{
    font-size:20px !important;
    line-height:1.12 !important;
    margin:0 !important;
  }

  /* Hide secondary explanatory text on mobile to keep the CTA compact */
  .closing p{
    display:none !important;
  }

  .appear-button{
    margin-top:6px !important;
    min-width:0 !important;
    min-height:36px !important;
    padding:7px 18px !important;
    font-size:14px !important;
    line-height:1 !important;
  }

  .signup{
    width:min(100%,330px) !important;
    margin:8px auto 0 !important;
    grid-template-columns:minmax(0,1fr) 92px !important;
    gap:7px !important;
  }

  .signup input,
  .signup button{
    height:38px !important;
    min-height:38px !important;
    font-size:13.5px !important;
    border-radius:0 !important;
  }

  .signup input{
    padding-inline:12px !important;
  }

  .signup button{
    width:auto !important;
    padding-inline:10px !important;
  }

  .footer{
    padding:16px 0 18px !important;
    background:var(--cream) !important;
  }

  .footer-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    text-align:center !important;
  }

  .footer-brand{
    width:auto !important;
    justify-content:center !important;
  }

  .footer-brand img{
    width:160px !important;
    max-width:70vw !important;
  }

  .footer .socials{
    display:flex !important;
    justify-content:center !important;
    gap:8px !important;
  }

  .footer .socials a{
    width:34px !important;
    height:34px !important;
  }

  .copyright{
    max-width:280px !important;
    font-size:11.5px !important;
    line-height:1.45 !important;
  }

  /* TRAVELBUZZ mobile swipe: show only one full card + part of next card */
  .buzz{
    padding:28px 0 32px !important;
    overflow:hidden !important;
  }

  .buzz .container{
    width:100% !important;
    padding-inline:12px !important;
  }

  .buzz .section-head{
    padding-inline:4px !important;
  }

  .buzz-grid{
    display:flex !important;
    gap:13px !important;
    overflow-x:auto !important;
    overscroll-behavior-inline:contain !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
    padding:2px 36px 10px 8px !important;
    justify-content:flex-start !important;
    direction:rtl !important;
  }

  .buzz-grid::-webkit-scrollbar{
    display:none !important;
  }

  .buzz-card{
    flex:0 0 78vw !important;
    max-width:258px !important;
    min-width:226px !important;
    min-height:0 !important;
    padding:14px 12px 15px !important;
    scroll-snap-align:start !important;
  }

  .buzz-card img{
    width:148px !important;
    height:148px !important;
    margin-inline:auto !important;
  }

  .buzz-body{
    padding-top:11px !important;
    text-align:center !important;
  }

  .buzz::after{
    content:"החליקו לסיקורים נוספים ←";
    display:block;
    width:max-content;
    margin:8px auto 0;
    padding:5px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.20);
    color:#fff;
    font-family:'Assistant',Arial,sans-serif;
    font-size:12px;
    font-weight:700;
  }
}

@media(max-width:680px){
  .closing{
    padding:14px 0 12px !important;
  }

  .closing h2{
    font-size:19px !important;
  }

  .signup{
    width:min(100%,315px) !important;
    grid-template-columns:minmax(0,1fr) 88px !important;
  }

  .footer-brand img{
    width:148px !important;
  }

  .buzz-card{
    flex-basis:79vw !important;
    max-width:248px !important;
  }

  .buzz-card img{
    width:142px !important;
    height:142px !important;
  }
}

@media(max-width:440px){
  .closing{
    padding:12px 0 12px !important;
  }

  .signup{
    width:min(100%,300px) !important;
    grid-template-columns:minmax(0,1fr) 84px !important;
  }

  .footer-brand img{
    width:140px !important;
  }

  .buzz-card{
    flex-basis:82vw !important;
  }
}


/* =========================================================
   TRAVELBUZZ FINAL HANDOFF PATCH — CLICKABLE BUTTONS + YOFI LOGIC
   Visual change is minimal:
   - All chips/buttons/links are true anchors
   - Hover/focus/active states are clear
   - Category chips remain turquoise and turn white on interaction
   - Mobile keeps dedicated responsive behavior
   ========================================================= */

a.category,
a.kicker,
a.pick-badge,
.section-link,
.text-link,
.channel-title a,
.mini-links a,
.desktop-nav a,
.mobile-nav a,
.button,
.appear-button,
.socials a{
  cursor:pointer !important;
}

a.category:hover,
a.category:focus,
a.category:active,
a.kicker:hover,
a.kicker:focus,
a.kicker:active,
a.pick-badge:hover,
a.pick-badge:focus,
a.pick-badge:active,
.button:hover,
.button:focus,
.button:active,
.desktop-nav .cta:hover,
.desktop-nav .cta:focus,
.desktop-nav .cta:active,
.mobile-nav .cta:hover,
.mobile-nav .cta:focus,
.mobile-nav .cta:active,
.appear-button:hover,
.appear-button:focus,
.appear-button:active,
.signup button:hover,
.signup button:focus,
.signup button:active{
  background:#ffffff !important;
  color:var(--aqua-dark) !important;
  border-color:#ffffff !important;
  filter:none !important;
  outline:none !important;
  box-shadow:0 8px 20px rgba(17,92,99,.10) !important;
}

.section-link:hover,
.section-link:focus,
.text-link:hover,
.text-link:focus,
.channel-title a:hover,
.channel-title a:focus,
.mini-links a:hover,
.mini-links a:focus{
  color:var(--aqua-deep) !important;
  text-decoration:underline !important;
  text-underline-offset:4px !important;
  outline:none !important;
}

.socials a:hover,
.socials a:focus,
.socials a:active{
  background:var(--aqua) !important;
  color:#ffffff !important;
  border-color:var(--aqua) !important;
  outline:none !important;
}

/* Keep TRAVELBUZZ buzz desktop cards elegant, similar to YOFI logic */
@media(min-width:981px){
  .buzz-card{
    background:rgba(255,255,255,.90) !important;
    border:1px solid rgba(255,255,255,.76) !important;
    box-shadow:0 8px 22px rgba(17,92,99,.055) !important;
  }
  .buzz-card:hover,
  .buzz-card:focus-within{
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 10px 26px rgba(17,92,99,.08) !important;
    transform:translateY(-1px);
    transition:background .22s ease, box-shadow .22s ease, transform .22s ease;
  }
}


/* =========================================================
   TRAVELBUZZ DESKTOP — NAV CLOSER TO LOGO
   User requested:
   - Move the desktop category/navigation row closer to the TRAVELBUZZ logo
   - Keep the rest of the design and layout unchanged
   ========================================================= */

@media(min-width:981px){
  .header-row{
    column-gap:14px !important;
  }

  .desktop-nav{
    justify-content:flex-start !important;
    margin-inline-start:0 !important;
    padding-inline-start:0 !important;
  }

  .brand{
    margin-inline-start:0 !important;
  }
}

@media(max-width:1180px) and (min-width:981px){
  .header-row{
    column-gap:12px !important;
  }

  .desktop-nav{
    gap:10px !important;
  }
}


/* =========================================================
   TRAVELBUZZ FINAL DESKTOP REFINEMENT
   User requested:
   - Remove the small logo in the turquoise closing strip
   - Remove the hero pill "הכתבה הראשית"
   - Increase button fonts and top category/nav fonts by 0.5px
   ========================================================= */

/* Remove circled items */
.appear-logo{
  display:none !important;
}

.hero .kicker,
.hero-copy .kicker{
  display:none !important;
}

/* Keep closing area balanced after removing the small logo */
.appear{
  gap:0 !important;
}

/* +0.5px font increase: top categories and buttons */
.desktop-nav{
  font-size:16px !important;
}

.desktop-nav .cta{
  font-size:16px !important;
}

.button{
  font-size:16.5px !important;
}

.category,
.kicker,
.pick-badge{
  font-size:12.5px !important;
}

.appear-button{
  font-size:16.5px !important;
}

.signup button{
  font-size:16.5px !important;
}

@media(max-width:980px){
  .mobile-nav a{
    font-size:14.5px !important;
  }

  .button,
  .appear-button,
  .signup button{
    font-size:14.5px !important;
  }

  .category,
  .kicker,
  .pick-badge{
    font-size:12.5px !important;
  }
}


/* =========================================================
   TRAVELBUZZ FINAL — LARGER BUTTON + CATEGORY FONTS
   User requested:
   - Buttons are still too small
   - Top category/navigation row is still too small
   - Category pills inside cards are also enlarged
   ========================================================= */

@media(min-width:981px){
  /* Top category/navigation row */
  .desktop-nav{
    font-size:17.5px !important;
    gap:18px !important;
  }

  .desktop-nav a{
    font-size:17.5px !important;
    font-weight:600 !important;
  }

  .desktop-nav .cta{
    font-size:17.5px !important;
    font-weight:800 !important;
    min-height:52px !important;
    padding:13px 24px !important;
  }

  /* Main buttons */
  .button{
    font-size:18px !important;
    font-weight:800 !important;
    min-height:54px !important;
    padding:14px 30px !important;
  }

  .appear-button{
    font-size:18px !important;
    font-weight:800 !important;
    min-height:50px !important;
    padding:12px 28px !important;
  }

  .signup button{
    font-size:18px !important;
    font-weight:800 !important;
  }

  /* Category pills inside cards */
  .category,
  .kicker,
  .pick-badge,
  a.category,
  a.kicker,
  a.pick-badge{
    font-size:14.5px !important;
    font-weight:800 !important;
    min-height:34px !important;
    padding:6px 14px !important;
    line-height:1.1 !important;
  }

  .buzz-body .category{
    font-size:14.5px !important;
    padding:6px 14px !important;
    min-height:34px !important;
  }

  .channel-title a,
  .mini-links a,
  .text-link,
  .section-link{
    font-size:16px !important;
    font-weight:800 !important;
  }
}

@media(max-width:1180px) and (min-width:981px){
  .desktop-nav{
    font-size:16.8px !important;
    gap:14px !important;
  }

  .desktop-nav a{
    font-size:16.8px !important;
  }

  .desktop-nav .cta{
    font-size:16.8px !important;
    padding:12px 21px !important;
  }
}

@media(max-width:980px){
  .mobile-nav a{
    font-size:15.5px !important;
    font-weight:800 !important;
  }

  .button,
  .appear-button,
  .signup button{
    font-size:16px !important;
    font-weight:800 !important;
  }

  .category,
  .kicker,
  .pick-badge,
  a.category,
  a.kicker,
  a.pick-badge{
    font-size:13.5px !important;
    font-weight:800 !important;
    min-height:32px !important;
    padding:5px 12px !important;
  }
}


/* Header logo corrected to match footer reference */
.site-header .brand-logo{width:300px;max-height:none;height:auto;object-fit:contain;}
@media(max-width:1180px){.site-header .brand-logo{width:270px;}}
@media(max-width:980px){.site-header .brand-logo{width:200px;}}


/* =========================================================
   TRAVELBUZZ HEADER LOGO — LARGER TAGLINE
   User requested:
   - Make "גלו את העולם עם" larger in the header logo
   - Keep the same approved logo image
   ========================================================= */

.site-header .brand-logo-wrap{
  position:relative !important;
  display:inline-block !important;
  width:300px !important;
  height:auto !important;
  line-height:0 !important;
}

.site-header .brand-logo-wrap .brand-logo{
  width:300px !important;
  max-height:none !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Cover the tiny text inside the image and replace it with larger text */
.site-header .brand-tagline-fix{
  position:absolute !important;
  right:41px !important;
  top:82px !important;
  z-index:2 !important;
  display:block !important;
  padding:1px 4px 2px !important;
  background:#ffffff !important;
  color:#8a8a8a !important;
  font-family:'Assistant', Arial, sans-serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
  text-align:right !important;
  direction:rtl !important;
}

@media(max-width:1180px) and (min-width:981px){
  .site-header .brand-logo-wrap{
    width:270px !important;
  }

  .site-header .brand-logo-wrap .brand-logo{
    width:270px !important;
  }

  .site-header .brand-tagline-fix{
    right:36px !important;
    top:73px !important;
    font-size:16.5px !important;
  }
}

@media(max-width:980px){
  .site-header .brand-logo-wrap{
    width:200px !important;
  }

  .site-header .brand-logo-wrap .brand-logo{
    width:200px !important;
  }

  .site-header .brand-tagline-fix{
    right:27px !important;
    top:54px !important;
    font-size:12.5px !important;
    padding:0 3px 1px !important;
  }
}


/* =========================================================
   TRAVELBUZZ HEADER LOGO — REMOVE DUPLICATE TAGLINE
   Fix:
   - The enlarged tagline appeared together with the tiny original tagline.
   - This white overlay now fully covers the original tiny tagline
     and shows only one larger readable line.
   ========================================================= */

.site-header .brand-tagline-fix{
  right:34px !important;
  top:78px !important;
  width:172px !important;
  height:34px !important;
  padding:0 4px !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  color:#8a8a8a !important;
  font-family:'Assistant', Arial, sans-serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-align:right !important;
  direction:rtl !important;
}

@media(max-width:1180px) and (min-width:981px){
  .site-header .brand-tagline-fix{
    right:31px !important;
    top:70px !important;
    width:154px !important;
    height:31px !important;
    font-size:16.5px !important;
  }
}

@media(max-width:980px){
  .site-header .brand-tagline-fix{
    right:22px !important;
    top:50px !important;
    width:118px !important;
    height:24px !important;
    font-size:12.5px !important;
  }
}


/* =========================================================
   TRAVELBUZZ HEADER LOGO — REMOVE MARKED TAGLINE OVERLAY
   User requested:
   - Remove the marked green area from the header logo
   - Keep the approved logo image clean
   ========================================================= */

.site-header .brand-tagline-fix{
  display:none !important;
}

.site-header .brand-logo-wrap{
  display:inline-block !important;
  line-height:0 !important;
}



/* FINAL CORRECTION — keep the original logo proportions intact */
@media(min-width:1181px){
  .site-header .brand-logo{
    width:318px !important;
    max-height:none !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .site-header .header-row{
    min-height:148px !important;
  }
}

@media(max-width:1180px) and (min-width:981px){
  .site-header .brand-logo{
    width:286px !important;
    max-height:none !important;
    height:auto !important;
  }
  .site-header .header-row{
    min-height:136px !important;
  }
}

@media(max-width:980px){
  .site-header .brand-logo{
    width:205px !important;
    max-height:none !important;
    height:auto !important;
  }
}



/* =========================================================
   FINAL COLOR PATCH — remove green tones from text links/titles only
   All layout, sizes, images, buttons and turquoise sections stay unchanged.
   ========================================================= */
.section-link,
.text-link,
.channel-title a,
.mini-links a{
  color:var(--ink) !important;
}

.section-link:hover,
.section-link:focus,
.text-link:hover,
.text-link:focus,
.channel-title a:hover,
.channel-title a:focus,
.mini-links a:hover,
.mini-links a:focus{
  color:var(--heading) !important;
}

/* Links inside the turquoise TRAVELBUZZ strip remain white */
.buzz .section-link,
.buzz .section-link:hover,
.buzz .section-link:focus{
  color:#ffffff !important;
}



/* =========================================================
   MOBILE (≤767px) — from the client's dedicated Mobile reference.
   Wrapped in its own media query so shared class names (.hero-card,
   .card, .chip, .container, .section, .site-header, .brand,
   .footer-brand, .copyright, .socials …) cannot leak into the
   Desktop/Tablet block above or vice-versa. Below 768px this block's
   later, higher-specificity-equal rules win the cascade for any
   name shared with the Desktop block; above 768px the media query
   itself simply does not match, so none of it applies.
   ========================================================= */
@media(max-width:767px){
    :root{
      --aqua:#4BC5D4;
      --aqua-deep:#5E6668;
      --aqua-dark:#115C63;
      --cream:#F5FBFB;
      --paper:#EAF8F8;
      --card:#ffffff;
      --ink:#5E6668;
      --muted:#7D8A8C;
      --line:#D8EEEE;
      --shadow:0 14px 32px rgba(25,123,131,.08);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--cream);
      color:var(--ink);
      font-family:'Heebo',Arial,sans-serif;
      line-height:1.55;
      overflow-x:hidden;
    }
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%;object-fit:cover;aspect-ratio:1/1}
    .container{width:min(100% - 24px,430px);margin-inline:auto}

    .site-header{
      position:sticky;
      top:0;
      z-index:100;
      background:rgba(255,255,255,.96);
      backdrop-filter:blur(10px);
      border-bottom:1px solid var(--line);
    }
    .header-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      min-height:168px;
      padding:14px 6px 14px 0;
    }
    .menu-toggle{
      width:58px;
      height:58px;
      flex:0 0 58px;
      border:1px solid var(--line);
      border-radius:50%;
      background:#fff;
      display:grid;
      place-items:center;
      color:var(--aqua-deep);
      cursor:pointer;
    }
    .menu-toggle span,
    .menu-toggle span::before,
    .menu-toggle span::after{
      display:block;
      content:"";
      width:22px;
      height:3px;
      border-radius:3px;
      background:currentColor;
      position:relative;
    }
    .menu-toggle span::before{position:absolute;top:-7px;right:0}
    .menu-toggle span::after{position:absolute;top:7px;right:0}

    .brand{
      direction:ltr;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      flex:1;
      min-width:0;
    }
    .travel-logo{
      width:320px;
      max-height:138px;
      object-fit:contain;
      aspect-ratio:auto;
    }
    .travel-text-logo{
      direction:ltr;
      display:grid;
      grid-template-columns:auto auto;
      align-items:baseline;
      column-gap:5px;
      font-family:'Assistant',Arial,sans-serif;
      font-size:46px;
      line-height:1;
      color:#6c6c6c;
    }
    .travel-text-logo span{
      width:92px;height:92px;border-radius:50%;
      background:var(--aqua);color:#fff;
      display:grid;place-items:center;
      font-weight:400;
      font-size:38px;
    }
    .travel-text-logo b{font-weight:500;color:#6c6c6c}
    .travel-text-logo small{
      grid-column:2;
      direction:rtl;
      font-size:14px;
      color:#7D8A8C;
      margin-top:4px;
    }

    .drawer{position:fixed;inset:0;z-index:120;pointer-events:none}
    .drawer-backdrop{position:absolute;inset:0;background:rgba(35,27,30,.32);opacity:0;transition:.25s}
    .drawer-panel{
      position:absolute;
      top:0;
      right:0;
      height:100%;
      width:min(84vw,330px);
      background:#fff;
      border-left:1px solid var(--line);
      transform:translateX(100%);
      transition:.25s;
      padding:24px 20px 26px;
      overflow:auto;
      box-shadow:-12px 0 30px rgba(0,0,0,.08);
    }
    .drawer.open{pointer-events:auto}
    .drawer.open .drawer-backdrop{opacity:1}
    .drawer.open .drawer-panel{transform:translateX(0)}
    .drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
    .drawer-title{font-family:'Assistant',Arial,sans-serif;font-size:28px;color:var(--aqua-deep);font-weight:700}
    .drawer-close{border:0;background:none;font-size:34px;line-height:1;color:var(--aqua-deep);cursor:pointer}
    .drawer-nav a{
      display:block;
      padding:12px 0;
      border-bottom:1px solid #e3f4f4;
      font-family:'Assistant',Arial,sans-serif;
      font-size:20px;
      color:var(--ink);
    }

    .section{padding:18px 0}
    .soft{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .card{background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden}

    .section-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      margin:8px 4px 14px;
      gap:12px;
    }
    .section-head h2{
      font-family:'Assistant',Arial,sans-serif;
      color:var(--aqua-deep);
      font-size:34px;
      font-weight:500;
      line-height:1.08;
      margin:0;
    }
    .section-head p{
      margin:7px 0 0;
      color:#6f7d80;
      font-size:17px;
      line-height:1.35;
      font-weight:600;
    }
    .section-link{
      color:var(--aqua-deep);
      font-family:'Assistant',Arial,sans-serif;
      font-size:17px;
      font-weight:700;
      white-space:nowrap;
    }

    .hero-card{padding:18px}
    .hero-image{width:100%;height:auto;border-radius:24px;aspect-ratio:1/1}
    .hero-content{text-align:center;padding:22px 8px 8px}
    .chip{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:152px;
      height:54px;
      padding:0 26px;
      border-radius:999px;
      border:1px solid var(--aqua);
      background:var(--aqua);
      color:#fff;
      font-family:'Assistant',Arial,sans-serif;
      font-size:21px;
      font-weight:900;
      cursor:pointer;
      transition:.18s ease;
    }
    .chip:hover,
    .chip:focus,
    .chip:active{
      background:#fff;
      color:var(--aqua-deep);
      border-color:#fff;
      box-shadow:0 10px 22px rgba(25,123,131,.12);
      outline:none;
      transform:translateY(-1px);
    }
    .hero-title,
    .feature-title,
    .editor-title{
      font-family:'Assistant',Arial,sans-serif;
      color:var(--aqua-deep);
      font-size:31px;
      line-height:1.16;
      letter-spacing:-.02em;
      font-weight:700;
      margin:12px 0 0;
    }

    .hero-title{
      color:#236F78;
    }

    .hero-summary,
    .feature-summary,
    .editor-summary{
      margin-top:16px;
      color:#5E6668;
      font-family:'Assistant',Arial,sans-serif;
      font-size:18px;
      line-height:1.52;
      font-weight:700;
    }
    .text-link{
      display:inline-block;
      margin-top:16px;
      color:var(--aqua-deep);
      font-family:'Assistant',Arial,sans-serif;
      font-size:19px;
      font-weight:700;
    }

    .feature-list{display:grid;gap:18px}
    .feature-card{
      padding:18px;
      display:grid;
      grid-template-columns:1fr 146px;
      gap:16px;
      align-items:center;
      min-height:210px;
    }
    .feature-card.reverse{grid-template-columns:146px 1fr}
    .feature-card.reverse .feature-media{order:1}
    .feature-card.reverse .feature-body{order:2}
    .feature-media{width:146px;height:146px;border-radius:22px;overflow:hidden;justify-self:end}
    .feature-media img{width:100%;height:100%;aspect-ratio:1/1}
    .feature-body{text-align:center}
    .feature-title{font-size:24px;margin-top:0}
    .feature-card .chip{margin:14px auto 16px}

    .buzz-wrap{
      background:linear-gradient(180deg,#66d3df 0%,#4bc5d4 100%);
      padding:22px 0 26px;
      border-top:1px solid rgba(255,255,255,.15);
      border-bottom:1px solid rgba(255,255,255,.15);
    }
    .buzz-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      margin-bottom:14px;
      color:#fff;
    }
    .buzz-head h2{
      font-family:'Assistant',Arial,sans-serif;
      font-size:34px;
      font-weight:600;
      margin:0;
      color:#fff;
    }
    .buzz-head p{
      margin:7px 0 0;
      font-size:17px;
      color:rgba(255,255,255,.94);
      font-weight:600;
      line-height:1.35;
    }
    .buzz-head .section-link{color:#fff}

    .slider{
      display:grid;
      grid-auto-flow:column;
      grid-auto-columns:84%;
      gap:14px;
      overflow-x:auto;
      padding-bottom:6px;
      scroll-snap-type:x mandatory;
      direction:ltr;
      scrollbar-width:none;
      align-items:start;
    }
    .slider::-webkit-scrollbar{display:none}
    .slider-card{
      scroll-snap-align:start;
      background:transparent;
      border:0;
      border-radius:0;
      padding:0 8px 22px;
      box-shadow:none;
      direction:rtl;
      text-align:center;
      color:var(--ink);
      overflow:visible;
    }
    .slider-card img{
      width:100%;
      max-width:292px;
      aspect-ratio:1/1;
      height:auto;
      margin:0 auto 18px;
      border-radius:24px;
      box-shadow:0 14px 28px rgba(17,92,99,.16);
    }
    .slider-card .chip{
      min-width:110px;
      height:42px;
      font-size:17px;
      margin:0 auto 18px;
      background:#fff;
      color:var(--aqua-deep);
      border-color:#fff;
      box-shadow:0 10px 22px rgba(17,92,99,.12);
    }
    .slider-card h3{
      font-family:'Assistant',Arial,sans-serif;
      color:#ffffff;
      font-size:27px;
      font-weight:900;
      line-height:1.18;
      margin:0 auto;
      max-width:92%;
      text-shadow:0 2px 10px rgba(17,92,99,.16);
    }

    .editor-card{padding:18px}
    .editor-image{width:100%;height:auto;border-radius:24px;aspect-ratio:1/1}
    .editor-body{text-align:center;padding:18px 8px 6px}
    .editor-title{font-size:30px}

    .cta-band{margin-top:8px;background:var(--aqua);color:#fff}
    .cta-inner{padding:18px 16px 16px;text-align:center}
    .cta-title,
    .newsletter-title{
      font-family:'Assistant',Arial,sans-serif;
      font-size:27px;
      font-weight:900;
      line-height:1.1;
      color:#fff;
      margin:0;
    }
    .cta-text,
    .newsletter-text{
      margin:8px auto 0;
      color:rgba(255,255,255,.94);
      font-family:'Assistant',Arial,sans-serif;
      font-size:17px;
      line-height:1.28;
      font-weight:600;
      max-width:300px;
    }
    .appear-button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:250px;
      height:54px;
      margin:14px auto 12px;
      padding:0 28px;
      border-radius:999px;
      border:2px solid rgba(255,255,255,.92);
      background:transparent;
      color:#fff;
      font-family:'Assistant',Arial,sans-serif;
      font-size:22px;
      font-weight:900;
      cursor:pointer;
      transition:.18s ease;
    }
    .appear-button:hover,
    .appear-button:focus,
    .appear-button:active{background:#fff;color:var(--aqua-deep);outline:none}
    .newsletter-block{margin-top:8px;padding-top:6px}
    .newsletter-title{font-size:26px}
    .newsletter-text{max-width:300px;font-size:16px;margin-top:6px}
    .newsletter-form{display:grid;gap:10px;margin-top:14px}
    .newsletter-form input,
    .newsletter-form button{
      height:52px;
      border-radius:0;
      text-align:center;
      font-family:'Assistant',Arial,sans-serif;
    }
    .newsletter-form input{
      border:1px solid rgba(255,255,255,.75);
      background:transparent;
      color:#fff;
      font-size:17px;
      font-weight:600;
    }
    .newsletter-form input::placeholder{color:rgba(255,255,255,.8)}
    .newsletter-form button{
      border:0;
      background:#fff;
      color:var(--aqua-deep);
      font-size:24px;
      font-weight:900;
      cursor:pointer;
    }

    .site-footer{padding:28px 0 36px;background:var(--cream)}
    .footer-brand{display:flex;justify-content:center;align-items:center;margin-bottom:18px}
    .footer-brand .travel-logo{width:270px;max-height:118px;aspect-ratio:auto;object-fit:contain}
    .footer-socials{display:flex;justify-content:center;gap:16px;direction:ltr;margin-bottom:18px}
    .social-icon{
      width:58px;
      height:58px;
      border-radius:50%;
      border:1px solid var(--line);
      background:#fff;
      display:grid;
      place-items:center;
      color:var(--aqua-deep);
      transition:.18s ease;
    }
    .social-icon:hover,
    .social-icon:focus{
      background:var(--aqua);
      color:#fff;
      border-color:var(--aqua);
      outline:none;
    }
    .social-icon svg{width:24px;height:24px;fill:currentColor}
    .copyright{
      text-align:center;
      color:var(--ink);
      font-family:'Assistant',Arial,sans-serif;
      font-size:20px;
      font-weight:700;
    }

    @media(max-width:390px){
      .container{width:min(100% - 18px,420px)}
      .header-inner{min-height:156px}
      .menu-toggle{width:54px;height:54px;flex-basis:54px}
      .travel-logo{width:286px;max-height:124px}
      .feature-card,
      .feature-card.reverse{grid-template-columns:1fr 132px}
      .feature-media{width:132px;height:132px}
      .feature-title{font-size:22px}
      .chip{min-width:132px;height:50px;font-size:19px}
      .slider{grid-auto-columns:88%}
      .slider-card img{max-width:274px;border-radius:22px;margin-bottom:16px}
      .slider-card h3{font-size:25px}
      .appear-button{min-width:230px;font-size:20px}
      .cta-title,
      .newsletter-title{font-size:25px}
    }
  

    /* Clean RTL header/logo alignment and neutral heading palette */
    .header-inner{
      direction:rtl;
    }
    .brand{
      order:1;
      direction:rtl;
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
      flex:1;
      min-width:0;
    }
    .menu-toggle{order:2;}
    .logo-visual{
      position:relative;
      display:block;
      width:296px;
      flex:0 0 auto;
    }
    .logo-visual .travel-logo{
      display:block;
      width:100%;
      max-height:none;
      height:auto;
      object-fit:contain;
      aspect-ratio:auto;
    }
    .logo-tagline{
      position:absolute;
      right:20%;
      bottom:18%;
      width:156px;
      direction:rtl;
      text-align:right;
      white-space:nowrap;
      font-family:'Assistant',Arial,sans-serif;
      font-size:16px;
      line-height:1;
      font-weight:900;
      color:#73787A;
      letter-spacing:0;
    }
    .footer-brand .footer-logo-visual{width:250px;}
    .footer-brand .logo-tagline{
      right:20%;
      bottom:18%;
      width:134px;
      font-size:14.5px;
    }
    .drawer-title,
    .section-head h2,
    .hero-title,
    .feature-title,
    .editor-title{
      color:#5E6668 !important;
    }
    @media(max-width:390px){
      .logo-visual{width:280px;}
      .logo-tagline{
        right:20%;
        bottom:18%;
        width:148px;
        font-size:15.5px;
      }
      .footer-brand .footer-logo-visual{width:236px;}
      .footer-brand .logo-tagline{width:128px;font-size:14px;}
    }


    /* Global gray text override במקום הטורקיז/ירקרק */
    .menu-toggle,
    .drawer-title,
    .drawer-close,
    .section-link,
    .text-link,
    .slider-card .chip,
    .newsletter-form button,
    .social-icon,
    .appear-button:active{
      color:#5E6668 !important;
    }
    .hero-title,
    .feature-title,
    .editor-title,
    .section-head h2{
      color:#5E6668 !important;
    }


}

/* =========================================================
   TRAVELBUZZ CUSTOM — dual-render switch + the two client-requested
   mobile adjustments (see TRAVELBUZZ_ICONS.png) + placeholder art +
   single/archive/page typography (not covered by either reference,
   built to match the same design system).
   ========================================================= */

.tb-desktop-only{display:block}
.tb-mobile-only{display:none}
@media(max-width:767px){
  .tb-desktop-only{display:none}
  .tb-mobile-only{display:block}
}

/* --- Adjustment 1: category square images enlarged on mobile --- */
@media(max-width:767px){
  .feature-media{width:168px;height:168px}
  .feature-card,
  .feature-card.reverse{grid-template-columns:1fr 168px}
  .feature-card.reverse{grid-template-columns:168px 1fr}
}
@media(max-width:390px){
  .feature-media{width:152px;height:152px}
  .feature-card,
  .feature-card.reverse{grid-template-columns:1fr 152px}
  .feature-card.reverse{grid-template-columns:152px 1fr}
}

/* --- Adjustment 2: Facebook / Instagram / TikTok next to the mobile logo --- */
.header-social-icons{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
  margin-inline-end:10px;
}
.header-social-icons a{
  display:flex;
  color:#6c6c6c;
  transition:.18s ease;
}
.header-social-icons a:hover,
.header-social-icons a:focus{
  color:var(--aqua-deep,#17727A);
  outline:none;
}
.header-social-icons svg{width:18px;height:18px;fill:currentColor}
@media(max-width:390px){
  .header-social-icons{gap:7px;margin-inline-end:8px}
  .header-social-icons svg{width:16px;height:16px}
}

/* --- Graceful placeholder art before Phase 2 content migration --- */
.travelbuzz-img-placeholder{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(135deg,var(--aqua-light,#EAF8F8) 0%,var(--line,#D8EEEE) 100%);
  border-radius:inherit;
}

/* --- Focus visibility (accessibility, not covered by the mockups) --- */
a:focus-visible,
button:focus-visible,
input:focus-visible{
  outline:2px solid var(--aqua-dark,#17727A);
  outline-offset:2px;
}

/* =========================================================
   SINGLE POST / PAGE / ARCHIVE — editorial typography, matching the
   same tokens as the homepage. Neither reference file mocks these
   views (they're homepage-only), so this is built to the same
   design language: Heebo body copy, Assistant headings, aqua accents.
   ========================================================= */
.tb-article-wrap{width:min(760px,calc(100% - 40px));margin-inline:auto;padding:38px 0 60px}
.tb-archive-wrap{width:min(var(--container,1220px),calc(100% - 40px));margin-inline:auto;padding:38px 0 60px}

.tb-entry-header{margin-bottom:26px}
.tb-entry-header .tb-eyebrow{display:inline-flex;margin-bottom:14px}
.tb-entry-title{font-family:'Assistant',Arial,sans-serif;font-weight:400;color:var(--heading,#555B5D);font-size:clamp(28px,4vw,42px);line-height:1.2}
.tb-entry-meta{margin-top:12px;color:var(--muted,#7D8A8C);font-size:14px;display:flex;gap:14px;flex-wrap:wrap}
.tb-entry-thumb{margin:24px 0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow,0 16px 42px rgba(25,123,131,.10))}
.tb-entry-thumb img{width:100%;height:auto;display:block}

.tb-entry-content{color:var(--ink,#5E6668);font-family:'Heebo',Arial,sans-serif;font-size:17px;line-height:1.85}
.tb-entry-content > * + *{margin-top:22px}
.tb-entry-content h2,
.tb-entry-content h3{font-family:'Assistant',Arial,sans-serif;font-weight:400;color:var(--heading,#555B5D)}
.tb-entry-content h2{font-size:28px}
.tb-entry-content h3{font-size:22px}
.tb-entry-content a{color:var(--aqua-dark,#17727A);text-decoration:underline;text-underline-offset:3px}
.tb-entry-content img{border-radius:18px}
.tb-entry-content blockquote{margin:0;padding:6px 22px;border-inline-start:3px solid var(--aqua,#4BC5D4);color:var(--heading,#555B5D);font-style:italic}
.tb-entry-content ul,
.tb-entry-content ol{padding-inline-start:22px}
.tb-entry-content figcaption{margin-top:8px;font-size:13px;color:var(--muted,#7D8A8C);text-align:center}

.tb-entry-footer{margin-top:34px;padding-top:22px;border-top:1px solid var(--line,#D8EEEE);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tb-entry-footer .category{position:static}

.tb-pagination{margin-top:40px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tb-pagination a,
.tb-pagination span{display:inline-flex;align-items:center;padding:10px 20px;border:1px solid var(--aqua,#4BC5D4);border-radius:999px;color:var(--aqua-dark,#17727A);font-family:'Assistant',Arial,sans-serif;font-weight:700}
.tb-pagination .current{background:var(--aqua,#4BC5D4);color:#fff;border-color:var(--aqua,#4BC5D4)}

.tb-archive-header{margin-bottom:30px}
.tb-archive-title{font-family:'Assistant',Arial,sans-serif;font-weight:400;color:var(--heading,#555B5D);font-size:clamp(28px,4vw,38px)}
.tb-archive-description{margin-top:8px;color:var(--muted,#7D8A8C)}
.tb-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tb-archive-card{overflow:hidden;background:#fff;border:1px solid var(--line,#D8EEEE);border-radius:22px;box-shadow:0 11px 30px rgba(25,123,131,.07)}
.tb-archive-card img,
.tb-archive-card .travelbuzz-img-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover}
.tb-archive-card-body{padding:20px 22px 24px}
.tb-archive-card-body h2{margin-top:9px;font-family:'Assistant',Arial,sans-serif;font-weight:400;font-size:20px;color:var(--heading,#555B5D);line-height:1.32}
.tb-archive-card-body p{margin-top:9px;color:var(--muted,#7D8A8C);font-size:14px;line-height:1.65}
.tb-archive-empty{padding:60px 20px;text-align:center;color:var(--muted,#7D8A8C)}

.tb-comments{margin-top:50px;padding-top:34px;border-top:1px solid var(--line,#D8EEEE)}
.tb-comments-title{font-family:'Assistant',Arial,sans-serif;font-weight:400;color:var(--heading,#555B5D);font-size:24px;margin-bottom:20px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list .children{list-style:none;padding-inline-start:32px;margin:0}
.comment-body{padding:18px 0;border-bottom:1px solid var(--line,#D8EEEE)}
.comment-author .fn{font-weight:700;color:var(--heading,#555B5D);font-style:normal}
.comment-metadata{font-size:12px;color:var(--muted,#7D8A8C)}
.comment-content p{margin-top:8px}
.comment-form label{display:block;margin-bottom:6px;font-size:14px;color:var(--heading,#555B5D)}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  width:100%;padding:12px 14px;border:1px solid var(--line,#D8EEEE);border-radius:12px;
  font:inherit;color:var(--ink,#5E6668);background:#fff;
}
.comment-form p{margin-top:16px}
.comment-form .form-submit input{
  display:inline-flex;align-items:center;padding:12px 26px;border:1px solid var(--aqua,#4BC5D4);
  border-radius:999px;background:var(--aqua,#4BC5D4);color:#fff;font-family:'Assistant',Arial,sans-serif;
  font-weight:700;cursor:pointer;
}

@media(max-width:980px){
  .tb-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .tb-article-wrap{width:calc(100% - 24px);padding:26px 0 44px}
  .tb-archive-wrap{width:calc(100% - 24px);padding:26px 0 44px}
  .tb-archive-grid{grid-template-columns:1fr}
  .tb-entry-content{font-size:16px}
}

/* --- Search form (used in search.php's empty state + can be placed in a widget area) --- */
.tb-search-form{display:flex;gap:10px;max-width:480px}
.tb-search-form input{
  flex:1;height:52px;padding:0 18px;border:1px solid var(--line,#D8EEEE);border-radius:999px;
  font:inherit;color:var(--ink,#5E6668);background:#fff;
}
.tb-search-form button{
  height:52px;padding:0 26px;border:1px solid var(--aqua,#4BC5D4);border-radius:999px;
  background:var(--aqua,#4BC5D4);color:#fff;font-family:'Assistant',Arial,sans-serif;font-weight:700;cursor:pointer;
}

/* --- Post navigation links (single.php prev/next) --- */
.tb-pagination.page-links{gap:8px}
.tb-pagination a:hover,
.tb-pagination a:focus{background:var(--aqua-light,#EAF8F8)}