/** Shopify CDN: Minification failed

Line 333:115 Unexpected "}"

**/
  /* --- ALONE CUSTOM MEGA MENÜ CSS --- */

    li.contains-alone-mega {
            position: static !important;
    }

      .alone-wrapper {
            position: absolute;
                top: 100%;
                    left: 0;
                        right: 0;
                            width: 100%;
                                background: #ffffff;
                                    border-top: 1px solid #e5e5e5;
                                        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
                                            padding: 40px 0;
                                                z-index: 99999;
                                                    display: none;
                                                        text-align: left;
                                                            visibility: hidden;
                                                                opacity: 0;
                                                                    transition: opacity 0.2s ease, visibility 0.2s ease;
      }

        /* Mouse'un düşmesini engelleyen görünmez alan */
          .alone-wrapper::before {
                content: "";
                    position: absolute;
                        top: -40px;
                            left: 0;
                                width: 100%;
                                    height: 40px;
                                        background: transparent;
                                            display: block;
                                                z-index: 100000;
          }

            li.contains-alone-mega:hover .alone-wrapper {
                    display: block;
                        visibility: visible;
                            opacity: 1;
            }

              /* Mobilde :hover hiç tetiklenmediği için mega menü içeriği hiç açılmıyordu.
                   Mobilde bu bloğu, üst menü öğesinin doğal akışında her zaman açık/statik göster. */
                     @media screen and (max-width: 749px) {
                            .alone-wrapper {
                                      display: block !important;
                                            visibility: visible !important;
                                                  opacity: 1 !important;
                                                        position: static !important;
                                                              box-shadow: none;
                                                                    border-top: none;
                                                                          padding: 10px 0 20px;
                            }
                                .alone-wrapper::before {
                                          display: none !important;
                                }
                                    .alone-inner {
                                              flex-direction: column;
                                                    gap: 20px;
                                                          padding: 0 20px;
                                    }
                     }

                       .alone-inner {
                            max-width: 1400px;
                                margin: 0 auto;
                                    padding: 0 40px;
                                        display: flex;
                                            justify-content: flex-start;
                                                gap: 40px;
                       }

                         /* --- SÜTUNLAR --- */
                           .alone-col {
                                flex: 1;
                                    min-width: 0;
                           }

                             .alone-col:not(:last-child) {
                                    border-right: none;
                                        padding-right: 20px;
                             }

                               .alone-col-title {
                                    font-size: 12px;
                                        font-weight: 700;
                                            text-transform: uppercase;
                                                letter-spacing: 1.5px;
                                                    color: #999;
                                                        margin-bottom: 12px;
                                                            display: block;
                                                                border-bottom: 1px solid #eee;
                                                                    padding-bottom: 10px;
                               }

                                 /* --- GRUPLANDIRILMIŞ LİSTE STİLİ --- */
                                   .alone-subgroup {
                                        margin-bottom: 15px;
                                            display: block !important;
                                   }

                                     .alone-subgroup-title {
                                            font-size: 15px;
                                                font-weight: 600;
                                                    color: #222;
                                                        margin-bottom: 12px;
                                                            display: block;
                                     }

                                       .alone-subgroup-list {
                                            list-style: none !important;
                                                padding: 0 0 0 15px !important;
                                                    margin: 0 !important;
                                                        border-left: 2px solid #eee;
                                                            display: block !important;
                                                                opacity: 1 !important;
                                                                    visibility: visible !important;
                                       }

                                         .alone-subgroup-item {
                                                margin-bottom: 4px !important;
                                                    display: block !important;
                                                        opacity: 1 !important;
                                                            visibility: visible !important;
                                         }

                                           .alone-subgroup-link {
                                                text-decoration: none;
                                                    font-size: 14px;
                                                        color: #555;
                                                            transition: color 0.2s;
                                                                display: block !important;
                                                                    opacity: 1 !important;
                                                                        visibility: visible !important;
                                                                            border: none !important;
                                           }

                                             /* DÜZELTME 1: Kalın border kaldırıldı, sadece underline eklendi */
                                               .alone-subgroup-link:hover {
                                                    color: #000;
                                                        text-decoration: underline !important;
                                                            border: none !important;
                                                                box-shadow: none !important;
                                                                    background: none !important;
                                               }

                                                 /* --- STANDART LİSTELER --- */
                                                   ul.alone-list {
                                                        list-style: none !important;
                                                            padding: 0 !important;
                                                                margin: 0 !important;
                                                                    display: block !important;
                                                                        opacity: 1 !important;
                                                                            visibility: visible !important;
                                                   }

                                                     li.alone-item {
                                                            margin-bottom: 15px !important;
                                                                display: block !important;
                                                                    opacity: 1 !important;
                                                                        visibility: visible !important;
                                                     }

                                                       .alone-link {
                                                            text-decoration: none;
                                                                display: flex !important;
                                                                    align-items: flex-start !important;
                                                                        transition: all 0.2s;
                                                                            background: transparent !important;
                                                                                opacity: 1 !important;
                                                                                    border: none !important;
                                                       }

                                                         /* DÜZELTME 1 DEVAMI: Kalın border kaldırıldı */
                                                           .alone-link:hover {
                                                                border: none !important;
                                                                    box-shadow: none !important;
                                                           }

                                                             .alone-link:hover .alone-text-title {
                                                                    color: #000;
                                                                        text-decoration: underline !important;
                                                             }

                                                               /* DÜZELTME 2: Başlık ve Açıklamayı her zaman alt alta zorla */
                                                                 .alone-text-box {
                                                                        display: flex !important;
                                                                            flex-direction: column !important;
                                                                                justify-content: center;
                                                                                    flex: 1;
                                                                 }

                                                                   /* --- GÖRÜNÜM TİPLERİ --- */

                                                                     /* Linkler (Düz) */
                                                                       .col-type-links .alone-text-title {
                                                                            font-size: 14px;
                                                                                color: #444;
                                                                                    font-weight: 500;
                                                                       }

                                                                         /* İkonlar */
                                                                           .col-type-icons .alone-img-box {
                                                                                width: 28px;
                                                                                    margin-right: 15px;
                                                                                        flex-shrink: 0;
                                                                                            padding-top: 2px;
                                                                                                display: block !important;
                                                                           }
                                                                             .col-type-icons .alone-img-box img {
                                                                                    width: 100%;
                                                                                        height: auto;
                                                                                            object-fit: contain;
                                                                                                display: block !important;
                                                                             }

                                                                               .col-type-icons .alone-text-title {
                                                                                    font-weight: 600;
                                                                                        font-size: 15px;
                                                                                            color: #222;
                                                                                                display: block;
                                                                                                    line-height: 1.2;
                                                                                                        width: 100%;
                                                                               }
                                                                                 .col-type-icons .alone-text-desc {
                                                                                        font-size: 13px;
                                                                                            color: #888;
                                                                                                display: block;
                                                                                                    margin-top: 3px;
                                                                                                        line-height: 1.3;
                                                                                                            width: 100%;
                                                                                 }

                                                                                   /* Yuvarlak Görseller */
                                                                                     .col-type-circles .alone-img-box {
                                                                                            width: 50px;
                                                                                                height: 50px;
                                                                                                    border-radius: 50%;
                                                                                                        overflow: hidden;
                                                                                                            margin-right: 15px;
                                                                                                                background: #f5f5f5;
                                                                                                                    flex-shrink: 0;
                                                                                                                        display: block !important;
                                                                                     }
                                                                                       .col-type-circles .alone-img-box img {
                                                                                            width: 100%;
                                                                                                height: 100%;
                                                                                                    object-fit: cover;
                                                                                                        display: block !important;
                                                                                       }
                                                                                         .col-type-circles .alone-text-title {
                                                                                                font-weight: 600;
                                                                                                    font-size: 14px;
                                                                                                        color: #222;
                                                                                         }

                                                                                           /* --- [YENİ] TİP 2: GÖRSEL KART (IMAGE) MENÜ STİLLERİ --- */
                                                                                             .alone-inner.type-image {
                                                                                                    display: block !important;
                                                                                             }
                                                                                               .alone-img-grid {
                                                                                                    display: grid;
                                                                                                        grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
                                                                                                            gap: 20px;
                                                                                                                width: 100%;
                                                                                               }
                                                                                                 .alone-img-card {
                                                                                                        text-decoration: none;
                                                                                                            color: inherit;
                                                                                                                display: flex;
                                                                                                                    flex-direction: column;
                                                                                                                        height: 100%;
                                                                                                 }
                                                                                                   .alone-img-container {
                                                                                                        width: 100%;
                                                                                                            overflow: hidden;
                                                                                                                background: var(--bg-color, #f4f4f4);
                                                                                                                    margin-bottom: 12px;
                                                                                                                        aspect-ratio: var(--img-ratio);
                                                                                                                            display: flex;
                                                                                                                                align-items: center;
                                                                                                                                    justify-content: center;
                                                                                                                                        border-radius: 4px;
                                                                                                   }
                                                                                                     .alone-img-el {
                                                                                                            width: 100%;
                                                                                                                height: 100%;
                                                                                                                    object-fit: var(--obj-fit, cover);
                                                                                                                        transition: transform 0.3s ease;
                                                                                                     }
                                                                                                       .alone-img-card:hover .alone-img-el { transform: scale(1.03); }

                                                                                                         .alone-img-content {
                                                                                                                text-align: var(--txt-align, left);
                                                                                                                    width: 100%;
                                                                                                         }
                                                                                                           .alone-img-title {
                                                                                                                font-size: 14px;
                                                                                                                    font-weight: 600;
                                                                                                                        color: #111;
                                                                                                                            margin: 0 0 2px 0;
                                                                                                           }
                                                                                                             .alone-img-desc {
                                                                                                                    font-size: 12px;
                                                                                                                        color: #666;
                                                                                                                            margin: 0;
                                                                                                                                line-height: 1.3;
                                                                                                             }


                                                                                                               /* Footer */
                                                                                                                 .alone-footer {
                                                                                                                        max-width: 1400px;
                                                                                                                            margin: 20px auto 0;
                                                                                                                                padding: 15px 40px 0;
                                                                                                                                    border-top: 1px solid #eee;
                                                                                                                                        text-align: left;
                                                                                                                 }
                                                                                                                   .alone-footer-link {
                                                                                                                        font-size: 13px;
                                                                                                                            font-weight: 700;
                                                                                                                                text-transform: uppercase;
                                                                                                                                    color: #000;
                                                                                                                                        text-decoration: none;
                                                                                                                   }
                                                                                                                   }