:root{
    /* ============================================================
       MASTER CONTROL BLOCK — change any value here, once,
       and it updates everywhere on the site.
       ============================================================ */

    /* --- COLOURS (placeholder scheme, will change) --- */
    --green:#0f3d2e;
    --green-2:#15543f;
    --gold:#c9a24a;
    --gold-soft:#e3c879;
    --cream:#f6f3ec;
    --ink:#1c211d;
    --footer-bg:#14130f;
    --line:rgba(201,162,74,.35);

    /* --- LAYOUT --- */
    --pad:12px;             /* side margin, all content */
    --foot-gap:36px;        /* gap below footer */
    --max-width:1200px;     /* content container cap */

    /* --- HEADER --- */
    --header-h:30px;        /* sticky header min-height */
    --logo-size:1.05rem;
    --logo-sub:0.42rem;
    --circle-d:26px;        /* contact circle diameter */
    --circle-icon:0.75rem;

    /* --- BURGER --- */
    --burger-w:28px;
    --burger-h:30px;
    --burger-border:1.1px;
    --burger-radius:6px;
    --burger-bar-w:18px;
    --burger-bar-h:2px;
    --burger-bar-gap:0px;   /* margin top/bottom per bar */

    /* --- HERO --- */
    --hero-btn-h:48px;      /* contact button tap target */

    /* --- CHIPS --- */
    --chip-pad-y:6px;
    --chip-pad-x:11px;
    --chip-radius:20px;
    --chip-cycle:7s;

    /* --- FOOTER BUTTONS --- */
    --fbtn-h:34px;
    --fbtn-radius:7px;

    /* --- PILLS --- */
    --pill-pad-y:8px;
    --pill-pad-x:22px;
    --pill-radius:30px;

    /* --- NEXT BOX --- */
    --next-pad-y:8px;
    --next-pad-x:20px;
    --next-radius:12px;

    /* --- SEND TO FRIEND --- */
    --friend-h:54px;

    /* --- FOOTER FINE-TUNE --- */
    --addr-shift:-4px;      /* address block nudge up */
    --rights-mt:-2px;       /* All Rights Reserved margin-top */
    --ver-mt:4px;           /* version stamp margin-top */

    /* --- TYPE --- */
    --font-display:Georgia,'Times New Roman',serif;
    --font-util:Arial,sans-serif;
    --font-mono:'Courier New',monospace;

    /* --- BUSINESS INFO (set once, used site-wide) --- */
    --biz-name:"Orijent 22";
    --biz-stars:"★★★";
    --biz-sub:"HOTEL & RESTORAN";
    --biz-street:"Svetosavska 227";
    --biz-city:"Glamočani";
    --biz-zip:"78250";
    --biz-region:"Laktaši, BiH";
    --biz-phone:"+___ ___ ___ (placeholder)";
    --biz-phone2:"";
    --biz-email:"info@orijent22.com (placeholder)";

    /* --- AMENITY CHIPS (rule) --- */
    --amen-min-h:46px;        /* equal min height for every chip */
    --amen-pad-y:10px;
    --amen-pad-x:12px;
    --amen-radius:8px;
    --amen-gap:8px;
    --amen-open-max:120px;    /* slide-open blurb max height */

    /* --- ROOMS (type + prices, set once) --- */
    --cur:"KM";                 /* currency label */
    --room1-name:"Single";
    --room1-bb:"___";           /* with breakfast */
    --room1-nb:"___";           /* without breakfast */
    --room2-name:"Double";
    --room2-bb:"___";
    --room2-nb:"___";
    --room3-name:"Family";
    --room3-bb:"___";
    --room3-nb:"___";

    /* --- IN-ROOM TV (set once) --- */
    --tv-size:"43-inch flat-screen";
    --tv-type:"Smart TV with satellite channels";
    --tv-channels:"RTRS · BHT1 · FTV · OBN · Pink BH · Hayat · ATV · N1 · Al Jazeera Balkans · RTS1 · RTS2 · Prva · B92 · HRT1 · HRT2 · Nova TV · RTL · CNN · BBC World · Euronews · Sky News · DW · France 24 · Eurosport 1 · Eurosport 2 · Arena Sport · Nat Geo · Discovery · History · Animal Planet · Cartoon Network · Nickelodeon · MTV · HBO · Cinemax";
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--font-display);
    color:var(--ink);background:var(--cream);line-height:1.55;
  }
  img{max-width:100%;display:block}
  .wrap{padding-left:var(--pad);padding-right:var(--pad)}
  a{color:inherit;text-decoration:none}

  /* ---------- Header (sticky) ---------- */
  header{
    position:sticky;top:0;z-index:50;background:var(--green);transform:translateZ(0);will-change:transform;
    color:var(--cream);border-bottom:1px solid var(--line);
  }
  .bar{display:flex;align-items:center;justify-content:space-between;
       gap:8px;min-height:var(--header-h)}
  .logo{font-size:var(--logo-size);letter-spacing:.05em;color:var(--gold-soft);
        font-weight:bold;line-height:1}
  .logo small{display:block;font-size:var(--logo-sub);letter-spacing:.26em;
        color:var(--cream);font-family:var(--font-util);margin-top:1px}
  .hgroup{display:flex;align-items:center;gap:6px}
  .ic{width:var(--circle-d);height:var(--circle-d);display:grid;place-items:center;border-radius:50%;
      background:rgba(255,255,255,.08);border:1px solid var(--line);
      font-size:var(--circle-icon)}
  .ic.call{background:var(--gold);color:var(--green);border-color:var(--gold)}
  /* boxed burger, right side */
  .burger{width:var(--burger-w);height:var(--burger-h);display:grid;place-items:center;
      border:var(--burger-border) solid var(--gold);border-radius:var(--burger-radius);background:transparent;
      cursor:pointer;gap:0}
  .burger span{display:block;width:var(--burger-bar-w);height:var(--burger-bar-h);background:var(--gold-soft);
      margin:var(--burger-bar-gap) 0;border-radius:2px}
  nav.menu{display:none;background:var(--green-2);border-top:1px solid var(--line)}
  nav.menu.open{display:block}
  nav.menu a{display:block;padding:13px var(--pad);color:var(--cream);font-family:var(--font-util);
      border-bottom:1px solid rgba(255,255,255,.06);font-size:1rem}

  /* ---------- Hero ---------- */
  .hero{position:relative;background:
      linear-gradient(rgba(8,30,22,.62),rgba(8,30,22,.72)),
      url('https://images.unsplash.com/photo-1566073771259-6a8506099945?w=1200&q=70') center/cover;
      color:var(--cream);text-align:center;padding:46px var(--pad) 38px}
  .hero h1{font-size:2.15rem;color:var(--gold-soft);letter-spacing:.04em;
      line-height:1.12}
  .hero .tag{margin-top:10px;font-size:1rem;color:#eee;font-family:var(--font-util)}
  .stars{color:var(--gold);letter-spacing:.2em;margin-bottom:6px}
  .cbtns{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}
  .cbtn{display:inline-flex;align-items:center;gap:6px;min-height:var(--hero-btn-h);
      padding:0 16px;border-radius:8px;font-family:var(--font-util);
      font-size:.92rem;font-weight:bold;background:var(--gold);color:var(--green);
      border:1px solid var(--gold)}
  .cbtn.alt{background:transparent;color:var(--gold-soft);border-color:var(--gold)}
  /* primary sell-points */
  .sells{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}
  .sell{background:rgba(255,255,255,.07);border:1px solid var(--line);
      border-radius:10px;padding:14px 6px;color:var(--cream)}
  .sell .em{font-size:1.5rem;display:block;margin-bottom:5px}
  .sell .lb{font-family:var(--font-util);font-size:.82rem;letter-spacing:.04em}

  /* ---------- Chips ---------- */
  .chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;
      padding:16px var(--pad);background:var(--green-2);color:var(--cream)}
  .chip{font-family:var(--font-util);font-size:.78rem;padding:var(--chip-pad-y) var(--chip-pad-x);
      border:1px solid var(--line);border-radius:var(--chip-radius);
      animation:chipGlow var(--chip-cycle) ease-in-out infinite}
  .chip:nth-child(1){animation-delay:0s}
  .chip:nth-child(2){animation-delay:.6s}
  .chip:nth-child(3){animation-delay:1.2s}
  .chip:nth-child(4){animation-delay:1.8s}
  .chip:nth-child(5){animation-delay:2.4s}
  .chip.hot{background:var(--gold);color:var(--green);border-color:var(--gold);
      font-weight:bold}
  @keyframes chipGlow{
    0%      {opacity:.35;transform:translateY(3px);box-shadow:0 0 0 rgba(201,162,74,0)}
    6%      {opacity:1;transform:translateY(0);
             box-shadow:0 0 14px rgba(227,200,121,.85);
             border-color:var(--gold-soft)}
    16%     {opacity:1;transform:translateY(0);box-shadow:0 0 0 rgba(201,162,74,0)}
    100%    {opacity:1;transform:translateY(0);box-shadow:0 0 0 rgba(201,162,74,0)}
  }
  @media(prefers-reduced-motion:reduce){
    .chip{animation:none;opacity:1}
  }

  /* ---------- Amenities ---------- */
  .amen{padding:20px var(--pad);background:var(--cream)}
  .amen h2,.intro h2,.grid h2{font-size:1.25rem;color:var(--green);
      text-align:center;margin-bottom:14px;letter-spacing:.03em}
  .amen ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);
      gap:var(--amen-gap);max-width:520px;margin:0 auto;align-items:start}
  .amen li{font-family:var(--font-util);font-size:.86rem;background:#fff;
      border:1px solid var(--line);border-radius:var(--amen-radius);
      padding:var(--amen-pad-y) var(--amen-pad-x);cursor:pointer;
      min-height:var(--amen-min-h);transition:box-shadow .2s;
      contain:layout paint}
  .amen li .row{display:flex;align-items:center;gap:8px;min-height:24px}
  .amen li b{color:var(--gold);font-size:1.05rem}
  .amen li .arrow{margin-left:auto;color:var(--gold);transition:transform .3s}
  .amen li.open .arrow{transform:rotate(90deg)}
  .amen li .blurb{display:grid;grid-template-rows:0fr;
      transition:grid-template-rows .35s ease;
      font-size:.78rem;color:#555;line-height:1.4}
  .amen li .blurb > span{overflow:hidden;min-height:0}
  .amen li.open .blurb{grid-template-rows:1fr;margin-top:6px}

  /* ---------- Rooms price preview (token-driven) ---------- */
  .rooms{padding:20px var(--pad);background:#fff;border-top:1px solid var(--line)}
  .rooms h2{font-size:1.25rem;color:var(--green);text-align:center;margin-bottom:14px}
  .rcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:640px;margin:0 auto}
  .rcard{border:1px solid var(--line);border-radius:11px;padding:14px 10px;text-align:center;background:var(--cream)}
  .rcard .rn{font-family:var(--font-display);font-size:1.05rem;color:var(--green);font-weight:bold;margin-bottom:8px}
  .rcard .rp{font-family:var(--font-util);font-size:.8rem;color:var(--ink);margin:3px 0}
  .rcard .rp b{color:var(--gold);font-size:.95rem}
  .rcard .rl{font-family:var(--font-util);font-size:.68rem;color:#888;text-transform:uppercase;letter-spacing:.05em}
  .rcard .r1 .rn::before{content:var(--room1-name)}
  .r1 .bb::after{content:var(--room1-bb) " " var(--cur)}
  .r1 .nb::after{content:var(--room1-nb) " " var(--cur)}
  .r2 .rn::before{content:var(--room2-name)}
  .r2 .bb::after{content:var(--room2-bb) " " var(--cur)}
  .r2 .nb::after{content:var(--room2-nb) " " var(--cur)}
  .r3 .rn::before{content:var(--room3-name)}
  .r3 .bb::after{content:var(--room3-bb) " " var(--cur)}
  .r3 .nb::after{content:var(--room3-nb) " " var(--cur)}
  .r1 .rn::before{content:var(--room1-name)}

  /* ---------- Intro ---------- */
  .intro{padding:22px var(--pad);text-align:center;background:#fff;
      border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .intro p{max-width:620px;margin:0 auto;font-size:1.02rem}

  /* ---------- Highlight grid ---------- */
  .grid{padding:22px var(--pad) 8px;background:var(--cream)}
  .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
  .card{position:relative;border-radius:11px;overflow:hidden;min-height:120px;
      display:flex;align-items:flex-end;color:#fff;border:1px solid var(--line)}
  .card span{position:relative;z-index:2;padding:11px 13px;
      font-family:var(--font-util);font-weight:bold;letter-spacing:.04em}
  .card::before{content:"";position:absolute;inset:0;z-index:1;
      background:linear-gradient(rgba(15,61,46,.15),rgba(15,61,46,.85))}
  .c1{background:#2b6b4f center/cover}
  .c2{background:#3a5e4d center/cover}
  .c3{background:#4a6b3a center/cover}
  .c4{background:#1f4a38 center/cover}

  /* ---------- Footer (pill-nav schema) ---------- */
  footer{background:var(--footer-bg);color:var(--cream);
      padding:26px var(--pad) var(--foot-gap)}
  footer .fl{font-size:1.4rem;color:var(--gold-soft);margin-bottom:3px;
      text-align:center;letter-spacing:.05em}
  footer .addr,footer a.fe{font-family:var(--font-util);font-size:.82rem;
      color:#cdd6cf;display:block;margin:2px 0;text-align:center}
  footer .addr{margin-top:var(--addr-shift)}
  .fbtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:14px 0}
  .fbtn{min-height:var(--fbtn-h);padding:0 13px;border-radius:var(--fbtn-radius);display:inline-flex;
      align-items:center;gap:6px;font-family:var(--font-util);font-size:.82rem;
      border:1px solid var(--gold);color:var(--gold-soft)}
  .fbtn.map{background:var(--gold);color:var(--green);font-weight:bold;
      border-color:var(--gold);cursor:pointer}

  /* pill nav */
  .pills{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin:22px 0}
  .pill{font-family:var(--font-util);font-size:.84rem;font-weight:bold;
      letter-spacing:.06em;padding:var(--pill-pad-y) var(--pill-pad-x);border-radius:var(--pill-radius);
      border:1px solid rgba(201,162,74,.5);color:#e7ddc4;background:transparent;
      text-transform:uppercase}
  .pill.active{background:var(--gold);color:var(--green);border-color:var(--gold);
      box-shadow:0 0 0 4px rgba(201,162,74,.18)}

  /* next box */
  .nextbox{max-width:430px;margin:6px auto 0;border:1px solid rgba(201,162,74,.45);
      border-radius:var(--next-radius);padding:var(--next-pad-y) var(--next-pad-x);text-align:right;background:#1c1a14}
  .nextbox .nx{font-family:var(--font-util);font-size:.72rem;letter-spacing:.18em;
      color:var(--gold-soft);font-weight:bold;display:block}
  .nextbox .np{font-family:var(--font-util);font-size:1.1rem;font-weight:bold;
      color:#fff;letter-spacing:.04em}
  .nextbox .np .arr{color:var(--gold-soft);margin-left:8px}

  .friend{display:flex;justify-content:center;margin:22px 0 18px}
  .friend a{min-height:var(--friend-h);padding:0 30px;border-radius:10px;display:inline-flex;
      align-items:center;gap:9px;border:1px solid var(--gold);color:var(--gold);
      font-family:var(--font-util);font-weight:bold;letter-spacing:.06em;
      font-size:.95rem;text-transform:uppercase;font-family:var(--font-util)}

  .copy-l{text-align:center;font-family:var(--font-util);color:#9aa69c;
      font-size:.92rem;letter-spacing:.08em;margin-top:6px}
  .copy-l .gold{color:var(--gold-soft);font-weight:bold}
  .copy-l .rights{display:block;font-size:.8rem;margin-top:var(--rights-mt);color:#7e8a80}
  .ver{font-family:var(--font-mono);font-size:.72rem;color:#6f7a70;
      text-align:center;margin-top:var(--ver-mt);letter-spacing:.05em}
  .ver .new{color:#4e9c4e;font-weight:bold}

  /* ---------- token-driven business text ---------- */
  .tvsize::after{content:var(--tv-size)}
  .tvtype::after{content:var(--tv-type)}
  .tvchannels::after{content:var(--tv-channels)}
  .tvbox{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);
      border-radius:11px;padding:14px}
  .tvbox h3{font-family:var(--font-display);color:var(--green);font-size:1.05rem;margin-bottom:6px}
  .tvbox .spec{font-family:var(--font-util);font-size:.86rem;color:#333;margin:2px 0}
  .tvbox .chlabel{font-family:var(--font-util);font-size:.78rem;color:#888;
      text-transform:uppercase;letter-spacing:.05em;margin-top:8px}
  .tvbox .chlist{font-family:var(--font-util);font-size:.8rem;color:#444;line-height:1.5}
  .fl::before{content:var(--biz-name) " " var(--biz-stars)}
  .addr::before{content:var(--biz-street) ", " var(--biz-city) ", " var(--biz-zip) " " var(--biz-region)}
  .fe.phone::before{content:"Reception: " var(--biz-phone)}
  .fe.email::before{content:var(--biz-email)}
  .logo .lname::before{content:var(--biz-name)}
  .logo small::before{content:var(--biz-sub)}

  /* ---------- Map popup ---------- */
  .modal{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.6);
      display:none;align-items:center;justify-content:center;padding:24px}
  .modal.open{display:flex}
  .sheet{background:var(--cream);color:var(--ink);border-radius:14px;
      width:100%;max-width:340px;padding:18px;border:2px solid var(--gold)}
  .sheet h3{color:var(--green);margin-bottom:4px}
  .sheet p{font-family:var(--font-util);font-size:.8rem;margin-bottom:12px}
  .sheet a,.sheet button.copy{display:block;width:100%;text-align:center;
      min-height:48px;line-height:48px;border-radius:8px;margin-bottom:8px;
      font-family:var(--font-util);font-weight:bold;border:1px solid var(--green);
      color:var(--green);background:#fff;cursor:pointer;font-size:.9rem}
  .sheet button.copy{background:var(--green);color:var(--cream);border:none}
  .sheet .close{background:transparent;border:none;color:#777;margin-top:2px}

  /* tablet / desktop: keep 12px sides, just cap width centered */
  @media(min-width:760px){
    .container{max-width:var(--max-width);margin:0 auto}
    .sells{max-width:560px;margin-left:auto;margin-right:auto;margin-top:22px}
    .cards{grid-template-columns:repeat(4,1fr)}
    .hero h1{font-size:2.7rem}
  }

  /* ---------- numbered media placeholder ---------- */
  .media{position:relative;background:linear-gradient(135deg,#1d3b30,#2c5343);
      border:1px dashed var(--gold);border-radius:10px;min-height:160px;
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      color:var(--gold-soft);font-family:var(--font-util);text-align:center;
      padding:14px;gap:6px;overflow:hidden}
  .media .num{font-size:1.1rem;font-weight:bold;letter-spacing:.08em;
      background:var(--gold);color:var(--green);padding:3px 10px;border-radius:14px}
  .media .cap{font-size:.78rem;color:#dfe6e1}
  .media.tall{min-height:220px}
  .media.wide{min-height:130px}
  /* page content shell */
  .page{padding:22px var(--pad);background:var(--cream)}
  .page h1{font-family:var(--font-display);font-size:1.7rem;color:var(--green);
      text-align:center;margin-bottom:6px}
  .page .lead{text-align:center;max-width:620px;margin:0 auto 18px;font-size:1rem;color:#333}
  .page h2{font-family:var(--font-display);font-size:1.3rem;color:var(--green);
      margin:20px 0 10px;text-align:center}
  .colcards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;max-width:680px;margin:0 auto;align-items:stretch}
  .ccard{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;
      display:flex;flex-direction:column}
  .ccard h3{font-family:var(--font-display);color:var(--green);font-size:1.05rem;margin:8px 0 4px}
  .ccard p{font-family:var(--font-util);font-size:.84rem;color:#444}
  .badge{display:inline-block;background:var(--gold);color:var(--green);
      font-family:var(--font-util);font-size:.7rem;font-weight:bold;padding:3px 9px;
      border-radius:12px;text-transform:uppercase;letter-spacing:.04em;margin-top:6px}
  .offer-link{display:inline-block;margin-top:auto;padding-top:8px;color:var(--gold);
      font-family:var(--font-util);font-weight:bold;font-size:.85rem}
  .cta-row{text-align:center;margin:22px 0}
  .cta{display:inline-block;min-height:48px;line-height:48px;padding:0 26px;
      background:var(--gold);color:var(--green);border-radius:8px;font-family:var(--font-util);
      font-weight:bold;text-transform:uppercase;letter-spacing:.04em}
  .incl{max-width:560px;margin:0 auto;list-style:none}
  .incl li{font-family:var(--font-util);font-size:.9rem;background:#fff;border:1px solid var(--line);
      border-radius:8px;padding:10px 12px;margin-bottom:7px;display:flex;gap:8px}
  .incl li b{color:var(--gold)}

  /* ---------- restaurant photo gallery ---------- */
  .fgal{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:680px;margin:0 auto}
  .fgal figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}
  .fgal img{width:100%;height:150px;object-fit:cover;display:block;background:#1d3b30}
  .fgal figcaption{font-family:var(--font-util);font-size:.78rem;color:#444;padding:8px 10px}

  /* ---------- slide-open route map ---------- */
  .routebox{max-width:680px;margin:0 auto;overflow:hidden;max-height:0;
      transition:max-height .4s ease;border-radius:12px}
  .routebox.open{max-height:520px;margin-top:12px}
  .routebox iframe{width:100%;height:300px;border:1px solid var(--line);
      border-radius:12px 12px 0 0;display:block;background:#1d3b30}
  .routebar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;
      background:var(--footer-bg);padding:10px;border-radius:0 0 12px 12px}
  .routebar a{min-height:42px;line-height:42px;padding:0 16px;border-radius:7px;
      font-family:var(--font-util);font-weight:bold;font-size:.82rem;
      background:var(--gold);color:var(--green)}
  .routebar a.alt{background:transparent;color:var(--gold-soft);border:1px solid var(--gold)}
  .chip.tap{cursor:pointer}
  .chip.tap.active{background:var(--gold);color:var(--green);border-color:var(--gold)}

  /* ---------- site-wide arrival highlight ---------- */
  html{scroll-behavior:smooth}
  @keyframes arriveGlow{
    0%   {box-shadow:0 0 0 0 rgba(201,162,74,0);   background-color:transparent}
    15%  {box-shadow:0 0 0 4px rgba(227,200,121,.9);background-color:rgba(201,162,74,.18)}
    100% {box-shadow:0 0 0 0 rgba(201,162,74,0);   background-color:transparent}
  }
  .arrive{animation:arriveGlow 1.4s ease-out;border-radius:11px}
  @media(prefers-reduced-motion:reduce){.arrive{animation:none}}

  /* land below sticky header on scroll-to-target */
  [id]{scroll-margin-top:54px}

  /* wifi (and any) svg icon inside amenity chip */
  .amen-svg{color:var(--gold);vertical-align:middle;display:inline-block}

  /* ---------- payment brand logos ---------- */
  .paylogos{display:flex;flex-wrap:wrap;gap:8px;max-width:560px;margin:0 auto 8px;justify-content:center}
  .paylogos .brand{background:#fff;border:1px solid var(--line);border-radius:6px;
      padding:6px 8px;display:flex;align-items:center;height:40px}
  .paylogos .brand svg{height:22px;width:auto;display:block}
  .paystrip{max-width:560px;margin:0 auto}
  .paystrip li{font-family:var(--font-util);font-size:.86rem;background:#fff;
      border:1px solid var(--line);border-radius:var(--amen-radius);
      padding:10px 12px;margin-bottom:7px;display:flex;align-items:center;gap:8px;list-style:none}
  .paystrip li b{color:var(--gold)}
  .paystrip li svg{color:var(--gold)}

  /* nav item icons (reused from page) */
  nav.menu a{display:flex;align-items:center;gap:10px}
  .nav-ic{color:var(--gold);flex-shrink:0}