Zamansız parçalarla kendin ol! Mâna Store’un sade ama etkileyici tasarımlarıyla doğallığı ve şıklığı bir arada yaşa.

Kendin Gibi, Zamansız ve Şık | Mâna Store

İstanbul

Türkiye

Güngören

Default

BrandType

Brand

Link

Logo

Product Features

Product Feature

Title

Image

Subtitle

Faq Types

Questions

Question

Cookie Type

Cookie Content

Cookie Accept Text

Show Cookie

Navigation Position

Horizontal Alignment

Vertical Alignment

Link Type

Button Link

Button Outline

Button Rounded

Button Text Color

Button Background Color

Button Border Color

Mobile Button Text Color

Mobile Button Background Color

Mobile Button Border Color

Button Type

Title Text

Title Color

Title Weight

Title Italic

Title Font Size

Mobile Title Color

Mobile Title Weight

Mobile Font Size

Show Title Shadow

Button

Button Mobile Background Color

Button Mobile Border Color

Button Mobile Text Color

Container Type

Color

Background Color

Features Type

Feature

Text Type

Text Color

Text Font Weight

Text Italic

Column Count

Aspect Ratio Enum

Object Fit Enum

Description Position

Description Settings

Show Description

Show More Button

Cart Type

Menu Type

Shipping Policy

Description Text

Linked Text

Image Gallery Type

Image Gallery Item

Description

Has Shadow

Container Link

Position Bottom

Position Bottom Description

Container Background Color

Content Position Bottom

Animated Slider

Animated Slider Item

Mobile Image

Second Button

Video

Mobile Horizontal Alignment

Mobile Vertical Alignment

Modal Attributes Type

Has Attributes Modal

Icon

Attributes

Announcement Items

Announcement Item

Marquee Image Items

Marquee Image Item

AlignmentType

Rating

Testimonials

Testimonial

quote

writer

rating

Unlimited Features

Slider Video Item

Is Video?

[Tablet/Desktop] Video

[Mobile] Video

Texts

Text

Text Background Color

Text 2

Text 2 Background Color

Text 2 Color

Text 3

Text 3 Background Color

Text 3 Color

Image Type

Font Weight Enum

Desktop Number Of Columns

Mobile Number Of Columns

Product Tag Image

Tag Image

Image Width

Image Height

H Tag

MÂNA

URBAN RAİN PANÇO

ONE SİZE 

AQUA BREEZE YAĞMURLUK - TURKUAZ

TURKUAZ

XS/S

AQUA BREEZE YAĞMURLUK - SOMON

SOMON

MIRA DRESS

Ekru

RIVIERA SET - KAHVERENGİ

KAHVERENGİ

RIVIERA SET - SARI

SARI

RIVIERA SET - SOMON

İNCİ KOLYE

BRISA SHIRT - KAHVERENGİ

BRISA SHIRT - SARI

BRISA SHIRT - BEYAZ

BEYAZ

NUBE CROP - KAHVERENGİ

NUBE CROP - SARI

NUBE CROP - BEYAZ

VELA SKIRT - KAHVERENGİ

VELA SKIRT - SARI

VELA SKIRT - BEYAZ

LUNA TOP - KAHVERENGİ

LUNA TOP - SARI

LUNA TOP - BEYAZ

GİYİM

SALE

STRAPS

SWIMWEAR

ÇANTA

<a href="https://manastoretr.com/giyim" class="gx-media-hero" target="_self">
  <div class="gx-left">
<video poster="https://cdn.e-adam.net/manastore/Rectangle%201.webp" src="https://player.vimeo.com/progressive_redirect/playback/1124776505/rendition/1080p/file.mp4?loc=external&amp;signature=b19d1490614225c9bf775862b0c07d39ea1b7d70d3101b8e4c1cccbf3b08b33b" autoplay="" muted="" playsinline="" loop="" preload="metadata">
</video>    
  </div>

  <div class="gx-right">
<img src="https://cdn.e-adam.net/manastore/Rectangle-2.webp" alt="Manastore Görsel" fetchpriority="high" decoding="async">  </div>
</a>



<link rel="preload" as="image" href="https://cdn.e-adam.net/manastore/Rectangle%201.webp" type="image/webp" imagesrcset="https://cdn.e-adam.net/manastore/Rectangle%201.webp 1x" fetchpriority="high">


<link rel="preload" as="image" href="https://cdn.e-adam.net/manastore/Rectangle-2.webp" type="image/webp" imagesrcset="https://cdn.e-adam.net/manastore/Rectangle-2.webp 1x" fetchpriority="high">


<link rel="preload" as="video" href="https://player.vimeo.com/progressive_redirect/playback/1124776505/rendition/1080p/file.mp4?loc=external&amp;signature=b19d1490614225c9bf775862b0c07d39ea1b7d70d3101b8e4c1cccbf3b08b33b" type="video/mp4" crossorigin="">



<style>
/* 1) Rich text kapsayıcılarının iç/dış boşluklarını kaldır */
[class^="rich-text-section_container__"],
[class*=" rich-text-section_container__"],
[class^="rich-text-section_scroll__"],
[class*=" rich-text-section_scroll__"] {
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  max-width:100vw !important;
  width:100vw !important;
  overflow:visible !important;
}
[class^="rich-text-section_container__"] {
  padding-bottom: 2px !important;
}
/* 2) Hero: ekran kenarına kadar (full-bleed) */
[class^="rich-text-section_scroll__"] .gx-media-hero,
[class*=" rich-text-section_scroll__"] .gx-media-hero {
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
  align-items:stretch !important;
  overflow:hidden !important;
  text-decoration:none !important;
}

