.elementor-2868 .elementor-element.elementor-element-ddacd61{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2868 .elementor-element.elementor-element-3cc089a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2868 .elementor-element.elementor-element-88d4daa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2868 .elementor-element.elementor-element-2409ed4 .elementor-repeater-item-e74ab27 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://roidforsale.seocify.to/wp-content/uploads/2026/04/roidforsale-closed.png);background-size:cover;}.elementor-2868 .elementor-element.elementor-element-2409ed4 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-2868 .elementor-element.elementor-element-2409ed4 > .elementor-widget-container{border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2868 .elementor-element.elementor-element-2409ed4 .swiper-slide-contents{max-width:66%;}.elementor-2868 .elementor-element.elementor-element-2409ed4 .swiper-slide-inner{text-align:center;}.elementor-2868 .elementor-element.elementor-element-6222ca2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2868 .elementor-element.elementor-element-066eef3 > .elementor-widget-container{background-color:#000000;margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;border-style:groove;border-color:#000000;border-radius:5px 5px 5px 5px;}.elementor-2868 .elementor-element.elementor-element-066eef3{text-align:center;}.elementor-2868 .elementor-element.elementor-element-066eef3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2868 .elementor-element.elementor-element-bffd161.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2868 .elementor-element.elementor-element-bffd161.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-2868 .elementor-element.elementor-element-3cc089a{--width:25%;}.elementor-2868 .elementor-element.elementor-element-88d4daa{--width:50%;}.elementor-2868 .elementor-element.elementor-element-6222ca2{--width:25%;}}@media(max-width:1024px){.elementor-2868 .elementor-element.elementor-element-bffd161.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2868 .elementor-element.elementor-element-bffd161.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for text-editor, class: .elementor-element-e20684e *//* 1. All Products (Tekil Buton) Tasarımı - Güncellenmiş */
.standalone-link {
    display: flex !important; /* Metin ve oku kusursuz hizalamak için flex kullanıyoruz */
    justify-content: space-between !important; /* Metni sola, oku sağa yaslar */
    align-items: center !important; /* Dikeyde tam ortalar */
    
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    text-decoration: none !important;
    padding: 12px 18px;
    background-color: #f8f9fa;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    transition: all 0.3s ease;
    margin-bottom: 5px; /* Altındaki Shipping Zones ile arasına boşluk bırakır */
    box-sizing: border-box; /* Padding'i genişliğe dahil eder */
    width: 100%; /* Tam genişlik */
}

/* Sağdaki Yuvarlak Kutulu (Round) Sağa Bakan Ok */
.standalone-link::after {
    content: '\276F'; /* Daha dolgun, modern bir sağ ok (Heavy Chevron) */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px; /* Yuvarlak kutunun genişliği */
    height: 26px; /* Yuvarlak kutunun yüksekliği */
    background-color: #e5e5e5; /* Yuvarlak kutunun başlangıçtaki gri rengi */
    color: #555555; /* Okun kendi rengi */
    border-radius: 50%; /* Kutuyu tam yuvarlak (round) yapar. Kare isterseniz 6px yapabilirsiniz. */
    font-size: 12px; /* İçindeki okun boyutu */
    font-weight: bold;
    transition: all 0.3s ease;
}

/* Üzerine gelindiğinde (Hover) Buton ve Okun Yeşil Vurgu Alması */
.standalone-link:hover {
    border-color: #3bb54a;
    background-color: rgba(59, 181, 74, 0.05);
    color: #3bb54a;
}

/* Üzerine gelindiğinde (Hover) Yuvarlak Okun Animasyonu */
.standalone-link:hover::after {
    background-color: #3bb54a; /* Yuvarlak kutu canlı yeşile döner */
    color: #ffffff; /* İçindeki ok beyaz olur */
    transform: translateX(4px); /* Tıklanma hissi için tüm yuvarlak ok hafifçe sağa kayar */
    box-shadow: 0 2px 5px rgba(59, 181, 74, 0.3); /* Yuvarlak oka hafif bir yeşil parlama ekler */
}

/* 1. All Products (Tekil Buton) Tasarımı - Güncellenmiş */





/* --- Brands) TASARIM START --- */
/* --- ANA MENÜ (Brands) TASARIMI --- */
.brands-dropdown > summary {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    cursor: pointer;
    padding: 12px 18px;
    background-color: #f8f9fa;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    list-style: none; 
    outline: none;
    transition: all 0.3s ease;
}

.brands-dropdown > summary::-webkit-details-marker { display: none; }

/* Ana Menü Oku */
.brands-dropdown > summary::after {
    content: '\25BC'; 
    float: right;
    color: #9B9B9B;
    font-size: 30px; /* Sizin belirlediğiniz büyük ok */
    transition: transform 0.3s ease;
    margin-top: -10px;
}

/* Ana Menü Açıldığında */
.brands-dropdown[open] > summary {
    background-color: #fff;
    color: #000000;
    border: 1px solid #e5e5e5;
}
.brands-dropdown[open] > summary::after {
    transform: rotate(180deg);
    color: #000000;
}

/* Ana Açılır Kutu Çerçevesi */
.brands-dropdown .dropdown-box {
    border: 2px solid #e5e5e5; /* Açıkken siyah çerçeve bütünlüğü için */
    border-top: none;
    border-radius: 0 0 6px 6px;
    background-color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
}


/* --- 2. ALT MENÜLER (Steroids & Pharma) TASARIMI --- */
.sub-dropdown > summary {
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    cursor: pointer;
    padding: 12px 18px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #f0f0f0;
    list-style: none;
    outline: none;
    transition: all 0.3s ease;
}

/* Son alt menünün alt çizgisini kaldıralım */
.sub-dropdown:last-child > summary {
    border-bottom: 1px solid #f0f0f0;
}

.sub-dropdown > summary::-webkit-details-marker { display: none; }

/* Alt Menü Oku (Biraz daha küçük) */
.sub-dropdown > summary::after {
    content: '\25BC';
    float: right;
    color: #9B9B9B;
    font-size: 18px; 
    transition: transform 0.3s ease;
    margin-top: -2px;
}

/* Alt Menü Açıldığında */
.sub-dropdown[open] > summary {
    color: #0c0d0e !important; /* Yazı tam siyah olsun */
    background-color: #fff !important; /* Arka plan Beyaz */
}
.sub-dropdown[open] > summary::after {
    transform: rotate(180deg);
    color: #0c0d0e !important; /* OK RENGİ BEYAZ YAPILDI */
}


/* --- 3. EN ALT LİNKLER (Brand 1, Pharma A vb.) --- */
.sub-dropdown .sub-list {
    margin: 0;
    padding: 10px 18px;
    list-style-type: none;
    background-color: #fff; /* İçeriye doğru derinlik hissi verir */
    border-bottom: 1px solid #f0f0f0;
}

.sub-dropdown:last-child .sub-list {
    border-bottom: none;
    border-radius: 0 0 6px 6px;
}

.sub-dropdown .sub-list li {
    margin: 0;
    padding: 4px 0;
}

/* Linklerin Normal Hali */
.sub-dropdown .sub-list li a {
    color: #555555;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Linklerin Üzerine Gelince (Hover) - Siyah Kutu & Beyaz Yazı */
.sub-dropdown .sub-list li a:hover {
    background-color: #000000 !important; 
    color: #ffffff !important; 
    padding-left: 18px; /* O şık sağa kayma efekti */
}


/* --- Brands TASARIM END --- */





/* --- Categories TASARIM START --- */

/* Açılır Menü Ana Başlığı (Categories) */
.categories-dropdown summary {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    cursor: pointer;
    padding: 12px 18px;
    background-color: #f8f9fa;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    list-style: none; /* Varsayılan siyah oku gizler */
    outline: none;
    transition: all 0.3s ease;
}

/* Kendi özel okumuzu ekleyelim */
.categories-dropdown summary::-webkit-details-marker {
    display: none;
}
.categories-dropdown summary::after {
    content: '\25BC'; /* Aşağı ok simgesi */
    float: right;
    color: #9B9B9B;
    font-size: 30px;
    transition: transform 0.3s ease;
    margin-top: -10px;
}

/* Menü açıldığında okun yukarı dönmesi ve kutu tasarımı */
.categories-dropdown[open] summary {
    border-color: #000000;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}
.categories-dropdown[open] summary::after {
    transform: rotate(180deg);
    color: #000000;
}

/* Alt Menü Kutu Tasarımı */
.categories-dropdown .categories-list {
    margin: 0;
    padding: 10px 18px;
    list-style-type: none;
    border: 2px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 6px 6px;
    background-color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
}

.categories-dropdown .categories-list li {
    margin: 0;
    padding: 4px 0; /* Butonlar arası boşluğu dengelemek için küçültüldü */
}
.categories-dropdown .categories-list li:last-child {
    border-bottom: none;
}

/* Alt Menü Linkleri (Buton Hissi) */
.categories-dropdown .categories-list li a {
    color: #555555;
    text-decoration: none;
    display: block;
    padding: 8px 12px; /* Siyah arkaplan gelince şık durması için iç boşluk */
    border-radius: 4px; /* Siyah kutunun köşeleri yuvarlak olsun */
    transition: all 0.3s ease;
}

/* Linklerin üzerine gelince (Hover) - Siyah Arkaplan & Beyaz Yazı */
.categories-dropdown .categories-list li a:hover {
    background-color: #000000 !important; 
    color: #ffffff !important; 
    padding-left: 18px; /* Tıklanma hissi için yazıyı çok hafif sağa kaydırır */
}

/* --- Categories TASARIM END --- */





/* --- Active Substances TASARIM START --- */

/* --- ANA MENÜ (Active Substances) TASARIMI --- */
.active-substances-dropdown > summary {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    cursor: pointer;
    padding: 12px 18px;
    background-color: #f8f9fa;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    list-style: none; 
    outline: none;
    transition: all 0.3s ease;
}

.active-substances-dropdown > summary::-webkit-details-marker { display: none; }

/* Ana Menü Oku */
.active-substances-dropdown > summary::after {
    content: '\25BC'; 
    float: right;
    color: #9B9B9B;
    font-size: 30px; /* Sizin belirlediğiniz büyük ok */
    transition: transform 0.3s ease;
    margin-top: -10px;
}

/* Ana Menü Açıldığında */
.active-substances-dropdown[open] > summary {
    background-color: #fff;
    color: #000000;
    border: 1px solid #e5e5e5;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.active-substances-dropdown[open] > summary::after {
    transform: rotate(180deg);
    color: #000000;
}

/* Ana Açılır Kutu Çerçevesi */
.active-substances-dropdown .dropdown-box {
    border: 2px solid #e5e5e5; /* Açıkken çerçeve bütünlüğü için */
    border-top: none;
    border-radius: 0 0 6px 6px;
    background-color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
}

/* --- 2. ALT MENÜLER (İç Kısımlar) TASARIMI --- */
/* (Bu kısımlar yapıyı korumak için Brands ile aynı tutulmuştur) */
.active-substances-dropdown .sub-dropdown > summary {
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    cursor: pointer;
    padding: 12px 18px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #f0f0f0;
    list-style: none;
    outline: none;
    transition: all 0.3s ease;
}

/* Son alt menünün alt çizgisini kaldıralım */
.active-substances-dropdown .sub-dropdown:last-child > summary {
    border-bottom: 1px solid #f0f0f0;
}

.active-substances-dropdown .sub-dropdown > summary::-webkit-details-marker { display: none; }

/* Alt Menü Oku (Biraz daha küçük) */
.active-substances-dropdown .sub-dropdown > summary::after {
    content: '\25BC';
    float: right;
    color: #9B9B9B;
    font-size: 18px; 
    transition: transform 0.3s ease;
    margin-top: -2px;
}

/* Alt Menü Açıldığında */
.active-substances-dropdown .sub-dropdown[open] > summary {
    color: #0c0d0e !important; /* Yazı tam siyah olsun */
    background-color: #fff !important; /* Arka plan Beyaz */
}
.active-substances-dropdown .sub-dropdown[open] > summary::after {
    transform: rotate(180deg);
    color: #0c0d0e !important; /* OK RENGİ BEYAZ YAPILDI */
}

/* --- 3. EN ALT LİNKLER --- */
.active-substances-dropdown .sub-list {
    margin: 0;
    padding: 10px 18px;
    list-style-type: none;
    background-color: #fff; /* İçeriye doğru derinlik hissi verir */
    border-bottom: 1px solid #f0f0f0;
}

.active-substances-dropdown .sub-dropdown:last-child .sub-list {
    border-bottom: none;
    border-radius: 0 0 6px 6px;
}

.active-substances-dropdown .sub-list li {
    margin: 0;
    padding: 4px 0;
}

/* Linklerin Normal Hali */
.active-substances-dropdown .sub-list li a {
    color: #555555;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Linklerin Üzerine Gelince (Hover) - Siyah Kutu & Beyaz Yazı */
.active-substances-dropdown .sub-list li a:hover {
    background-color: #000000 !important; 
    color: #ffffff !important; 
    padding-left: 18px; /* O şık sağa kayma efekti */
}

/* --- Active Substances TASARIM END --- */


/* --- Shipping Zones TASARIM START --- */
/* Açılır Menü Ana Başlığı (Shipping Zones) */
.shipping-dropdown summary {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    cursor: pointer;
    padding: 12px 18px;
    background-color: #f8f9fa;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    list-style: none; /* Varsayılan siyah oku gizler */
    outline: none;
    transition: all 0.3s ease;
}

/* Kendi özel okumuzu ekleyelim */
.shipping-dropdown summary::-webkit-details-marker {
    display: none;
}
.shipping-dropdown summary::after {
    content: '\25BC'; /* Aşağı ok simgesi */
    float: right;
    color: #9B9B9B;
    font-size: 30px;
    transition: transform 0.3s ease;
    margin-top: -10px;
}

/* Menü açıldığında okun yukarı dönmesi ve kutunun yeşil vurgu alması */
.shipping-dropdown[open] summary {
    border-color: #000000;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}
.shipping-dropdown[open] summary::after {
    transform: rotate(180deg);
    color: #000000;
}

/* Alt Menü Kutu Tasarımı */
.shipping-dropdown .shipping-list {
    margin: 0;
    padding: 10px 18px;
    list-style-type: none;
    border: 2px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 6px 6px;
    background-color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
}

.shipping-dropdown .shipping-list li {
    margin: 0;
    padding: 4px 0; /* Butonlar arası boşluğu dengelemek için küçültüldü */
   
}
.shipping-dropdown .shipping-list li:last-child {
    border-bottom: none;
}

/* Alt Menü Linkleri (Buton Hissi) */
.shipping-dropdown .shipping-list li a {
    color: #555555;
    text-decoration: none;
    display: block;
    padding: 8px 12px; /* Siyah arkaplan gelince şık durması için iç boşluk */
    border-radius: 4px; /* Siyah kutunun köşeleri yuvarlak olsun */
    transition: all 0.3s ease;
}

/* Linklerin üzerine gelince (Hover) - Siyah Arkaplan & Beyaz Yazı */
.shipping-dropdown .shipping-list li a:hover {
    background-color: #000000 !important; 
    color: #ffffff !important; 
    padding-left: 18px; /* Tıklanma hissi için yazıyı çok hafif sağa kaydırır */
}

/* --- Shipping Zones TASARIM END --- */






.shipping-dropdown, .brands-dropdown, .categories-dropdown, .active-substances-dropdown {
    margin-bottom: 5px !important; 
    display: block;
}/* End custom CSS */