Pirkimo taisyklės

Atsiskaitymo būdai

Įmonės rekvizitai

Privatumo politika

Pirkimas išsimokėtinai

Nuolaidos studentams

Garantinio aptarnavimo sąlygos

Prekių grąžinimas

Tax free

Praneškite apie klaidą

Pristatymo sąlygos

Karjera

iPhone 16 Pro

iPhone 16

iPhone 16e

iPhone 15

Visi iPhone

Priedai

Išpardavimas

iPhone 

Apple „iPhone“ telefonai

MacBook Air

MacBook Air (M2)

Macbook Air (M4)

MacBook Pro 14" (M4)

MacBook Pro 16” (M4)

MacBook Pro

iMac 24" (M4)

Mac mini

Mac Studio

Mac Pro

Studio Display

Apple „Mac“ kompiuteriai

iPad Pro

iPad Pro 13" (M4)

iPad Pro 11" (M4)

iPad Air

iPad Air 13" (M3)

iPad Air 11" (M3)

iPad 11" (A16)

iPad

iPad 10.9"

iPad mini

iPad mini (A15)

Apple Pencil

Klaviatūros

Visi iPad

Palyginti modelius

Apple „iPad“ planšetės

Apple Watch Series 10

Apple Watch Ultra 2

Apple Watch SE

Visi Apple Watch laikrodžiai

Watch

Apple „Watch“ laikrodžiai

AirPods Max

AirPods Pro

AirPods

„AirPods“, „AirPods Pro“ ir „AirPods Max“

Beats

Ausinės

Garso kolonėlės

Muzika

„Beats“, ausinės ir kolonėlės

Apple TV

AirTag

iPhone priedai

Mac priedai

iPad priedai

Apple Watch priedai

Epico

Burga iPhone dėklai

Burga iPad dėklai

Burga Mac dėklai

Burga AirPods dėklai

Aksesuarai

„Apple“ produktų aksesuarai

Konsultacijos

Video pamokos

Grupiniai mokymai

Mokymai

<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/5
  }

  .cat-card:nth-child(3) {
    grid-area: 1/5/1/9
  }

  .cat-card:nth-child(1) {
    grid-area: 1/9/1/13
  }

  .cat-card:nth-child(4) {
    grid-area: 2/1/2/7
  }

  .cat-card:nth-child(5) {
    grid-area: 2/7/2/13
  }

  .cat-card:nth-child(6) {
    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">
            <span class="new">NAUJA</span>
            <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>1259</span> <span>€</span><br>arba <span>36<sup style="font-size: .7em; vertical-align: text-top;">59</sup></span><span>€</span>/mėn. su Smart 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/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>

Karolio TEST puslapis