<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><style>
  .macbook-air-2022-container {
    color: #1d1d1b;
    padding: 0 10px 45px 10px
  }

  .macbook-air-2022-container * {
    line-height: 1.6
  }

  p {
    font-size: 16px
  }

  .text-center {
    text-align: center
  }

  .price {
    color: #303030;
    font-size: 1em;
    font-weight: 300;
    margin-top: 0;
  }

  .financing {
    font-size: 15px;
    display: block;
    font-weight: 300;
    color: #303030
  }

  .bottom-card {
    background: #f9f9f9;
    padding: 40px 35px;
    border-radius: 5px;
    margin-top: 30px;
    overflow: hidden;
    position: relative
  }

  .card {
    background: #f9f9f9;
    padding: 40px 35px;
    border-radius: 5px;
    margin-top: 30px;
    overflow: hidden;
    position: relative
  }

  .card img {
    max-width: 100%;
    display: block;
    margin: auto
  }

  .card:hover {
    background: #f0f0f0;
    transition: .3s
  }

  .mac-title {
    font-size: 24px;
    font-weight: 500
  }

  @media (max-width:844px) {
    .mac-title {
      font-size: 24px
    }

    .card {
      padding: 20px 15px
    }

    .price {
      font-size: 20px
    }

    .financing {
      font-size: 15px
    }
  }

  .cat,
  .cat * {
    box-sizing: border-box
  }

  s {
    text-decoration: line-through;
    font-size: .9em;
    font-weight: 400
  }

  .cat {
    font-size: 16px;
    line-height: 1.4;
    overflow: hidden
  }

  .cat-grid {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(12, 1fr)
  }

  .cat-card:nth-child(2) {
    grid-area: 1/1/1/7
  }

  /*.cat-card:nth-child(3) {
    grid-area: 1/5/1/9
  }*/

  .cat-card:nth-child(1) {
    grid-area: 1/7/1/13
  }

  .cat-card:nth-child(3) {
    grid-area: 2/1/2/7
  }

  .cat-card:nth-child(4) {
    grid-area: 2/7/2/13
  }

  .cat-card:nth-child(5) {
    grid-area: 3/1/3/13
  }

  .cat-product-img-container {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .cat-product-img {
    background-image: var(--p);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: var(--ar);
    transition: .5s ease-in-out;
    margin: 0 20px;
    width: var(--w, 260px);
    transition: .3s ease-in-out;
    scale: .8
  }

  .cat-card:hover .cat-product-img {
    scale: .87
  }

  .cat-product-description {
    padding: 20px
  }

  .cat-product-description .new {
    color: #007aff;
    font-size: 1em;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    background: linear-gradient(90deg, #007aff 0, #00b9f7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
  }

  .cat-product-description strong {
    color: #000;
    font-size: 1.7em;
    font-weight: 500;
    display: block
  }

  .cat-product-description p {
    color: #000;
    font-size: 1em;
    font-weight: 300;
    margin-top: 0
  }

  .cat-product-description p>span {
    font-weight: 500
  }

  .card-front,
  .cat-card {
    text-decoration: none;
    border-radius: 15px;
    background-color: #f9f9f9;
    transition: background-color .3s ease-in-out;
    overflow: hidden
  }

  .card-front:hover,
  .cat-card:hover {
    background-color: #e0e0e0;
    text-decoration: none
  }

  .cat .cat-title {
    font-size: 2em;
    font-weight: 500;
    color: #000;
    line-height: 1.4;
    display: block
  }

  .cat .cat-subtitle {
    color: #000;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.4;
    margin: 10px 0
  }

  .cat-card:hover .arrow-link {
    text-decoration: none;
    background: #005fdd;
    color: #fff
  }

  .cat-card .arrow-link {
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    border: 0;
    background: #1875f0;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
    transition: .3s ease-in-out
  }

  .cat-info,
  .cat-other-info {
    padding: 35px
  }

  .cat img {
    max-width: 100%
  }

  .text-center {
    text-align: center
  }

  .cat-responsive {
    display: flex;
    flex-direction: row;
    align-items: center
  }

  @media (max-width:767px) {
    .cat {
      padding: 15px
    }

    .cat-grid {
      gap: 15px
    }

    .cat-card {
      border-radius: 10px
    }

    .cat-product-img {
      --w: 180px;
      background-position: center;
      margin: 0
    }

    .no-mob-transition {
      transition: unset
    }

    .cat-card:nth-child(1) {
      grid-area: 1/1/1/13
    }

    .cat-card:nth-child(2) {
      grid-area: 2/1/2/13
    }

    .cat-card:nth-child(3) {
      grid-area: 3/1/3/13
    }

    .cat-card:nth-child(4) {
      grid-area: 4/1/4/13
    }

    .cat-card:nth-child(5) {
      grid-area: 5/1/5/13
    }

    .cat-card:nth-child(6) {
      grid-area: 6/1/6/13
    }
  }

  @media (min-width:768px) and (max-width:1199px) {
    .cat {
      padding: 25px
    }
  }

  @media (min-width:1200px) {
    .cat {
      padding: 25px 10px
    }
  }

  .cat-flippable {
    position: relative;
    perspective: 1000px;
    transition: transform .8s;
    transform-style: preserve-3d;
    background: unset;
    overflow: initial
  }

  .cat-flippable:hover {
    background-color: unset;
    box-shadow: unset
  }

  .cat-flippable:hover .card-front {
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .1)
  }

  .card-inner {
    width: 100%;
    height: 100%;
    transition: transform .8s;
    transform-style: preserve-3d
  }

  .card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
  }

  .card-front {
    position: unset
  }

  @media (min-width:768px) {
    .card-front {
      min-height: 390px;
      display: flex;
      flex-direction: column;
      justify-content: space-between
    }
  }

  .cat-product-img-container {
    padding-bottom: 20px
  }

  .cat-product-img {
    scale: .9
  }

  .cat-card:hover .arrow-link {
    text-decoration: none;
    /*background: #111;*/
    /*border-color: #111;*/
  }

  .cat-card:hover .cat-product-img {
    scale: .95
  }

  /** Skeleton loader **/
  .skeleton {
    background: linear-gradient(-90deg, #ececec 25%, #777 50%, #ececec 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 25px;
    color: transparent;
  }

  .sd-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  @keyframes shimmer {
    0% {
      background-position: 200% 0;
    }

    100% {
      background-position: -200% 0;
    }
  }
</style>
<div class="u-wrap cat">
  <div class="cat-grid">
    <a href="/mac/macbook-air-m4/" class="cat-card cat-flippable cat-responsive">
      <div class="card-inner">
        <div class="card-front">
          <div class="cat-product-description">
            
            <strong>MacBook Air M4</strong>
            <div data-parent="mba-m1">
              <div class="skeleton-loader" style="display: none;">
                <p>nuo <span class="skeleton sd-text">XXXX</span> <span>€</span> arba <span
                    class="skeleton sd-text">XX<sup class="skeleton sd-text"
                      style="font-size: .7em; vertical-align: text-top;">XX</sup>
                  </span><span>€</span>/mėn. su&nbsp;Smart&nbsp;Deal</p>
              </div>
              <div>
                 <p>nuo <span>1159</span> <span>€</span>
                    </span><br>arba <span>35<sup style="font-size: .7em; vertical-align: text-top;">99</sup>
                  </span><span>€</span>/mėn. su&nbsp;Smart&nbsp;Deal</p>
              </div>
            </div>
          </div>
          <div class="cat-product-img-container">
            <div class="cat-product-img"
              style="--ar: 1841 / 1164; --w: 100%; --p: url('https://www.ideal.lt/media/wysiwyg/MacBook-_Air-13-M4.png');">
            </div>
          </div>
        </div>
      </div>
    </a>
    <a href="/mac/macbook-air-m2" class="cat-card cat-flippable cat-responsive">
      <div class="card-inner">
        <div class="card-front">
          <div class="cat-product-description">
            
            <strong>MacBook Air M2</strong>
            <div data-parent="mba-m2">
              <div class="skeleton-loader" style="display: none;">
                <p>nuo <span class="skeleton sd-text">XXX</span> <span>€</span> arba <span
                    class="skeleton sd-text">XX<sup class="skeleton sd-text"
                      style="font-size: .7em; vertical-align: text-top;">XX</sup>
                  </span><span>€</span>/mėn. su&nbsp;Smart&nbsp;Deal</p>
              </div>
              <div>
                <p>nuo <span>999</span> <span>€</span> <span
                    style="text-decoration: line-through !important; color: #5d5a5a; font-weight: 400; font-size: 0.9em">1259
                    €</span><br>arba <span>48<sup style="font-size: .7em; vertical-align: text-top;">62</sup>
                  </span><span>€</span>/mėn. su 24 mėn. sutartimi</p>
              </div>
            </div>
          </div>
          <div class="cat-product-img-container">
            <div class="cat-product-img"
              style="--ar: 1841 / 1164; --w: 100%; --p: url('https://www.ideal.lt/media/wysiwyg/blocks/MacBook-Air-13-M2.png');">
            </div>
          </div>
        </div>
      </div>
    </a>
    <a href="/mac/mac-kompiuteriu-priedai" class="cat-card text-center">
      <div class="d-flex align-items-center justify-content-between flex-column">
        <div class="cat-other-info" style="padding-bottom: 10px;">
          <strong class="cat-title" style="font-size: 1.5em;">Atrask „Mac“ priedus.</strong>
          <p class="cat-subtitle" style="font-size: 1.125em;">Peržiūrėk klaviatūras, peles, dėklus ar kitus reikalingus
            priedus savo „Mac“ kompiuteriui.</p>
          <p class="arrow-link">Rinktis</p>
        </div>
        <div class="cat-product-img-container" style="padding-bottom: 0;">
          <img src="https://www.ideal.lt/media/wysiwyg/m2-landing/mac_cat_acc.png" alt="iMac">
        </div>
      </div>
    </a>
    <a href="/paslaugos/irenginio-keitimas" class="cat-airpods cat-card text-center">
      <div class="d-flex align-items-center justify-content-between flex-column">
        <div class="cat-other-info">
          <strong class="cat-title" style="font-size: 1.5em;">Lengviausias būdas atsinaujinti.</strong>
          <p class="cat-subtitle" style="font-size: 1.125em;">Iškeisk savo turimą „Mac“ kompiuterį į nuolaidą naujam.
            Spausk ir sužinok nuolaidos dydį.</p>
          <span class="arrow-link">Rinktis</span>
        </div>
        <div class="cat-product-img-container" style="padding-bottom: 0;">
          <img src="https://www.ideal.lt/media/wysiwyg/m2-landing/mac_cat_tradein.png" alt="MacBook keyboard">
        </div>
      </div>
    </a>
    <a href="/palygink-mac" class="cat-card no-mob-transition">
      <div class="row justify-content-between align-items-center">
        <div class="col-md-6 col-12 cat-info" style="text-align: center;">
          <strong class="cat-title" style="font-size: 1.5em;">Kuris „Mac“ tau tinkamiausias?</strong>
          <p class="cat-subtitle" style="font-size: 1.125em; margin: 1em 0;">Palygink visus „Mac“ kompiuterių modelius
            ir išsirink sau tinkamiausią.</p>
          <span class="arrow-link">Rinktis</span>
        </div>
        <div class="col-md-6 col-12 cat-product-img-container">
          <img src="https://www.ideal.lt/media/wysiwyg/blocks/mac-family.png?nocache" alt="Mac family"
            style=" padding: 0 20px;">
        </div>
      </div>
    </a>
  </div>
</div></div>

Naujausi „MacBook Air M1“ kompiuterių modeliai ▸ Užsisakyk internetu į namus arba atsiimk salone ▸ Didžiausias autorizuotas „Apple“ pardavėjas ▸ Nemokamas pristatymas virš 50€

Apple „MacBook Air“ kompiuteriai

MacBook Air

<span style="font-weight: 500;">Reikia dovanos šiandien?</span> <span style="font-weight: 300;">Užsisakyk internetu ir atsiimk salone tą pačią dieną.</span>