* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    :root {
      --green: #006400;
      --light-green: #008000;
      --cream: #ffffff;
      --accent: #008000;
      --dark: #17231c;
      --white: #ffffff;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: Arial, Helvetica, sans-serif;
      color: var(--dark);
      background: var(--white);
      line-height: 1.6;
    }

    .page-shell {
      width: calc(100% - 64px);
      max-width: 1480px;
      margin: 32px auto;
      overflow: hidden;
      background: var(--white);
      border-radius: 24px;
      box-shadow: 0 20px 70px rgba(18, 61, 42, .10);
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    /* NAVIGATION */

    nav {
      position: relative;
      width: 100%;
      padding: 24px 6%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      z-index: 10;
      color: #111111;
      background: var(--white);
    }

    .logo {
      font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
      font-size: 1.344rem;
      font-weight: 500;
      line-height: 1;
      letter-spacing: 2.1px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      gap: 7px;
      color: var(--green);
    }
    nav .logo { font-size: 1.68rem; }

    .logo .accent {
      color: var(--green);
      font-weight: 300;
    }

    .logo-word {
      display: inline-flex;
      flex-direction: column;
      line-height: 1;
      white-space: nowrap;
    }

    .logo-word .accent {
      font-size: 0.62em;
      letter-spacing: 0.32em;
      margin-top: 2.8px;
    }

    .nav-links a {
      white-space: nowrap;
    }

    .logo-icon {
      flex-shrink: 0;
      display: block;
      height: 1.15em;
      width: calc(1.15em * 240 / 136);
      color: var(--dark);
    }

    .hero-kicker {
      display: block;
      font-size: clamp(0.8rem, 1.28vw, 1rem);
      font-weight: 600;
      letter-spacing: 0;
      line-height: 1.3;
      margin-bottom: 14px;
    }

    .nav-links {
      display: flex;
      gap: 32px;
      list-style: none;
      font-weight: 600;
    }

    .nav-links a:hover {
      color: var(--accent);
    }

    .nav-button {
      background: var(--accent);
      color: var(--white);
      padding: 12px 22px;
      border-radius: 30px;
      font-weight: 700;
    }

    /* HERO */

    .hero {
      position: relative;
      margin: 28px 6% 0;
      min-height: clamp(460px, 62vh, 600px);
      display: flex;
      align-items: center;
      padding: 60px 5%;
      color: white;
      border-radius: 24px;
      overflow: hidden;
      isolation: isolate;
    }

    .hero-slides {
      position: absolute;
      inset: 0;
      z-index: -2;
    }

    .hero-slide {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0;
      transition: opacity 1s ease;
    }

    .hero-slide.active {
      opacity: 1;
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(90deg, rgba(10,40,20,.45) 0%, rgba(10,40,20,.15) 55%, rgba(10,40,20,0) 100%);
    }

    .hero-content {
      max-width: 720px;
    }

    .eyebrow {
      color: #d9f2d9;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: 0.68rem;
      font-weight: 800;
      margin-bottom: 18px;
    }

    h1 {
      font-size: clamp(2.4rem, 5.6vw, 5.2rem);
      line-height: .95;
      letter-spacing: -4px;
      margin-bottom: 28px;
    }

    .hero h1 {
      font-size: clamp(2.24rem, 4.48vw, 4rem);
      line-height: 1.05;
      letter-spacing: -2px;
      margin-bottom: 26px;
      text-shadow: 0 2px 20px rgba(0,0,0,.15);
    }

    .hero p {
      max-width: 570px;
      font-size: 0.96rem;
      color: #ffffff;
      margin-bottom: 30px;
      text-shadow: 0 1px 10px rgba(0,0,0,.25);
    }

    .hero-buttons {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .hero .btn {
      padding: 16px 26px;
    }

    .hero .btn-primary {
      background: var(--white);
      color: var(--green);
    }

    .hero .btn-secondary {
      border: 1px solid rgba(255,255,255,.8);
    }

    .btn {
      display: inline-block;
      padding: 15px 27px;
      border-radius: 30px;
      font-weight: 700;
      transition: .2s;
    }

    .btn-primary {
      background: var(--accent);
      color: var(--white);
    }

    .btn-secondary {
      border: 1px solid rgba(255,255,255,.7);
      color: white;
    }

    .btn:hover {
      transform: translateY(-2px);
    }

    /* SEARCH BAR */

    .search-box {
      position: relative;
      margin: -55px auto 0;
      width: 88%;
      max-width: 1100px;
      background: white;
      border-radius: 18px;
      padding: 25px;
      box-shadow: 0 15px 50px rgba(0,0,0,.15);
      display: grid;
      grid-template-columns: repeat(4, 1fr) auto;
      gap: 15px;
      z-index: 5;
    }

    .field label {
      display: block;
      font-size: 0.6rem;
      font-weight: 800;
      color: #777;
      text-transform: uppercase;
      margin-bottom: 5px;
    }

    .field select,
    .field input {
      width: 100%;
      border: none;
      background: var(--white);
      border: 1px solid rgba(0, 128, 0, .16);
      padding: 13px;
      border-radius: 9px;
      font-size: 0.76rem;
    }

    .search-button {
      align-self: end;
      border: none;
      background: var(--green);
      color: white;
      padding: 14px 25px;
      border-radius: 9px;
      cursor: pointer;
      font-weight: 700;
    }

    /* SECTIONS */

    section {
      padding: 100px 6%;
    }

    .section-heading {
      max-width: 700px;
      margin-bottom: 45px;
    }

    .section-heading h2 {
      font-size: clamp(1.6rem, 3.2vw, 2.8rem);
      line-height: 1;
      margin-bottom: 15px;
      color: var(--green);
    }

    .section-heading p {
      color: #666;
    }

    /* DESTINATIONS */

    .cards {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 24px;
    }

    .card {
      background: white;
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 5px 25px rgba(0,0,0,.06);
      transition: .25s;
      display: flex;
      flex-direction: column;
    }

    .card:hover {
      transform: translateY(-6px);
    }

    .card-image {
      height: 220px;
      background-size: cover;
      background-position: center;
    }

    .spain {
      background-image: url("/myndir/costa-del-sol.webp");
      background-position: center 60%;
    }

    .portugal {
      background-image: url("/myndir/algarve.webp");
    }




    .turkey {
      background-image: url("/myndir/belek.webp");
    }



    .card-content {
      padding: 25px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .card-content h3 {
      color: var(--green);
      font-size: 1.2rem;
      margin-bottom: 8px;
    }

    .card-content p {
      color: #666;
      margin-bottom: 18px;
    }

    .card-link {
      color: var(--light-green);
      font-weight: 800;
      margin-top: auto;
      align-self: flex-start;
    }

    /* WHY US */

    .why {
      background: var(--white);
      color: var(--dark);
    }

    .why .section-heading h2 {
      color: var(--green);
    }

    .why .section-heading p {
      color: #52625a;
    }

    .benefits {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 25px;
    }

    .benefit {
      border-top: 1px solid rgba(0,128,0,.24);
      padding-top: 22px;
    }

    .benefit-number {
      color: var(--accent);
      font-size: 0.8rem;
      font-weight: 800;
      margin-bottom: 15px;
    }

    .benefit h3 {
      margin-bottom: 8px;
    }

    .benefit p {
      color: #52625a;
      font-size: 0.76rem;
    }

    /* FEATURED TRIP */

    .featured {
      display: grid;
      grid-template-columns: 1fr 1fr;
      min-height: 550px;
      padding: 0;
    }


    .featured-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 80px;
      background: var(--white);
    }

    .featured-content h2 {
      color: var(--green);
      font-size: clamp(1.76rem, 3.2vw, 3.2rem);
      line-height: 1;
      margin: 10px 0 20px;
    }

    .price {
      font-size: 1.36rem;
      font-weight: 800;
      margin: 20px 0;
      color: var(--green);
    }

    /* TESTIMONIAL */

    .testimonial {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
      gap: 56px;
      align-items: center;
      max-width: 1180px;
      margin: auto;
    }

    .testimonial-photo {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 18px;
    }

    @media (max-width: 850px) {
      .testimonial {
        grid-template-columns: 1fr;
        gap: 32px;
        text-align: center;
        max-width: 720px;
      }
    }

    .quote {
      font-size: clamp(1.2rem, 2.4vw, 2rem);
      line-height: 1.25;
      color: var(--green);
      margin-bottom: 25px;
    }

    .author {
      font-weight: 700;
      color: #777;
    }

    /* CTA */

    .cta {
      background: var(--white);
      color: var(--dark);
      text-align: center;
    }

    .cta h2 {
      font-size: clamp(2rem, 4vw, 4rem);
      line-height: 1;
      margin-bottom: 20px;
      color: var(--green);
    }

    .cta .eyebrow {
      color: var(--accent);
    }

    .cta p {
      max-width: 600px;
      margin: 0 auto 30px;
      color: #52625a;
    }

    .quote-form {
      max-width: 900px;
      margin: 38px auto 0;
      padding: 34px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
      background: var(--white);
      border: 1px solid rgba(0, 128, 0, .18);
      border-radius: 18px;
      text-align: left;
      box-shadow: 0 18px 50px rgba(0, 100, 0, .10);
    }

    .form-field label {
      display: block;
      margin-bottom: 7px;
      color: var(--dark);
      font-size: 0.656rem;
      font-weight: 800;
    }

    .form-field input,
    .form-field select,
    .form-field textarea {
      width: 100%;
      padding: 13px 14px;
      border: 1px solid #d9ddd9;
      border-radius: 9px;
      background: var(--white);
      color: var(--dark);
      font: inherit;
    }

    .form-field input:focus,
    .form-field select:focus,
    .form-field textarea:focus {
      outline: 3px solid rgba(0, 128, 0, .25);
      border-color: var(--accent);
    }

    .form-field textarea {
      min-height: 130px;
      resize: vertical;
    }

    .form-wide,
    .form-submit {
      grid-column: 1 / -1;
    }

    .form-submit {
      border: 0;
      cursor: pointer;
      justify-self: start;
    }

    .quote-form[hidden],
    .form-thanks[hidden],
    .form-error[hidden] {
      display: none;
    }

    .form-thanks {
      max-width: 900px;
      margin: 38px auto 0;
      padding: 48px 34px;
      background: var(--white);
      border: 1px solid rgba(0, 128, 0, .18);
      border-radius: 18px;
      box-shadow: 0 18px 50px rgba(0, 100, 0, .10);
      text-align: center;
    }

    .form-thanks p {
      max-width: none;
      margin: 0 auto;
      color: var(--green);
      font-size: 1.08rem;
      font-weight: 600;
    }

    .form-error {
      grid-column: 1 / -1;
      margin: 0;
      color: #b00020;
      font-weight: 600;
    }

    /* NEWSLETTER */

    .newsletter {
      padding: 72px 6%;
      background: var(--white);
      scroll-margin-top: 20px;
    }

    .newsletter-inner {
      max-width: 760px;
      margin: 0 auto;
      padding: 42px;
      border: 1px solid rgba(31, 93, 69, .14);
      border-radius: 20px;
      background: white;
      box-shadow: 0 16px 45px rgba(18, 61, 42, .08);
      text-align: center;
    }

    .newsletter h2 {
      margin-bottom: 12px;
      color: var(--green);
    }

    .newsletter-copy {
      max-width: 580px;
      margin: 0 auto 26px;
      color: #52625a;
    }

    .newsletter .ml-embedded {
      min-height: 70px;
    }

    .newsletter .ml-form-embedContent {
      display: none !important;
    }

    .floating-newsletter-link {
      position: fixed;
      right: max(20px, env(safe-area-inset-right));
      bottom: max(20px, env(safe-area-inset-bottom));
      z-index: 1000;
      width: min(330px, calc(100vw - 40px));
      padding: 17px 48px 17px 20px;
      border: 1px solid rgba(255, 255, 255, .24);
      border-radius: 16px;
      background: var(--green);
      color: white;
      box-shadow: 0 14px 38px rgba(18, 61, 42, .28);
      font-size: 0.784rem;
      font-weight: 700;
      line-height: 1.35;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .floating-newsletter-link::after {
      content: "↓";
      position: absolute;
      top: 50%;
      right: 18px;
      transform: translateY(-50%);
      color: #d9f2d9;
      font-size: 1.08rem;
    }

    .floating-newsletter-link:hover,
    .floating-newsletter-link:focus-visible {
      transform: translateY(-3px);
      background: #006400;
      box-shadow: 0 18px 44px rgba(18, 61, 42, .34);
    }

    .floating-newsletter-link:focus-visible {
      outline: 3px solid var(--accent);
      outline-offset: 3px;
    }

    /* FOOTER */

    footer {
      background: var(--white);
      color: var(--dark);
      border-top: 1px solid rgba(0, 128, 0, .18);
      padding: 50px 6%;
      display: flex;
      justify-content: space-between;
      gap: 30px;
      flex-wrap: wrap;
    }

    footer p {
      color: #52625a;
    }

    .footer-links {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      gap: 25px;
      color: var(--green);
      white-space: nowrap;
    }

    .footer-link-button {
      margin: 0;
      padding: 0;
      border: 0;
      background: none;
      color: inherit;
      font: inherit;
      line-height: inherit;
      white-space: nowrap;
      cursor: pointer;
    }

    .footer-links a:hover,
    .footer-link-button:hover {
      color: var(--accent);
    }

    .footer-link-button:focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 5px;
      border-radius: 2px;
    }

    .terms-panel {
      padding: 70px 8%;
      background: var(--white);
      border-top: 1px solid #dbe4de;
    }

    .terms-panel[hidden] {
      display: none;
    }

    .terms-inner {
      max-width: 920px;
      margin: 0 auto;
    }

    .terms-header {
      margin-bottom: 34px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 30px;
    }

    .terms-header h2 {
      color: var(--green);
      font-size: clamp(1.76rem, 3.2vw, 2.88rem);
      line-height: 1;
    }

    .terms-close {
      flex: 0 0 auto;
      padding: 10px 17px;
      border: 1px solid #b9c9bf;
      border-radius: 30px;
      background: white;
      color: var(--green);
      font-weight: 800;
      cursor: pointer;
    }

    .terms-content {
      color: #3f4e45;
      font-size: 0.784rem;
    }

    .terms-content p {
      margin-bottom: 20px;
    }

    .terms-content h3 {
      margin: 38px 0 14px;
      color: var(--green);
      font-size: 1.08rem;
    }


    .terms-meta {
      color: #65746b;
      font-weight: 700;
    }

    .terms-table-wrap {
      margin: 12px 0 28px;
      overflow-x: auto;
      border: 1px solid #d9e2dc;
      border-radius: 12px;
    }

    .terms-table {
      width: 100%;
      min-width: 620px;
      border-collapse: collapse;
      background: white;
      text-align: left;
    }

    .terms-table th,
    .terms-table td {
      padding: 13px 15px;
      border-bottom: 1px solid #d9e2dc;
      vertical-align: top;
    }

    .terms-table th {
      background: var(--green);
      color: white;
    }

    .terms-table tbody tr:last-child td {
      border-bottom: 0;
    }
    .team-list {
      margin-top: 34px;
      display: grid;
      gap: 26px;
    }

    .team-member {
      display: grid;
      grid-template-columns: 128px minmax(0, 1fr);
      gap: 26px;
      align-items: center;
      padding: 24px;
      border: 1px solid #dbe4de;
      border-radius: 16px;
      background: white;
    }

    .portrait-placeholder {
      width: 128px;
      aspect-ratio: 3 / 4;
      display: grid;
      place-items: center;
      border: 2px dashed #adc1b4;
      border-radius: 12px;
      background: var(--white);
      color: var(--green);
      font-size: 1.32rem;
      font-weight: 800;
      letter-spacing: 1px;
    }

    .team-portrait {
      width: 128px;
      aspect-ratio: 3 / 4;
      display: block;
      border-radius: 12px;
      object-fit: cover;
      object-position: center;
    }

    .team-member h3 {
      margin: 0 0 8px;
    }

    .team-member p {
      margin: 0;
    }

    .team-heading {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: space-between;
      gap: 4px 20px;
      margin-bottom: 8px;
    }

    .team-heading h3 {
      margin: 0;
    }

    .team-stats {
      display: flex;
      flex-wrap: wrap;
      gap: 4px 16px;
      color: #52625a;
      font-size: 0.72rem;
    }

    .team-stats strong {
      color: var(--green);
      font-weight: 600;
    }

    /* MOBILE */

    @media (max-width: 850px) {
      .page-shell {
        width: calc(100% - 32px);
        margin: 16px auto;
        border-radius: 18px;
      }

      .nav-links {
        display: none;
      }

      .search-box {
        grid-template-columns: 1fr 1fr;
      }

      .search-button {
        width: 100%;
      }

      .cards,
      .benefits {
        grid-template-columns: 1fr 1fr;
      }

      .featured {
        grid-template-columns: 1fr;
      }

      .featured-image {
        min-height: 350px;
      }

      .featured-content {
        padding: 55px 8%;
      }

    }

    @media (max-width: 550px) {
      .logo {
        font-size: 1.064rem;
      }
    nav .logo { font-size: 1.33rem; }

      .page-shell {
        width: 100%;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
      }

      section {
        padding: 70px 6%;
      }

      .hero {
        min-height: 460px;
        margin: 12px 4% 0;
        padding: 50px 7%;
        border-radius: 18px;
      }

      h1 {
        letter-spacing: -2px;
      }

      .search-box {
        grid-template-columns: 1fr;
        margin-top: -25px;
      }

      .cards,
      .benefits {
        grid-template-columns: 1fr;
      }

      .quote-form {
        grid-template-columns: 1fr;
        padding: 24px;
      }

      .newsletter-inner {
        padding: 30px 20px;
      }

      .floating-newsletter-link {
        right: max(12px, env(safe-area-inset-right));
        bottom: max(12px, env(safe-area-inset-bottom));
        width: min(310px, calc(100vw - 24px));
        padding: 14px 42px 14px 16px;
        font-size: 0.72rem;
      }

      .form-wide,
      .form-submit {
        grid-column: auto;
      }

      .footer-links {
        width: 100%;
        gap: 18px;
        overflow-x: auto;
        padding-bottom: 5px;
        font-size: 0.72rem;
      }

      .terms-panel {
        padding: 50px 6%;
      }

      .terms-header {
        flex-direction: column;
      }

      .team-member {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 18px;
        padding: 18px;
      }

      .portrait-placeholder {
        width: 92px;
        font-size: 1rem;
      }

      .team-portrait {
        width: 92px;
      }
    }

    /* LETUR – samræmt við lógó (Oswald í fyrirsögnum, Barlow í texta) */

    body {
      font-family: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
      font-size: 0.84rem;
    }

    button, input, textarea, select {
      font-family: inherit;
    }

    h1, h2, h3, h4,
    .eyebrow,
    .nav-links,
    .nav-button,
    .btn,
    .card-link,
    .benefit-number,
    .price,
    .author,
    .form-submit,
    .form-submit button,
    .field label,
    .form-field label {
      font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    }

    h1, h2 {
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 1.2;
    }

    .hero h1 {
      letter-spacing: 1.5px;
      line-height: 1.16;
    }

    .section-heading h2,
    .featured-content h2,
    .cta h2,
    .terms-header h2 {
      line-height: 1.2;
    }

    h3, h4 {
      font-weight: 500;
      letter-spacing: .5px;
      line-height: 1.2;
    }

    .eyebrow {
      font-weight: 500;
      letter-spacing: 3px;
      font-size: 0.72rem;
    }

    .nav-links {
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-size: .95rem;
    }

    .nav-button,
    .btn,
    .form-submit,
    .form-submit button {
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1.5px;
    }

    .card-link,
    .benefit-number,
    .author {
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1.5px;
    }

    .price {
      font-weight: 600;
      letter-spacing: .5px;
    }

    .field label,
    .form-field label {
      font-weight: 500;
      letter-spacing: 1.5px;
    }

    .quote {
      font-weight: 500;
      font-style: italic;
    }

    .nav-button {
      white-space: nowrap;
    }

    @media (max-width: 550px) {
      nav {
        gap: 12px;
      }

      .logo {
        font-size: 0.952rem;
        letter-spacing: 1.4px;
      }
    nav .logo { font-size: 1.19rem; }

      .nav-button {
        padding: 10px 16px;
        font-size: .8rem;
      }

      h1, .hero h1 {
        letter-spacing: 1px;
      }
    }
    /* Fyrirsögn áfangastaða í einni línu */
    #ferdir .section-heading {
      max-width: none;
    }

    #ferdir .section-heading h2 {
      white-space: nowrap;
      font-size: clamp(1.04rem, 2.88vw, 2.8rem);
    }

    @media (max-width: 600px) {
      #ferdir .section-heading h2 {
        white-space: normal;
        font-size: 1.6rem;
      }
    }
      @media (max-width: 550px) {
      .logo {
        font-size: 0.756rem;
        letter-spacing: 0.7px;
        gap: 5.6px;
      }
    nav .logo { font-size: 0.945rem; }

      .nav-button {
        padding: 9px 13px;
        font-size: .72rem;
      }

      .hero h1 {
        font-size: clamp(1.2rem, 6.24vw, 2.08rem);
        letter-spacing: 0;
      }

      .hero p br {
        display: none;
      }
    }
      @media (max-width: 380px) {
      .logo {
        font-size: 0.672rem;
      }
    nav .logo { font-size: 0.84rem; }

      .nav-button {
        padding: 8px 10px;
        font-size: .66rem;
      }
    }

    .footer-links {
      flex-wrap: wrap;
    }

    .footer-links a[href^="mailto:"] {
      white-space: normal;
      overflow-wrap: anywhere;
    }
      @media (max-width: 850px) {
      .hero::after {
        background: linear-gradient(180deg, rgba(10,40,20,.6) 0%, rgba(10,40,20,.35) 60%, rgba(10,40,20,.15) 100%);
      }
    }
      @media (max-width: 850px) {
      nav {
        flex-wrap: wrap;
        row-gap: 14px;
      }

      .nav-links {
        display: flex;
        order: 3;
        width: 100%;
        justify-content: center;
        gap: 40px;
        padding-top: 12px;
        border-top: 1px solid rgba(0, 128, 0, .15);
      }

      .nav-links a {
        display: block;
        padding: 8px 2px;
        font-size: .82rem;
        letter-spacing: 1px;
      }
    }

    @media (max-width: 550px) {
      .nav-links {
        justify-content: space-between;
        gap: 8px;
      }
    }

    @media (max-width: 380px) {
      .nav-links a {
        font-size: .74rem;
        letter-spacing: .5px;
      }
    }
  
    .footer-badge {
      display: block;
      width: 92px;
      height: auto;
    }

    footer {
      align-items: center;
    }

    /* Um okkur og Skilmálar sem sérsíður */
    .terms-panel { min-height: 70vh; border-top: 0; }
    .terms-header h1 {
      margin: 0;
      color: var(--green);
      font-size: clamp(1.76rem, 3.2vw, 2.88rem);
      line-height: 1.2;
      letter-spacing: 1px;
    }
    .terms-header h1:focus { outline: none; }
    a.terms-close { display: inline-block; text-decoration: none; }
    a.terms-close:hover { color: var(--accent); }

    /* Nýtt merki: albatros í lit vefsins */
    .logo { gap: .45em; }
    .logo-icon { height: 1.9em; width: calc(1.9em * 1841 / 1678); color: var(--green); }
    .team-portrait { height: auto; }
    .detail-intro-text { margin-bottom: 32px; }
    .detail-intro-text .detail-intro { margin: 0 0 .9em; }
    .detail-intro-text .detail-intro:last-child { margin-bottom: 0; }
    /* Fugl og texti stækkuð jafnt */
    .logo > .logo-icon, .logo > .logo-word { font-size: 1.2em; }
  