/* 3) Yükseklik ve medya doldurma */
.gx-media-hero .gx-left,
.gx-media-hero .gx-right {
  min-height:clamp(360px,62vh,880px);
}

.gx-media-hero video,
.gx-media-hero img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* Hover efekti (isteğe bağlı) */
.gx-media-hero:hover { cursor:pointer; opacity:0.95; transition:opacity .25s ease; }

/* 4) Mobilde alt alta */
@media (max-width:768px) {
  [class^="rich-text-section_scroll__"] .gx-media-hero,
  [class*=" rich-text-section_scroll__"] .gx-media-hero {
    margin-left:0 !important;
    margin-right:0 !important;
    width:100% !important;
    grid-template-columns:1fr !important;
  }
  .gx-media-hero .gx-left, .gx-media-hero .gx-right {
    min-height:clamp(260px,56vh,560px);
  }
}
</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">

<div class="custom-carousel-wrapper">
  <div class="owl-carousel custom-carousel">
    <div class="custom-carousel-item">
      <a class="custom-card" href="https://manastoretr.com/kanvas-canta">
        <img src="https://cdn.e-adam.net/manastore/CANVAS.webp" alt="Canvas Bag" width="720" height="960" loading="lazy" decoding="async">
      </a>
    </div>

    <div class="custom-carousel-item">
      <a class="custom-card" href="https://manastoretr.com/maya-bag">
        <img src="https://cdn.e-adam.net/manastore/MAYA-BAG.webp" alt="Maya Bag" width="720" height="960" loading="lazy" decoding="async">
      </a>
    </div>

    <div class="custom-carousel-item">
      <a class="custom-card" href="https://manastoretr.com/city-bag">
        <img src="https://cdn.e-adam.net/manastore/C%C4%B0TY.webp" alt="City Bag" width="720" height="960" loading="lazy" decoding="async">
      </a>
    </div>

    <div class="custom-carousel-item">
      <a class="custom-card" href="https://manastoretr.com/pouch-bag">
        <img src="https://cdn.e-adam.net/manastore/pouch.webp" alt="Pouch Bag" width="720" height="960" loading="lazy" decoding="async">
      </a>
    </div>

    <div class="custom-carousel-item">
      <a class="custom-card" href="https://manastoretr.com/nua-bag">
        <img src="https://cdn.e-adam.net/manastore/NUA.webp" alt="NUA Bag" width="720" height="960" loading="lazy" decoding="async">
      </a>
    </div>

    <div class="custom-carousel-item">
      <a class="custom-card" href="https://manastoretr.com/pouch-bag-vs2">
        <img src="https://cdn.e-adam.net/manastore/PUCH%20VS2.webp" alt="Pouch Bag VS2" width="720" height="960" loading="lazy" decoding="async">
      </a>
    </div>

    <div class="custom-carousel-item">
      <a class="custom-card" href="https://manastoretr.com/lara-bags">
        <img src="https://cdn.e-adam.net/manastore/lara.webp" alt="Lara Bags" width="720" height="960" loading="lazy" decoding="async">
      </a>
    </div>

    <div class="custom-carousel-item">
      <a class="custom-card" href="https://manastoretr.com/atlas-bag">
        <img src="https://cdn.e-adam.net/manastore/atlas.webp" alt="Atlas Bag" width="720" height="960" loading="lazy" decoding="async">
      </a>
    </div>
  </div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<style>
/* Full-bleed */
.custom-carousel-wrapper{
  width:100vw; max-width:100vw;
  position:relative; left:50%; margin-left:-50vw; right:auto; margin-right:0;
  padding:0; box-sizing:border-box;
}

.custom-carousel .custom-card{
  position:relative; display:block; overflow:hidden;
  aspect-ratio:3/4; background:#fff;
}
.custom-carousel .custom-card img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:50% 82%;
  -webkit-user-drag:none; user-select:none; pointer-events:none;
}

.custom-carousel .owl-stage-outer{ overflow:hidden; }
.custom-carousel .owl-stage{ cursor:grab; }
.custom-carousel .owl-stage:active{ cursor:grabbing; }

.custom-carousel .owl-dots{ margin-top:12px; }
.custom-carousel .owl-dots .owl-dot span{ width:8px; height:8px; margin:4px; background:#c9c9c9; display:block; }
.custom-carousel .owl-dots .owl-dot.active span{ background:#222; transform:scale(1.2); }

@media (max-width:767px){
  .custom-carousel .custom-card img{ object-position:50% 92%; }
}
</style>
<script>
(function($){
  var $el = $('.custom-carousel');

  // Başlatmayı, DOM çizildikten SONRA bir frame geciktir
  requestAnimationFrame(function(){
    if (!$el.hasClass('owl-loaded')) {
      $el.owlCarousel({
        items:4,
        margin:24,
        loop:false,
        nav:false,
        dots:true,
        mouseDrag:true,
        touchDrag:true,
        pullDrag:true,
        smartSpeed:350,
        autoHeight:false,
        rtl:false,
        responsive:{
          0:{items:2, margin:12},
          768:{items:2, margin:16},
          992:{items:4, margin:24}
        },
        responsiveRefreshRate:60,
        onInitialized:function(){ $el.trigger('refresh.owl.carousel'); }
      });
    }
  });

  // Görseller geldikçe/sekme görünür oldukça yeniden ölç
  $el.on('load', 'img', function(){ $el.trigger('refresh.owl.carousel'); });
  document.addEventListener('visibilitychange', function(){
    if (document.visibilityState === 'visible') $el.trigger('refresh.owl.carousel');
  });
})(jQuery);
</script>