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

iPhone 14

iPhone 13

Visi iPhone

Priedai

Išpardavimas

iPhone 

Apple „iPhone“ telefonai

MacBook Air

MacBook Air (M2)

Macbook Air (M4)

Macbook Air (M3)

MacBook Pro 14" (M4)

MacBook Pro 16” (M4)

MacBook Pro

iMac 24" (M4)

Mac mini

Mac Studio

Mac Pro

Studio Display

Palyginti modelius

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 Air 13" (M2)

iPad Air 11" (M2)

iPad

iPad 10.9"

iPad mini

iPad mini (A17 Pro)

iPad mini (A15)

Apple Pencil

Klaviatūros

Visi iPad

Apple „iPad“ planšetės

Apple Watch Series 10

Apple Watch Ultra 2

Apple Watch Series 9

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>
  :root {
    --clr: #00C5FF;
    --bg: #F5F5F7;
    --br: 15px;
    --br-s: 11px;
    --ts: .3s;
  }

  .main--cms {
    overflow: hidden;
    padding: 30px 0;
  }

  .epico {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif, "SF Pro Icons";
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    font-weight: 400;
    background: #fff;
    overflow-x: hidden;
  }

  .epico *,
  .epico *:before,
  .epico *:after {
    box-sizing: border-box;
  }

  .epico .odd-bg {
    background: #F9F9FB;
    padding: 40px 20px;
  }

  .epico .odd-bg img {
    width: clamp(250px, 460px, 100%);
  }

  .epico p {
    font-size: 1.43rem;
    margin: 1.5rem 0;
  }

  .epico strong {
    font-size: 1.75em;
  }

  .epico a {
    color: var(--clr);
    text-decoration: none;
    font-size: 1.15rem;
  }

  .epico a:hover {
    text-decoration: underline;
  }

  .epico h1 {
    font-size: 2.5em;
    line-height: 1.4;
    font-weight: 600;
  }

  .epico h2 {
    font-size: 2em;
    line-height: 1.4;
    font-weight: 600;
  }

  .epico .epico-btn,
  .epico .epico-btn-outline {
    font-size: 1.3rem;
    font-weight: 500;
    display: inline-block;
    padding: 10px 40px;
    border-radius: var(--br-s);
    border: 1px solid;
    transition: var(--ts) ease-in-out;
  }

  .epico .epico-btn {
    background: #000;
    border-color: #000;
    color: #fff;
  }

  .epico .epico-btn:hover {
    background: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .8);
    text-decoration: none;
  }

  .epico .epico-btn-outline {
    background: transparent;
    border-color: #000;
    color: #000;
  }

  .epico .epico-btn-outline:hover {
    background: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .8);
    color: #fff;
    text-decoration: none;
  }

  .epico .epico-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .text-center {
    text-align: center;
  }

  .animation {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.9s cubic-bezier(0.5, 1, 0.89, 1), transform 0.9s cubic-bezier(0.5, 1, 0.89, 1);
  }

  .animation.in-view {
    opacity: 1;
    transform: translateY(0px);
  }

  .bg-img {
    background-image: var(--bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 1em;
  }

  .epico-card {
    background: #F5F5F7;
    border-radius: 15px;
    padding: 20px;
  }

  .hero .epico-card {
    padding: 45px;
  }

  .hero-grid {
    display: grid;
    gap: 45px;
    grid-template-columns: repeat(12, 1fr);
  }

  .hero-text {
    grid-area: 1 / 6 / 1 / 13;
  }

  .hero-image {
    grid-area: 1 / 1 / 1 / 6;
  }

  .hero-image img {
    border: 2px solid #CECECE;
    max-width: 100%;
    border-radius: 38px;
  }

  .top-gap {
    margin-top: 40px;
  }

  .subtitle {
    font-size: 1.44rem;
    font-weight: 500;
  }

  .why-epico-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 15px;
  }

  .why-epico-grid > div {
    background: var(--bg);
    padding: 30px;
    border-radius: var(--br);
    display: flex;
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .why-epico-grid > div > span {
    background: #fff;
    display: inline-flex;
    padding: 15px;
    border-radius: var(--br-s);
  }

  .why-epico-grid > div > span > svg {
    height: 2rem;
    width: 2rem;
    aspect-ratio: 1;
  }

  .why-epico-grid strong {
    font-size: 1.42rem;
    font-weight: 500;
    margin-bottom: 15px;
  }

  .why-epico-grid > .has-bg {
    background-image: url(https://www.ideal.lt/media/wysiwyg/landing/epico/2025/why-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
  }

  .starter-kit-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 15px;
  }

  .starter-kit-grid .epico-card {
    padding: 30px;
  }

  .starter-kit-grid img {
    max-width: 100%;
  }

  @media (max-width: 1200px) {
    .epico h1 {
      font-size: 2.1em;
    }

    .epico h2 {
      font-size: 1.8em;
    }
  }

  @media (max-width: 991px) {
    .hero .epico-card {
        padding: 25px;
      }

    .hero-grid {
      gap: 25px;
    }

    .hero-text {
      grid-area: 2 / 1 / 2 / 13;
    }

    .hero-image {
      grid-area: 1 / 1 / 1 / 13;
    }

    .hero-image img {
      border-radius: 15px;
    }

    .why-epico-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 767px) {
    .epico {
      font-size: 12px;
    }

    .epico h1 {
      font-size: 2em;
    }

    .epico h2 {
      font-size: 1.8rem;
    }

    .epico p {
      font-size: 1.25rem;
      margin: 1rem 0;
    }

    .why-epico-grid {
      grid-template-columns: 1fr;
    }

    .why-epico-grid > .has-bg {
      background-size: cover;
    }

    .starter-kit-grid .epico-card {
      padding: 20px;
    }

    .starter-kit-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 499px) {
    .epico .cta .bg-img {
      aspect-ratio: 1 / 1;
      padding: 15px;
    }

    .epico .cta .bg-img h2 {
      font-size: 1.8rem;
    }
  }

</style>
<div class="epico" data-ga-event-cat="lp view" data-ga-label="epico LP">
  <div class="container hero">
    <div class="epico-card">
      <div class="hero-grid">
        <div class="hero-image">
          <img src="https://www.ideal.lt/media/wysiwyg/landing/epico/2025/hero.png" alt="Epico">
        </div>
        <div class="hero-text">
          <h1>Epico. Premium Apple Aksesuarai.</h1>
          <p style="margin-bottom: 2rem;">Premium Apple aksesuarai, išsiskiriantys minimalistiniu dizainu, aukščiausia kokybe ir tvarumu.</p>
          <div class="epico-cta">
            <a href="#" class="epico-btn jump-to-section" data-target=".cta">Daugiau</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="why-epico top-gap">
    <div class="container animation">
      <div class="text-center">
        <h2>Kodėl Epico?</h2>
        <p class="subtitle">Epico - tai aukščiausios kokybės Apple įrenginių aksesuarai, pasižymintys</p>
      </div>
      <div class="why-epico-grid">
        <div class="has-bg">
          <span>
            <svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="16" height="27" rx="4" stroke="black" stroke-width="2"/><rect x="22" y="1" width="6" height="27" rx="3" stroke="black" stroke-width="2"/></svg>
          </span>
          <strong>Minimalistiniu<br>dizainu</strong>
        </div>
        <div>
          <span>
            <svg width="27" height="33" viewBox="0 0 27 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.8334 18.0417C25.8334 25.75 20.4375 29.6042 14.0242 31.8396C13.6884 31.9534 13.3236 31.9479 12.9913 31.8242C6.56252 29.6042 1.16669 25.75 1.16669 18.0417V7.25C1.16669 6.84113 1.32911 6.449 1.61823 6.15988C1.90735 5.87076 2.29948 5.70834 2.70835 5.70834C5.79169 5.70834 9.64585 3.85833 12.3284 1.515C12.655 1.23596 13.0704 1.08264 13.5 1.08264C13.9296 1.08264 14.3451 1.23596 14.6717 1.515C17.3696 3.87375 21.2084 5.70834 24.2917 5.70834C24.7006 5.70834 25.0927 5.87076 25.3818 6.15988C25.6709 6.449 25.8334 6.84113 25.8334 7.25V18.0417Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.875 16.5L11.9583 19.5834L18.125 13.4167" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </span>
          <strong>Išskirtine<br>kokybe</strong>
        </div>
        <div>
          <span>
            <svg width="33" height="31" viewBox="0 0 33 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9583 18.5834H18.0417C18.8594 18.5834 19.6437 18.2585 20.2219 17.6803C20.8001 17.102 21.125 16.3178 21.125 15.5C21.125 14.6823 20.8001 13.898 20.2219 13.3198C19.6437 12.7415 18.8594 12.4167 18.0417 12.4167H13.4167C12.4917 12.4167 11.7208 12.725 11.2583 13.3417L2.625 21.6667" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.79169 27.8333L11.2584 25.675C11.7209 25.0583 12.4917 24.75 13.4167 24.75H19.5834C21.2792 24.75 22.8209 24.1333 23.9 22.9L30.9917 16.1166C31.5866 15.5544 31.9338 14.7789 31.9569 13.9607C31.9801 13.1425 31.6772 12.3486 31.115 11.7537C30.5528 11.1588 29.7773 10.8116 28.9591 10.7885C28.1409 10.7653 27.347 11.0682 26.7521 11.6304L20.2771 17.6429" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.08331 20.125L10.3333 29.375" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.0625 10.1042C29.1417 9.025 30.375 7.6375 30.375 5.94167C30.4828 4.9996 30.2693 4.04874 29.7691 3.24319C29.2689 2.43764 28.5113 1.82461 27.6191 1.50343C26.727 1.18225 25.7525 1.17175 24.8536 1.47363C23.9547 1.77551 23.1841 2.37208 22.6667 3.16667C22.1164 2.43373 21.3456 1.89653 20.4674 1.63392C19.5893 1.37131 18.6501 1.39712 17.7878 1.70758C16.9254 2.01803 16.1853 2.59677 15.676 3.35883C15.1668 4.12089 14.9152 5.02613 14.9584 5.94167C14.9584 7.79167 16.1917 9.025 17.2709 10.2583L22.6667 15.5L28.0625 10.1042Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </span>
          <strong>Tvariais<br>sprendimais</strong>
        </div>
        <div>
          <span>
            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3334 16.3333C12.906 17.0988 13.6365 17.7322 14.4754 18.1906C15.3144 18.6489 16.2421 18.9215 17.1956 18.9898C18.1491 19.0581 19.1062 18.9205 20.0018 18.5864C20.8975 18.2523 21.7109 17.7294 22.3867 17.0533L26.3867 13.0533C27.6011 11.796 28.2731 10.112 28.2579 8.36399C28.2427 6.61601 27.5416 4.94392 26.3055 3.70787C25.0694 2.47182 23.3974 1.77069 21.6494 1.7555C19.9014 1.74031 18.2174 2.41227 16.96 3.62666L14.6667 5.90666" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.6667 13.6666C17.0941 12.9011 16.3635 12.2677 15.5246 11.8094C14.6857 11.351 13.758 11.0785 12.8045 11.0102C11.851 10.9419 10.8939 11.0795 9.99823 11.4136C9.10255 11.7477 8.2892 12.2705 7.61336 12.9466L3.61336 16.9466C2.39897 18.204 1.72701 19.888 1.7422 21.636C1.75738 23.384 2.45851 25.056 3.69457 26.2921C4.93062 27.5282 6.6027 28.2293 8.35068 28.2445C10.0987 28.2597 11.7827 27.5877 13.04 26.3733L15.32 24.0933" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </span>
          <strong>MagSafe<br>suderinamumu</strong>
        </div>
      </div>
    </div>
  </div>

  <div class="starter-kit top-gap">
    <div class="container animation">
      <div class="text-center">
        <h2>Epico Starter Kit - Viskas ko reikia pradžiai</h2>
      </div>
      <div class="starter-kit-grid">
        <div class="epico-card">
          <div class="text-center">
            <img src="https://www.ideal.lt/media/wysiwyg/landing/epico/2025/starter-kit-expanded.png" alt="iPhone Starter Kit- Lite">
          </div>
          <div>
            <h2>iPhone Starter Kit - Lite</h2>
            <p>Apsauginis stiklas ir mini įkrovimo adapteris</p>
            <a href="#" class="arrow-link">Pirkti Dabar</a>
          </div>
        </div>
        <div class="epico-card">
          <div class="text-center">
            <img src="https://www.ideal.lt/media/wysiwyg/landing/epico/2025/starter-kit-full.png" alt="iPhone Starter Kit- Full">
          </div>
          <div>
            <h2>iPhone Starter Kit - Full</h2>
            <p>Apsauginis stiklas, mini įkrovimo adapteris ir Hero dėklas</p>
            <a href="#" class="arrow-link">Pirkti Dabar</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  

</div>
</div></div>

Test page