[hidden]{display:none!important}.detail-view{padding-top:120px;background:#fafbf8;min-height:75vh}.detail-wrap{max-width:1120px;margin:auto}.detail-hero{margin:25px 0 30px;border-radius:20px;min-height:360px;background-size:cover;background-position:center;display:flex;align-items:end;overflow:hidden}.detail-hero>div{width:100%;padding:45px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:white}.detail-hero h1{font-size: clamp(1.92rem,4vw,3.6rem);line-height:1.1;color:white}.detail-hero .eyebrow{color:white}.detail-intro{font-size: 1rem;max-width:800px;line-height:1.7;margin-bottom:32px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:30px 0 48px}.detail-grid article{background:white;padding:32px;border-radius:16px;border:1px solid #e5eade}.detail-grid h2{font-size: 1.28rem;color:var(--green);margin:20px 0 12px}.detail-grid h2:first-child{margin-top:0}.detail-grid p,.detail-grid li{line-height:1.7;margin-bottom:12px}.detail-grid ul,.detail-grid ol{padding-left:22px}.detail-grid .btn{margin-top:16px}.detail-bottom{display:inline-block;margin-top:30px}a:focus-visible,button:focus-visible{outline:3px solid #e0a732;outline-offset:5px}@media(max-width:800px){.detail-grid{grid-template-columns:1fr}.detail-hero{min-height:280px}.detail-hero>div{padding:25px}.detail-grid article{padding:24px}.detail-view{padding-top:95px}}


    .nav-button {
      font-size: .735rem;
      padding: 8.4px 15.4px;
      letter-spacing: 1.05px;
      border-radius: 21px;
    }
    @media (max-width: 550px) {
      .nav-button { font-size: .504rem; padding: 6.3px 9.1px; }
    }
    @media (max-width: 380px) {
      .nav-button { font-size: .462rem; padding: 5.6px 7px; }
    }
  
nav { font-size: 1.05rem; }

/* Golfvellir og gisting á áfangastaðasíðum */
.detail-view .detail-section{margin:44px 0 0;padding:0}
.detail-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.detail-section-head h2{font-size:1.6rem;color:var(--green);margin:0}
.detail-section-head p{color:#52625a;max-width:560px;margin:6px 0 0;line-height:1.6}
.pairing-list{display:flex;flex-direction:column;gap:28px}
.pairing{display:grid;grid-template-columns:1fr auto 1fr;background:white;border:1px solid #e5eade;border-radius:16px;overflow:hidden}
.pairing-part{display:flex;flex-direction:column;min-width:0}
.pairing .venue-img{aspect-ratio:16/9}
.pairing-link{position:relative;width:1px;background:#e5eade}
.pairing-link span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;box-shadow:0 0 0 6px white}
.pairing-label{color:var(--light-green);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 6px}
@supports not (aspect-ratio:1/1){.venue-img{height:200px}}
@media(max-width:800px){
.pairing{grid-template-columns:1fr;border-radius:14px}
.pairing-link{width:auto;height:1px}
.pairing-link span{width:34px;height:34px;font-size:1.2rem;box-shadow:0 0 0 5px white}
.pairing .venue-img{aspect-ratio:2/1}
.pairing-part:last-child{background:#f6f9f3}
.pairing .venue-body{padding:20px 18px}
.pairing .venue-body h3{font-size:1.1rem}
.pairing .venue-text{font-size:.95rem}
.venue-facts{grid-template-columns:minmax(90px,auto) 1fr;font-size:.9rem}
.venue-facts dd{overflow-wrap:anywhere}
.detail-section-head h2{font-size:1.35rem}
.pairing-list{gap:22px}
}
.venue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.venue{background:white;border:1px solid #e5eade;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.venue-img{aspect-ratio:16/10;background:#e9efe3;display:flex;align-items:center;justify-content:center;color:#7a8a7f;font-size:.9rem;overflow:hidden}
.venue-img img{width:100%;height:100%;object-fit:cover;display:block}
.venue-body{padding:24px;display:flex;flex-direction:column;flex:1}
.venue-body h3{color:var(--green);font-size:1.2rem;margin:0 0 4px}
.venue-place{color:#52625a;font-size:.92rem;margin:0 0 12px}
.venue-stars{color:#e0a732;letter-spacing:2px;font-size:.95rem;margin:0 0 4px}
.venue-body>p.venue-text{line-height:1.65;margin:0 0 16px}
.venue-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:auto 0 0;padding-top:16px;border-top:1px solid #eef2ea;font-size:.92rem}
.venue-facts dt{color:#52625a}
.venue-facts dd{margin:0;font-weight:600;color:var(--dark)}
@media(max-width:800px){.detail-view .detail-section{margin-top:32px;padding:0}.venue-body{padding:20px}}


/* Áfangastaðasíður: aðeins fyrirsögn efst, engar myndir */
.detail-view .detail-hero{background:none!important;min-height:0;margin:20px 0 18px;border-radius:0;display:block;overflow:visible}
.detail-view .detail-hero>div{background:none;padding:0;color:var(--dark)}
.detail-view .detail-hero h1{color:var(--green)}
.detail-view .detail-hero .eyebrow{color:var(--light-green)}
.detail-view{padding-top:40px!important}
@media(max-width:800px){.detail-view{padding-top:28px!important}}
.detail-view h1[tabindex="-1"],.detail-view h1[tabindex="-1"]:focus,.detail-view h1[tabindex="-1"]:focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
@media(max-width:800px){.detail-view .detail-hero{min-height:0}.detail-view .detail-hero>div{padding:0}}


.card-country{color:var(--light-green)!important;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 4px!important}
.card-coming{background:#f3f7ef;border:2px dashed #b9cfae;box-shadow:none}
.card-coming:hover{transform:none}
.card-coming .card-content{justify-content:center}

/* Myndir starfsmanna halda hlutföllum þótt width/height séu gefin */
.team-portrait { height: auto; }

/* Minni forsíðumynd í farsíma */
@media (max-width: 800px) { .hero-slide.active { background-image: url("/myndir/forsida-litil.webp") !important; } }

    /* Vissir þú? – hægra megin */
    .name-story { padding: 80px 6% 40px; }
    .name-story-inner { max-width: none; margin: 0; display: flex; justify-content: flex-end; }
    .name-story-text { max-width: none; width: 100%; text-align: left; }
    .name-story h2 { margin: 0 0 10px; color: var(--green); font-family: 'Barlow', 'Helvetica Neue', Arial, sans-serif !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; font-size: clamp(1.4rem, 2.2vw, 1.8rem); line-height: 1.2; }
    .name-story p { font-size: 1.2rem; line-height: 1.7; color: var(--dark); margin: 0; }
    .name-story strong { color: var(--green); font-weight: 600; }
    @media (max-width: 800px) { .name-story-inner { justify-content: center; } .name-story-text { max-width: none; } }
    @media (max-width: 550px) { .name-story { padding: 56px 7% 24px; } .name-story p { font-size: 1.08rem; } }

    /* Netföng starfsmanna */
    .team-email { display:inline-block; margin-top:8px; color:var(--green); font-weight:600; text-decoration:none; word-break:break-all; }
    .team-email:hover { text-decoration:underline; }

    /* Golfvöllur og gisting: væntanlegt */
    .coming-soon { border:1.5px dashed rgba(0,100,0,.35); border-radius:14px; background:#f6f9f5; padding:44px 28px; text-align:center; }
    .coming-soon .pairing-label { margin:0 0 10px; }
    .coming-soon h3 { margin:0 0 10px; color:var(--green); }
    .coming-soon p:not(.pairing-label) { margin:0; color:#5d6b62; }