/* Urun detay sayfasinin Kartify kabuk stilleri.
Paket 276 ile Themes/urunler/detail.tpl icindeki
id="ofisomi-kartify-product-shell" gomulu stil blogundan AYNEN tasindi;
tek karakter degistirilmedi. Basamak sirasinin korunmasi icin
etiketi blogun tam bulundugu yere konuldu. */
#product_detail_main_wrapper.ofisomi-kartify-product {
--kartify-page-bg: #f4f5f9;
--kartify-card-bg: #ffffff;
--kartify-media-bg: #f7f7fa;
--kartify-border: #eceef3;
--kartify-text: #24262b;
--kartify-page-gutter: calc(15px + 145 * (100vw - 320px) / 1600);
box-sizing: border-box;
width: 100%;
max-width: none;
margin-right: 0;
margin-left: 0;
padding: 18px var(--kartify-page-gutter) 36px;
background: var(--kartify-page-bg) !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper {
margin: 0;
padding-bottom: 28px !important;
align-items: flex-start;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="breadcrumb"] {
margin: 0 0 18px;
padding: 14px 18px !important;
background: var(--kartify-card-bg);
border: 1px solid var(--kartify-border);
border-radius: 8px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .breadcrumbBox,
#product_detail_main_wrapper.ofisomi-kartify-product .customBreadcrumb {
min-height: 24px;
display: flex;
align-items: center;
}
#product_detail_main_wrapper.ofisomi-kartify-product .customBreadcrumb a {
color: #747887;
font-size: 13px;
line-height: 1.35;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail_left"],
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail"] {
min-width: 0;
background: var(--kartify-card-bg);
border-top: 1px solid var(--kartify-border);
border-bottom: 1px solid var(--kartify-border);
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail_left"] {
padding: 14px 8px 14px 14px;
border-left: 1px solid var(--kartify-border);
border-radius: 8px 0 0 8px;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail"] {
padding: 14px 14px 14px 8px;
border-right: 1px solid var(--kartify-border);
border-radius: 0 8px 8px 0;
}
#product_detail_main_wrapper.ofisomi-kartify-product .productDetailsLeft,
#product_detail_main_wrapper.ofisomi-kartify-product .productDetails {
margin: 0;
}
/* Bu deger daha once satir ici stilde vardi ve stylesheet'teki kurali
eziyordu (satir ici !important, yazar !important'ini yener). Satir ici
kaldirildi; masaustu gorunumu ayni kalsin diye ayni deger buraya alindi. */
#product_detail_main_wrapper.ofisomi-kartify-product .productDetails {
padding: 10px 20px !important;
align-items: flex-start;
align-content: flex-start;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_media"] {
padding: 0;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_media"] .productPhotos,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_media"] .product-left2,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_media"] .product-slider {
background: var(--kartify-media-bg);
border-color: var(--kartify-border) !important;
border-radius: 7px;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_media"] .product_IMG {
width: 100% !important;
max-height: 560px !important;
object-fit: contain;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_media"] .product-thumb,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_media"] .swiper-slide-thumb-active {
border-radius: 6px;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_name"] {
color: var(--kartify-text);
font-size: clamp(22px, 1.7vw, 30px) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
margin: 0 0 8px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_information_tab"] {
margin-top: 18px;
margin-bottom: 24px !important;
padding: 0;
overflow: hidden;
background: var(--kartify-card-bg);
border: 1px solid var(--kartify-border);
border-radius: 8px;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_information_tab"] .nav-tabs {
gap: 4px;
padding: 4px 14px 0;
border-bottom: 1px solid var(--kartify-border);
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_information_tab"] .nav-link {
min-height: 48px;
padding: 12px 14px;
color: #555b68;
font-weight: 600;
border: 0;
border-bottom: 2px solid transparent;
background: transparent;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_information_tab"] .nav-link.active {
color: #20242c;
border-bottom-color: #ff9800;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_information_tab"] .tab-content {
padding: 16px 18px;
border: 0 !important;
background: var(--kartify-card-bg);
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information {
flex: 0 0 100%;
width: 100%;
min-width: 0;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > * {
min-width: 0;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .cmp {
box-sizing: border-box;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card {
flex: 0 0 100%;
width: 100%;
min-width: 0;
align-self: start;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 16px;
background: #fff;
border: 1px solid var(--kartify-border);
border-radius: 8px;
box-shadow: 0 8px 24px rgba(25, 31, 46, .06);
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-column {
width: 100%;
min-width: 0;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-sticky {
width: 100%;
min-width: 0;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-banner {
width: 100%;
margin-top: 24px;
overflow: hidden;
background: #fff;
border-radius: 8px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-banner > [data-cmp-type="banner"] {
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-banner img {
display: block;
width: 100% !important;
height: auto;
border-radius: 8px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card-title {
width: 100%;
margin: 0;
padding-bottom: 12px;
color: var(--kartify-text);
font-size: 18px;
font-weight: 700;
line-height: 1.2;
border-bottom: 1px solid var(--kartify-border);
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-product {
width: 100%;
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 10px;
align-items: center;
padding-bottom: 10px;
border-bottom: 1px solid var(--kartify-border);
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-product img {
width: 58px;
height: 58px;
padding: 4px;
object-fit: contain;
background: var(--kartify-media-bg);
border-radius: 6px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-product small,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-total span {
display: block;
margin-bottom: 3px;
color: #8b8f9b;
font-size: 11px;
line-height: 1.3;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-product strong {
display: -webkit-box;
overflow: hidden;
color: #30343c;
font-size: 13px;
line-height: 1.35;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-total {
width: 100%;
display: flex;
align-items: end;
justify-content: space-between;
gap: 12px;
padding: 4px 0 6px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-total strong {
color: #24262b;
font-size: 20px;
line-height: 1.1;
text-align: right;
white-space: nowrap;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card > [data-cmp-type="product_cargo_info"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card > [data-cmp-type="product_qty_box"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card > [data-cmp-type="product_cart_box"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card > [data-cmp-type="product_cart_buynow_btn"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card > [data-cmp-type="product_cart_request_btn"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card > [data-cmp-type="product_cart_request_now_btn"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card > [data-cmp-type="product_share_box"] {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .productCount,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-button-container,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .addSptBt,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .site-bt {
width: 100% !important;
max-width: 100% !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .productCount {
height: 42px !important;
margin: 0 !important;
border: 1px solid var(--kartify-border);
border-radius: 6px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .productCount input,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .productCount button {
height: 40px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .addSptBt,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .site-bt {
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-share-box {
margin: 2px 0 0 !important;
padding-top: 10px;
border-top: 1px solid var(--kartify-border);
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_similar_box"],
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_similar_box_multi"],
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_last_seen_box"],
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_compatible_box"] {
flex: 0 0 100%;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Kartify Related Products: Son Incelenenler her zaman yatay karusel olur. */
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_last_seen_box"],
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_compatible_box"] {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 0 24px !important;
background: transparent !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] #home_product_zone,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .carousel-wrap,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] #home_product_zone,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .carousel-wrap {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-home-product-container,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-home-product-container {
padding: 0 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-home-product-card,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-home-product-card {
padding: 0 !important;
background: transparent !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .productTitle,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .productTitle {
justify-content: flex-start !important;
margin: 0 0 16px !important;
padding: 0 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .home-product-title,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .home-product-title {
margin: 0 !important;
color: #20242c !important;
font-size: clamp(20px, 1.35vw, 26px) !important;
font-weight: 700 !important;
line-height: 1.3;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-swiper,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-swiper {
position: relative;
padding-bottom: 0 !important;
overflow: hidden;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-swiper > .swiper-wrapper,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-swiper > .swiper-wrapper {
align-items: stretch;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-swiper > .swiper-wrapper > .swiper-slide,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-swiper > .swiper-wrapper > .swiper-slide {
height: auto;
padding-bottom: 52px;
display: flex;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category {
position: relative;
z-index: 0;
display: flex;
width: 100%;
min-width: 0;
height: auto !important;
flex: 1 1 auto;
flex-direction: column;
padding: clamp(8px, .52vw, 10px) !important;
overflow: visible;
background: #fff;
border: 0 !important;
border-radius: 6px;
box-shadow: none;
transition: background-color .5s ease, box-shadow .5s ease;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:hover,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:hover {
z-index: 3;
background: #fff;
box-shadow: var(--shadow-2, 0 8px 24px rgba(22, 30, 52, .12));
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-image,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-image {
position: relative;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 12px;
aspect-ratio: 103 / 100;
background: #f5f6f8 !important;
overflow: hidden;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-image > a,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-image > a {
position: relative;
display: block;
width: 100%;
height: 100%;
mix-blend-mode: darken;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-image a img,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-image a img {
width: 100% !important;
height: 100% !important;
padding: 0;
mix-blend-mode: multiply;
object-fit: contain !important;
transition: transform 1.25s cubic-bezier(0, 0, .44, 1.18);
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:hover .product-image a img,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:hover .product-image a img {
transform: scale(1.05);
}
/* Eski absolute Ofisomi ikon seridi yerine Kartify kategori kartinin
buton + favori + karsilastir satiri kullanilir. */
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .hover-box,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .hover-box {
display: none !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-quick-view,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-quick-view {
position: absolute;
z-index: 5;
top: 50%;
left: 50%;
width: calc(100% - 34px);
min-height: 42px;
padding: 8px 14px;
display: flex;
align-items: center;
justify-content: center;
color: #2949b8;
background: rgba(255, 255, 255, .88);
border-radius: 6px;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
text-align: center;
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -42%);
backdrop-filter: blur(2px);
transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:hover .kartify-related-quick-view,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:hover .kartify-related-quick-view {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .category-content,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .category-content {
width: 100% !important;
height: auto !important;
min-height: 104px;
flex: 1 1 auto;
margin: 0 !important;
padding: clamp(8px, .73vw, 14px) 0 0 !important;
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
color: #20242c;
background: #fff;
text-align: left !important;
text-decoration: none !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .category-content .rate,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .category-content .rate {
order: -4;
width: 100% !important;
margin: 0 0 clamp(0px, .1vw, 2px) !important;
color: #8a909e !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
text-align: left !important;
text-transform: none;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .category-content .name,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .category-content .name {
order: -3;
width: 100% !important;
min-height: 19px;
max-height: 20px;
margin: 6px 0 4px !important;
display: -webkit-box !important;
overflow: hidden;
color: #20242c !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
text-align: left !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-product-review-summary,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-product-review-summary {
order: -2;
min-height: 15px;
margin: 0 0 4px !important;
display: flex !important;
align-items: center;
justify-content: flex-start;
color: #ff9800;
line-height: 1;
font-size: 12px;
text-align: left !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-product-review-summary .kartify-review-count,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-product-review-summary .kartify-review-count {
display: none !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .category-content .offer,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .category-content .offer {
order: -1;
width: 100% !important;
margin: 9px 0 0 !important;
color: #20242c !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
text-align: left !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .category-content .offer del,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .category-content .offer del {
margin-left: 5px;
color: #858b98 !important;
font-size: 12px !important;
font-weight: 400 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-actions {
position: absolute;
z-index: 4;
bottom: -30px;
left: 0;
width: 100%;
min-height: 46px;
margin: 0;
padding: 6px 12px 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
background: #fff;
border-radius: 0 0 6px 6px;
box-shadow: none;
opacity: 0;
visibility: hidden;
transition: bottom .5s ease, opacity .5s ease, visibility .5s ease, box-shadow .5s ease;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:hover .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:focus-within .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:hover .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:focus-within .kartify-related-actions {
bottom: -45px;
box-shadow: 0 4px 10px rgba(82, 77, 141, .10), 0 8px 20px rgba(82, 77, 141, .06), 0 12px 30px rgba(82, 77, 141, .04);
opacity: 1;
visibility: visible;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-cart,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-cart {
min-width: 0;
min-height: 34px;
flex: 1 1 auto;
margin: 0;
padding: 8px 10px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff !important;
background: #2949b8 !important;
border: 0 !important;
border-radius: 4px;
font-family: inherit;
font-size: 13px;
font-weight: 600;
line-height: 1.1;
text-align: center;
text-decoration: none !important;
cursor: pointer;
transition: background-color .2s ease, border-color .2s ease;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-cart:hover,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-cart:focus-visible,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-cart:hover,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-cart:focus-visible {
background: #203b99 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-cart.is-disabled,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-cart.is-disabled {
background: #aeb4c1 !important;
cursor: not-allowed;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-icon,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-icon {
width: auto;
height: 34px;
flex: 0 0 auto;
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
color: #6b7280 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0;
font-size: 19px;
line-height: 1;
text-decoration: none !important;
cursor: pointer;
transition: color .2s ease, background-color .2s ease;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-icon:hover,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-icon:focus-visible,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-icon:hover,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-icon:focus-visible {
color: #2949b8 !important;
background: #f3f5fb !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-icon.favorite-selected,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-icon.favorite-selected {
color: #e84545 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-swiper > .swiper-pagination,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-swiper > .swiper-pagination {
position: static !important;
inset: auto !important;
width: 100% !important;
min-height: 24px;
margin: 12px auto 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
transform: none !important;
line-height: 1;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-swiper > .swiper-pagination > .swiper-pagination-bullet,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-swiper > .swiper-pagination > .swiper-pagination-bullet {
width: 7px;
height: 7px;
margin: 0 4px;
background: #dfe2e8;
border-radius: 999px;
opacity: 1;
transition: width .2s ease, background-color .2s ease;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-swiper > .swiper-pagination > .swiper-pagination-bullet-active,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-swiper > .swiper-pagination > .swiper-pagination-bullet-active {
width: 24px;
background: #ff9800;
}
/* Kategori listelemedeki dokunmatik davranis: aksiyonlar tablette kartin
icinde sabit gorunur, dar telefonda ise iki sutunu korumak icin gizlenir. */
@media (max-width: 767.98px) {
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-swiper > .swiper-wrapper > .swiper-slide,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-swiper > .swiper-wrapper > .swiper-slide {
padding-bottom: 0;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:hover,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:hover {
z-index: 0;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:hover .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:focus-within .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:hover .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:focus-within .kartify-related-actions {
position: relative;
inset: auto;
margin-top: 9px;
padding: 0;
background: transparent;
box-shadow: none;
opacity: 1;
visibility: visible;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-swiper > .swiper-pagination,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-swiper > .swiper-pagination {
margin-top: 18px !important;
}
}
@media (max-width: 575.98px) {
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-image,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-image {
padding: 8px;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .category-content,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .category-content {
min-height: 88px;
padding-top: 8px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .category-content .rate,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .category-content .rate {
margin-bottom: 0 !important;
font-size: 11px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .category-content .name,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .category-content .name {
min-height: 17px;
max-height: 18px;
margin: 5px 0 3px !important;
font-size: 12.5px !important;
line-height: 1.3 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .category-content .offer,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .category-content .offer {
margin-top: 7px !important;
font-size: 14px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-cart,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-cart {
min-height: 34px;
font-size: 12px;
}
}
@media (max-width: 460px) {
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:hover .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_last_seen_box"] .product-category:focus-within .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:hover .kartify-related-actions,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_compatible_box"] .product-category:focus-within .kartify-related-actions {
display: none !important;
}
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > [data-cmp-type="product_title_zone"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > [data-cmp-type="product_line"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > [data-cmp-type="product_stock_alert"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > [data-cmp-type="product_detail_information"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > [data-cmp-type="product_mpn"] {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > [data-cmp-type="product_line"] {
justify-content: flex-start;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
/* Eski Ofisomi detail: urun kimligi ve DP koduna bagli kargo sistemi. */
#product_detail_main_wrapper.ofisomi-kartify-product .prd-info-flex {
width: 100%;
margin: 12px 0;
padding: 12px 16px;
display: flex;
align-items: center;
gap: 14px 34px;
flex-wrap: wrap;
color: #20242c;
background: #fff;
border: 1px solid #e3e5ea;
border-radius: 10px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .prd-info-item {
min-width: 0;
display: inline-flex;
align-items: baseline;
gap: 7px;
font-size: 14px;
line-height: 1.4;
}
#product_detail_main_wrapper.ofisomi-kartify-product .prd-info-label {
color: #171a20;
font-weight: 700;
white-space: nowrap;
}
#product_detail_main_wrapper.ofisomi-kartify-product .prd-info-value,
#product_detail_main_wrapper.ofisomi-kartify-product .prd-info-value a {
color: #292d35;
font-weight: 500;
overflow-wrap: anywhere;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-card {
width: 100%;
margin: 10px 0 14px;
padding: 14px 16px;
background: #fff;
border: 1px solid #e3e5ea;
border-radius: 12px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-top {
min-width: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-logos {
min-width: 0;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-logo {
width: 92px;
height: 42px;
padding: 6px 9px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #e2e4e8;
border-radius: 9px;
transition: opacity .2s ease, filter .2s ease;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-logo img {
display: block;
width: 100%;
max-width: 76px;
height: 28px;
object-fit: contain;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-logo.is-on {
opacity: 1;
filter: none;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-logo.is-off {
opacity: .24;
filter: grayscale(1);
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-info {
position: relative;
flex: 0 0 auto;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-info-icon {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
background: #111;
border-radius: 50%;
font-size: 17px;
font-weight: 700;
font-family: Arial, sans-serif;
cursor: help;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-tooltip {
position: absolute;
z-index: 20;
right: 0;
bottom: calc(100% + 10px);
width: min(320px, 70vw);
padding: 10px 12px;
color: #fff;
background: #17191e;
border-radius: 7px;
font-size: 12px;
line-height: 1.45;
opacity: 0;
visibility: hidden;
transform: translateY(4px);
transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
pointer-events: none;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-info:hover .ofm-cargo-tooltip,
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-info:focus-within .ofm-cargo-tooltip {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-mobile-note {
display: none;
margin-top: 10px;
color: #606572;
font-size: 12px;
line-height: 1.45;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-date-box {
margin-top: 12px;
padding-top: 11px;
color: #252932;
border-top: 1px solid #eceef2;
font-size: 13px;
line-height: 1.45;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-date-box > * {
margin: 0 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_detail_information"] .trow-product-detail-brand,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_detail_information"] .trow-product-detail-stock-code,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_detail_information"] .trow-product-detail-barcode,
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_detail_information"] .trow-product-detail-product-made-in-status {
display: none !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_comments_ratings_wd"] {
margin-left: auto;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_comments_ratings_wd"] .comment-create {
display: flex;
align-items: center;
white-space: nowrap;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_comments_ratings_wd"] .comment-count {
margin-right: 8px;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_comments_ratings_wd"] .comment-link {
padding-left: 8px;
border-left: 1px solid #dfe2e8;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyPdGiftTitle {
min-height: 0 !important;
margin: 8px 0 5px !important;
padding: 5px 8px !important;
display: flex;
align-items: flex-start;
justify-content: center;
color: #343842;
font-size: 12px !important;
font-weight: 600;
line-height: 1.35;
text-align: center;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyPdGiftTitle i {
flex: 0 0 auto;
margin-top: 2px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyPdgift-box-h {
max-height: none !important;
overflow: visible !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyPdgift-box {
min-height: 0 !important;
padding: 7px !important;
border-radius: 6px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyGiftBoxP,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyGiftBoxP > a {
min-width: 0;
align-items: center;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyPdgift-boxImgDiv {
flex: 0 0 50px;
width: 50px !important;
height: 50px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyGiftImageDetail {
width: 50px !important;
height: 50px !important;
object-fit: contain;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyGiftListMl2 {
min-width: 0;
margin-left: 8px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyGpTitle {
display: -webkit-box;
overflow: hidden;
font-size: 12px !important;
line-height: 1.3;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyGpOldPrice,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyGpNewPrice {
font-size: 11px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information > .w-100 .nyGiftBoxAddBt {
flex: 0 0 36px;
width: 36px !important;
height: 36px !important;
min-width: 36px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
border-radius: 6px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card #cargo_zone {
padding: 8px !important;
font-size: 12px;
line-height: 1.45;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card #cargo_zone i {
margin-right: 6px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card [data-cmp-type="product_cart_box"] {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 42px;
gap: 8px !important;
align-items: stretch;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-cart-add {
width: 100% !important;
min-width: 0;
margin: 0 !important;
font-size: 14px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-cart-heart {
width: 42px !important;
min-width: 42px;
height: 44px !important;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
color: #e11d48 !important;
background-color: #fff1f2 !important;
border: 1px solid #ef4444 !important;
border-radius: 6px;
transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-cart-heart:hover,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-cart-heart:focus-visible {
color: #fff !important;
background-color: #e11d48 !important;
border-color: #e11d48 !important;
outline: none;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-cart-heart.favorite-selected {
color: #15803d !important;
background-color: #dcfce7 !important;
border-color: #86efac !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-cart-heart.favorite-selected:hover,
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-cart-heart.favorite-selected:focus-visible {
color: #166534 !important;
background-color: #bbf7d0 !important;
border-color: #4ade80 !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card [data-cmp-type="product_cart_request_btn"],
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card [data-cmp-type="product_cart_request_now_btn"] {
font-size: 14px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-share-box {
font-size: 12px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .product-share-box .share-area {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 8px 14px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .kartify-favorite-stat {
position: static !important;
flex: 0 1 auto !important;
width: auto !important;
max-width: 100% !important;
min-height: 24px;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center;
gap: 5px;
color: #e11d48 !important;
background: transparent !important;
border: 0 !important;
font-size: 12px;
font-weight: 500;
line-height: 1.35;
text-transform: none !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card .kartify-favorite-stat i {
flex: 0 0 auto;
color: #e11d48 !important;
font-size: 13px;
}
/* Kartify product-image-swatch.html: ana galeri ve thumbnail yapisi. */
#product_detail_main_wrapper.product-section .product-left-box {
position: sticky;
top: 86px;
}
#product_detail_main_wrapper.product-section .product-left-box [data-cmp-type="product_media"],
#product_detail_main_wrapper.product-section .product-left-box .product-left2 {
width: 100%;
min-width: 0;
}
#product_detail_main_wrapper.product-section .product-left-box .product-original-box,
#product_detail_main_wrapper.product-section .product-left-box .product-slider {
width: 100%;
overflow: hidden;
border-radius: 6px;
}
#product_detail_main_wrapper.product-section .product-left-box [data-cmp-type="product_media"] .productPhotos {
display: flex;
align-items: center;
justify-content: center;
padding: calc(18px + 2 * (100vw - 320px) / 1600);
height: calc(287px + 333 * (100vw - 320px) / 1600);
background-color: #f5f6f8;
background-color: rgba(var(--light-gray, 245, 246, 248), 1);
border: 0 !important;
border-radius: 6px;
isolation: isolate;
}
#product_detail_main_wrapper.product-section .product-left-box [data-cmp-type="product_media"] .productPhotos > a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
mix-blend-mode: darken;
}
#product_detail_main_wrapper.product-section .product-left-box [data-cmp-type="product_media"] .productPhotos .product_IMG {
width: 100% !important;
height: 100% !important;
max-height: 100% !important;
mix-blend-mode: multiply;
object-fit: contain;
}
#product_detail_main_wrapper.product-section .product-left-box .product-thumbs {
width: 100%;
margin-top: 24px;
overflow: hidden;
}
#product_detail_main_wrapper.product-section .product-left-box .product-thumbs .swiper-wrapper {
align-items: stretch;
}
#product_detail_main_wrapper.product-section .product-left-box .product-thumbs .swiper-slide {
height: calc(88px + 52 * (100vw - 320px) / 1600);
padding: 9px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: #f5f6f8;
background-color: rgba(var(--light-gray, 245, 246, 248), 1);
border: 0 !important;
border-radius: 6px;
isolation: isolate;
opacity: .5;
cursor: pointer;
transition: opacity .3s ease-in-out;
}
#product_detail_main_wrapper.product-section .product-left-box .product-thumbs .swiper-slide-thumb-active,
#product_detail_main_wrapper.product-section .product-left-box .product-thumbs .step--active {
opacity: 1;
}
#product_detail_main_wrapper.product-section .product-left-box .product-thumbs .swiper-slide img {
display: block;
width: 100%;
height: 100%;
mix-blend-mode: multiply;
object-fit: contain;
}
#product_detail_main_wrapper.product-section .product-left-box .product-slider > .swiper-button-next,
#product_detail_main_wrapper.product-section .product-left-box .product-slider > .swiper-button-prev,
#product_detail_main_wrapper.product-section .product-left-box .product-thumbs > .swiper-button-next-new,
#product_detail_main_wrapper.product-section .product-left-box .product-thumbs > .swiper-button-prev-new {
display: none !important;
}
#product_detail_main_wrapper.product-section .right-box-contain {
position: relative;
left: 0;
background-color: #fff;
}
#product_detail_main_wrapper.product-section .right-box-contain .name {
margin-bottom: 7px !important;
color: #20242c;
font-size: clamp(22px, 1.875vw, 36px) !important;
font-weight: 700 !important;
line-height: 1.14 !important;
}
#product_detail_main_wrapper.product-section .right-box-contain .price-rating {
padding-bottom: clamp(9px, .85vw, 16px);
border-bottom: 1px solid rgba(102, 108, 122, .1);
}
#product_detail_main_wrapper.product-section .right-box-contain [data-cmp-type="product_comments_ratings_wd"] {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: clamp(6px, .5vw, 10px);
}
#product_detail_main_wrapper.product-section .right-box-contain [data-cmp-type="product_detail_information"] {
margin-top: clamp(14px, 1.05vw, 20px);
padding-top: clamp(10px, .85vw, 16px);
border-top: 1px solid rgba(102, 108, 122, .1);
}
#product_detail_main_wrapper.product-section .right-box-contain [data-cmp-type="product_detail_information"] table {
margin: 0 !important;
}
#product_detail_main_wrapper.product-section .right-box-contain #cargo_zone {
margin-top: clamp(10px, .85vw, 16px);
padding: clamp(10px, .85vw, 16px) 0 0 !important;
color: #555b68;
border: 0 !important;
border-top: 1px solid rgba(102, 108, 122, .1) !important;
border-radius: 0 !important;
font-size: clamp(14px, .84vw, 16px);
}
/* Kamyon simgesi ile yazi bitisikti. Platformun isaretlemesi
"9 saat ..." seklinde, arada
bosluk YOK; simgenin margin degeri de 0'di (canlida olculdu).
Ayni dosyada .kartify-order-card duzenindeki #cargo_zone icin
zaten "margin-right: 6px" var (yukarida); eksik olan yalnizca
bu (.right-box-contain) baglamiydi.
MEDYA SORGUSU GEREKMIYOR: #cargo_zone'un DOM zinciri
(.ofm-cargo-date-box > .ofm-cargo-card > .right-box-contain)
sunucudan geliyor, ekran genisligine gore degismiyor - 320, 375,
768, 992 ve 1440 px'te ayni zincir olculdu. */
#product_detail_main_wrapper.product-section .right-box-contain #cargo_zone i {
margin-right: 8px;
}
/* Kartify product-image-swatch: orta urun bilgi blogu. */
#product_detail_main_wrapper.product-section .kartify-product-information {
padding-left: clamp(18px, 1.45vw, 28px);
border-left: 1px dotted #dfe2e8;
}
#product_detail_main_wrapper.product-section .kartify-product-information > * {
order: 50;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .kartify-product-count {
order: 1;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .kartify-store-link {
order: 2;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_title_zone"] {
order: 4;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_line"] {
order: 7;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_cart_in_sale"] {
order: 8;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_stock_alert"] {
order: 9;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .w-100 {
order: 10;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_variant_box"] {
order: 5;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_other_box"] {
order: 11;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .sc-banner {
order: 12;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .bs-banner {
order: 13;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_detail_information"] {
order: 14;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .kartify-checkout-share {
order: 15;
}
#product_detail_main_wrapper.product-section .kartify-product-count {
width: 100%;
margin: 0 !important;
}
#product_detail_main_wrapper.product-section .kartify-live-stats {
width: 100%;
margin: 0 0 clamp(12px, .84vw, 16px) !important;
padding: 0 !important;
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 8px 24px;
}
#product_detail_main_wrapper.product-section .kartify-live-stat {
display: flex !important;
align-items: center;
gap: 9px;
color: #20242c !important;
font-size: clamp(12px, .73vw, 14px) !important;
font-weight: 500 !important;
line-height: 1.35 !important;
white-space: normal;
}
#product_detail_main_wrapper.product-section .kartify-live-stat svg {
flex: 0 0 auto;
width: clamp(19px, 1.2vw, 23px);
height: clamp(19px, 1.2vw, 23px);
color: #ff9800 !important;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
#product_detail_main_wrapper.product-section .kartify-live-stat strong {
color: #20242c !important;
font-weight: 700 !important;
}
#product_detail_main_wrapper.product-section .kartify-store-link {
width: 100%;
margin-bottom: clamp(8px, .62vw, 12px);
}
#product_detail_main_wrapper.product-section .kartify-store-link a {
display: inline-block;
color: #ff4d4f;
font-size: clamp(14px, .84vw, 16px);
font-weight: 500;
line-height: 1.4;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_title_zone"] {
width: 100%;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_title_zone"] .product-brand {
flex: 0 0 auto;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_line"] {
width: 100%;
margin-top: clamp(8px, .62vw, 12px);
padding-bottom: clamp(12px, .84vw, 16px);
flex-wrap: wrap;
gap: 10px 16px;
justify-content: space-between;
border-bottom: 1px solid rgba(102, 108, 122, .1);
}
#product_detail_main_wrapper.product-section .kartify-product-information .productPrices {
margin-top: 0 !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information .product-price-sale {
color: #20242c;
font-size: clamp(20px, 1.15vw, 22px);
font-weight: 600;
line-height: 1.2;
}
/* Ust fiyat alani gizlendi; tum fiyat bilgisi artik siparis kutusunda.
Panelden "Urun Fiyati" bileseni kapatilarak da ayni sonuc alinir. */
#product_detail_main_wrapper.product-section .kartify-product-information [data-cmp-type="product_price"] {
display: none !important;
}
/* --- Siparis kutusu fiyat paneli --- */
#product_detail_main_wrapper.product-section .kartify-total-price-box {
width: 100%;
margin: 12px 0 0;
padding: 14px 16px;
background: #fff;
border: 1px solid #e6e8ee;
border-radius: 8px;
}
#product_detail_main_wrapper.product-section .kartify-tp-label {
margin: 0 0 6px;
color: #7a8090;
font-size: 12px;
font-weight: 600;
letter-spacing: .02em;
text-transform: uppercase;
}
#product_detail_main_wrapper.product-section .kartify-tp-main {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 7px;
line-height: 1.15;
}
#product_detail_main_wrapper.product-section .kartify-tp-old {
color: #9aa0ad;
font-size: clamp(14px, .84vw, 16px);
font-weight: 500;
text-decoration: line-through;
text-decoration-thickness: 1px;
}
/* Rozet, buyuk fiyatin yaninda ve onunla dikey ortali dursun.
align-items:baseline oldugu icin rozete ayrica align-self veriliyor. */
#product_detail_main_wrapper.product-section .kartify-tp-badge {
align-self: center;
margin-left: -1px;
padding: 2px 7px;
color: #fff;
background: #ff9800;
border-radius: 4px;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
white-space: nowrap;
}
#product_detail_main_wrapper.product-section .kartify-tp-new {
color: #20242c;
font-size: clamp(22px, 1.35vw, 27px);
font-weight: 700;
letter-spacing: -.02em;
}
#product_detail_main_wrapper.product-section .kartify-tp-note {
margin: 5px 0 0;
color: #666c7a;
font-size: 12px;
font-weight: 500;
}
#product_detail_main_wrapper.product-section .kartify-tp-transfer {
margin: 11px 0 0;
padding: 11px 0 0;
border-top: 1px dashed #e0e3ea;
}
/* Ham deger yalnizca varyant JS'inin yazmasi icin duruyor, gorunmez. */
#product_detail_main_wrapper.product-section .kartify-tp-ham {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
/* Tek punto, tek renk. Sadece rakamlar kalin. */
#product_detail_main_wrapper.product-section .kartify-tp-transfer-line {
margin: 0;
color: #27813a;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
}
#product_detail_main_wrapper.product-section .kartify-tp-transfer-line strong {
color: inherit;
font-size: inherit;
font-weight: 700;
}
/* --- Puan / yorum satiri: yildizlar, yorum sayisi, ince cizgi, Yorum Yap ---
ASIL SEBEP (canlida olculdu): bu kapsayicinin flex yonu "column" idi.
Bu yuzden iki oge alt alta diziliyor, align-items:center de onlari YATAYDA
ortaliyordu. Dogrulama: 613 + (272-79)/2 = 709,5 -> olculen yildiz solu 710.
Cozum: yon "row" olarak zorlanir. Yorum metinleri 13px, yildizlar ise
okunaklilik icin metinden bir miktar buyuk tutulur. */
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] {
order: 3;
width: 100%;
margin: 2px 0 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0 6px !important;
background: transparent;
border: 0;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comments-box {
flex: 0 0 auto !important;
margin: 0 !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-star-wrapper,
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-star-wrapper i,
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-star-wrapper .fa,
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-star-wrapper svg {
font-size: 15px !important;
line-height: 1 !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-star-wrapper svg {
width: 15px !important;
height: 15px !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-create {
flex: 0 1 auto !important;
display: flex !important;
align-items: center !important;
gap: 4px !important;
color: #666c7a;
font-size: 13px !important;
line-height: 1.3 !important;
white-space: nowrap !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-count,
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-link {
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 13px !important;
line-height: 1.3 !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-count {
margin-right: 0 !important;
}
/* Temanin "|" karakteri gercek bir 1px ince cizgiye cevrilir. */
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-count::after {
content: "" !important;
width: 1px;
height: 12px;
margin-left: 4px;
display: inline-block;
background: #dfe2e8;
vertical-align: -2px;
}
/* Temada .comment-link uzerinde ayri bir border-left ayirici var; bizim
::after cizgimizle birlikte iki ayirici goruluyordu. Temaninki kaldirildi. */
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] .comment-link {
padding-left: 0 !important;
border-left: 0 !important;
cursor: pointer;
}
/* Dar masaustunde sutun daraldigi icin satir tasabilir; orada tasma yerine
sola yasli iki satira boluruz. */
@media (max-width: 1399.98px) {
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_comments_ratings_wd"] {
flex-wrap: wrap !important;
}
}
/* --- Kargo blogu: varyantlardan hemen sonra, cercevesiz --- */
#product_detail_main_wrapper.product-section .kartify-product-information > .ofm-cargo-card {
order: 6;
width: 100%;
margin: clamp(14px, 1.05vw, 20px) 0 0 !important;
padding: clamp(12px, .9vw, 16px) 0 0 !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(102, 108, 122, .1) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .ofm-cargo-card .ofm-cargo-title {
margin: 0 0 10px;
color: #20242c;
font-size: clamp(13px, .78vw, 15px);
font-weight: 600;
line-height: 1.4;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .ofm-cargo-card .ofm-cargo-top {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* --- Siparis butonlari Kartify renklerinde ---
--primary-color = 255,153,0 (canlidan okundu). Turuncu zemin uzerinde koyu
baslik rengi kullaniliyor: kontrast orani ~7,8 (WCAG AA/AAA gecer).
Beyaz yazi ayni zeminde 2,1'de kalirdi. */
/* Renkler sabit yazildi. Sebep: --primary-color sayfanin her yerinde ayni
degere cozulmuyor; yapiskan alt barin kapsaminda #fee501 (sari) oluyordu.
Sabit deger iki dugmenin de ayni turuncuda kalmasini garantiliyor. */
#product_detail_main_wrapper.product-section .product-cart-add.ekleSepet {
color: #fff !important;
background-color: #ff9900 !important;
border: 1px solid #ff9900 !important;
}
/* Uzerine gelince site sarisi. Sari cok acik oldugu icin yazi koyuya doner;
beyaz yazi sari zeminde okunmaz (kontrast ~1,1). */
#product_detail_main_wrapper.product-section .product-cart-add.ekleSepet:hover,
#product_detail_main_wrapper.product-section .product-cart-add.ekleSepet:focus-visible {
color: #20242c !important;
background-color: #fee501 !important;
border-color: #fee501 !important;
}
/* Talep Olustur ikincil buton: beyaz zemin, Kartify turuncusu cerceve. */
#product_detail_main_wrapper.product-section .talepUrun {
color: rgb(255 153 0) !important;
background-color: #fff !important;
background-image: none !important;
border: 1px solid rgb(255 153 0) !important;
}
#product_detail_main_wrapper.product-section .talepUrun:hover,
#product_detail_main_wrapper.product-section .talepUrun:focus-visible {
color: #fff !important;
background-color: #ff9900 !important;
}
/* --- Sayfa genisletme -----------------------------------------------
Anasayfa (Paket 69/70) ve kategori listeleme (Paket 107) ile ayni olculer:
1200-1920 px -> 10px, 992-1199 px -> 5px, 991 px alti -> 2px.
Sebep: kapsayici Kartify'nin custom-container ic bosluk formulunu
kullaniyordu: calc(15px + 145 * (100vw - 320px) / 1600).
1600 px ekranda bu 131 px yapiyor ve icerik alani 1323 px'te kaliyordu.
Canlida olculdu: yeni olculerle icerik alani 1565 px (+242 px),
yatay tasma yok. 1920 px ustunde temanin kendi formulu devrede kalir. */
@media (min-width: 1200px) and (max-width: 1920px) {
#product_detail_main_wrapper.product-section,
#bottomCartAdd .container {
box-sizing: border-box;
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 10px !important;
padding-left: 10px !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
#product_detail_main_wrapper.product-section,
#bottomCartAdd .container {
box-sizing: border-box;
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 5px !important;
padding-left: 5px !important;
}
}
@media (max-width: 991.98px) {
#product_detail_main_wrapper.product-section,
#bottomCartAdd .container {
box-sizing: border-box;
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 2px !important;
padding-left: 2px !important;
}
}
/* --- Mobil yapiskan alt bar ---
Sablonda iki ayri alt bar var, MOBILE_STATUS kosuluyla ayriliyor.
(Kosulu suslu parantezle yazmiyoruz: Smarty CSS yorumunun icini de
ayristirir ve orayi gercek bir etiket sanar.)
Mobil surumde urun adi hic basilmiyordu; eklendi. Ad tek satirda
kirpiliyor, altinda fiyatlar duruyor. Yukseklik sabit %8 idi, iki satir
icin yetmeyebilirdi; icerige gore buyuyecek sekilde acildi. */
#bottomCartAdd.kartify-bottombar-mobile {
height: auto !important;
min-height: 64px;
padding: 6px 0;
}
#bottomCartAdd.kartify-bottombar-mobile .altCartTitle {
display: block;
overflow: hidden;
margin: 0 0 2px !important;
color: #20242c;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
#bottomCartAdd.kartify-bottombar-mobile .productPrices {
margin-top: 0 !important;
}
#bottomCartAdd.kartify-bottombar-mobile .product-price-sale.discount {
margin-top: 0 !important;
}
/* --- Alt bar yerlesimi (canlida olculdu) ---
Iki sorun vardi:
1) Sutunlar bara sigmiyordu: 390 px ekranda col-7 sol kenari -10,
col-5 sag kenari 400 olcuuldu. Sebep Paket 155: kapsayici ic boslugu
131 px'ten 2 px'e inince Bootstrap satirinin negatif kenar boslugu
(-12 px) aciga cikti. Cozum: satirin kenar boslugu sifirlandi ve
kendi ic boslugu verildi.
2) Yukari cik dugmesi Sepete Ekle'nin ustune biniyordu: 390 px'te
ok 326-374, buton 247-388; 1280 px'te ok 1201-1249, buton 1104-1245.
Cozum Paket 161'de footer.tpl'e tasindi: dugme artik sag kenarda
orta-alt hizada duruyor ve site genelinde gecerli. Burada ona pay
ayirmaya gerek yok.
Ayrica baslik ile fiyatlar artik yan yana akiyor: genis ekranda tek
satir (olculdu: bar 64 px), dar ekranda alt alta (olculdu: bar 80 px).
Boylece genis ekranda ortada kalan bos alan kapaniyor. */
/* Yukari cik dugmesi sag uste sabitlendigi icin (asagidaki kural) alt barda
ona pay ayirmaya gerek kalmadi; Paket 157'deki 66 px geri verildi. */
/* Ust kenardaki ince cizgi kaldirildi. Iki ayri yerden geliyordu ve
ust uste biniyordu: barin kendi kuralindaki border-top ve hemen icindeki
sarmalayici div'in satir ici border-top'u. Ikisi de sifirlandi.
(Satir ici deger !important tasimadigi icin CSS ile ezilebiliyor.)
Yerine cok yumusak bir ust golge kondu; cizgi olmadan da barin sayfadan
ayri bir katman oldugu anlasiliyor. Golge istenmezse alttaki box-shadow
kuralini silmek yeterli. */
#bottomCartAdd.kartify-bottombar-mobile,
#bottomCartAdd.kartify-bottombar-mobile > div {
border-top: 0 !important;
}
#bottomCartAdd.kartify-bottombar-mobile {
box-shadow: 0 -2px 12px rgba(25, 31, 46, .08) !important;
}
#bottomCartAdd .row {
margin: 0 !important;
padding: 0 10px !important;
}
#bottomCartAdd.kartify-bottombar-mobile .row {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 12px;
}
#bottomCartAdd.kartify-bottombar-mobile .row > .col-7 {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
flex: 1 1 auto !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
column-gap: 12px;
row-gap: 1px;
}
#bottomCartAdd.kartify-bottombar-mobile .row > .col-5 {
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
padding: 0 !important;
}
#bottomCartAdd.kartify-bottombar-mobile .col-5 > div {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
#bottomCartAdd.kartify-bottombar-mobile .col-5 > div > div {
float: none !important;
}
/* Baslik yer kalirsa fiyatlarla ayni satirda, kalmazsa uste gecer. */
/* Ad, satirda kalan alani sonuna kadar kullanir; kirpmayi ellipsis yapar.
Sunucu tarafindaki truncate 120 karaktere cekildi, yoksa genis ekranda
yer varken metin erken kesiliyordu (1280 px'te basliga 891 px dusuyor). */
#bottomCartAdd.kartify-bottombar-mobile .altCartTitle {
min-width: 0;
flex: 1 1 190px;
max-width: 100%;
margin: 0 !important;
}
#bottomCartAdd.kartify-bottombar-mobile .col-7 > span {
flex: 0 0 auto;
}
#bottomCartAdd.kartify-bottombar-mobile .col-7 .d-flex {
float: none !important;
}
@media (max-width: 575.98px) {
#bottomCartAdd.kartify-bottombar-mobile .bottomAdd {
padding: 8px 14px !important;
}
}
#bottomCartAdd.kartify-bottombar-mobile .col-5 > div > div {
padding-top: 0 !important;
}
/* --- Banner mobilde gizlenir ---
Banner siparis kartindan sonra, Aciklama sekmelerinden once geliyor ve
sirasi dogruydu (videodan dogrulandi: 6,8 sn karesinde iki dugme de
gorunuyor, banner altlarinda). Ancak gorsel uzun oldugu icin kaydirirken
ekrani kapliyor ve satin alma akisini bolüyordu. Paket 163'te ayri modul
gorunumu denendi, istenen sonucu vermedi.
Bu yuzden mobilde tamamen gizleniyor. Masaustunde siparis sutununun
icinde eskisi gibi kalir. Geri acmak icin bu bloku silmek yeterli. */
@media (max-width: 991.98px) {
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-banner {
display: none !important;
}
}
/* --- Mobilde kategori yolu tek satirda ---
Olculdu (390 px): kutu 108 px, liste 3 satira sariyordu. Sebepleri:
her ogede me-3 sinifindan gelen 16 px sag bosluk, Bootstrap ayiricisinda
8 px dolgu ve 13 px yazi.
Bosluklar 3 px'e, yazi 12 px'e cekildi ve satir kirilmasi kapatildi.
Yol ekrana sigmadiginda kendi kutusu icinde yatay kayar (kaydirma cubugu
gizli). Olculdu: kutu 42 px, tek satir, kutu ici 830>360 kaydirilabilir,
sayfada yatay tasma yok. */
@media (max-width: 991.98px) {
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="breadcrumb"] {
margin-bottom: 8px !important;
padding: 8px 10px !important;
}
/* Kaydirma golgesi: sag/sol kenarda, YALNIZCA o yonde kaydirilacak
icerik varken beliren yumusak golge. Iki katman "local" (icerikle
birlikte kayan beyaz maske), iki katman "scroll" (sabit duran golge);
sona gelindiginde beyaz maske golgeyi kapatir ve golge kaybolur.
Ek isaretleme veya JS gerektirmiyor. */
#product_detail_main_wrapper.ofisomi-kartify-product .breadcrumbBox {
max-width: 100%;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
background:
linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0)) left center / 22px 100% no-repeat local,
linear-gradient(to left, #fff 40%, rgba(255, 255, 255, 0)) right center / 22px 100% no-repeat local,
radial-gradient(farthest-side at 0 50%, rgba(20, 26, 44, .16), rgba(20, 26, 44, 0)) left center / 11px 100% no-repeat scroll,
radial-gradient(farthest-side at 100% 50%, rgba(20, 26, 44, .16), rgba(20, 26, 44, 0)) right center / 11px 100% no-repeat scroll;
}
#product_detail_main_wrapper.ofisomi-kartify-product .breadcrumbBox::-webkit-scrollbar {
display: none;
}
#product_detail_main_wrapper.ofisomi-kartify-product .customBreadcrumb {
width: max-content;
min-width: 0;
flex-wrap: nowrap !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .customBreadcrumb .breadcrumb-item {
flex: 0 0 auto;
margin-right: 0 !important;
padding-left: 0 !important;
font-size: 12px !important;
white-space: nowrap;
}
#product_detail_main_wrapper.ofisomi-kartify-product .customBreadcrumb .breadcrumb-item + .breadcrumb-item {
padding-left: 3px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .customBreadcrumb .breadcrumb-item + .breadcrumb-item::before {
padding-right: 3px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .customBreadcrumb a {
font-size: 12px !important;
}
}
/* --- Mobilde ust govde genisletilir ---
Olculdu (390 px): urun bilgi blogu 29 -> 362, yani 333 px. Iki yandan
~29'ar px bosa gidiyordu. Kaynagi: .productDetails satir ici 20 px dolgu
+ bolge kutularinin 6 px dolgusu.
Satir ici dolgu isaretlemeden kaldirildi (satir ici !important CSS ile
ezilemiyordu); burada kirilim bazli deger veriliyor.
Olculdu (sonra): blok 11 -> 380, yani 369 px. Kazanc 36 px, tasma yok. */
@media (max-width: 991.98px) {
#product_detail_main_wrapper.ofisomi-kartify-product .productDetails {
padding: 8px 4px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail_left"],
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail"] {
padding-right: 4px !important;
padding-left: 4px !important;
}
}
/* --- Yapiskan alt bar (#bottomCartAdd) tema ile uyumlandirildi --- */
/* Uzeri cizili fiyat cok acikti, sayfanin geri kalaniyla ayni griye alindi. */
#bottomCartAdd .product-price-old.price2 {
color: #858b98 !important;
font-size: 14px !important;
font-weight: 500 !important;
opacity: 1 !important;
}
#bottomCartAdd .product-price-sale.discount,
#bottomCartAdd .product-price-sale.discount .price {
color: #20242c !important;
font-weight: 700 !important;
}
/* Sepete Ekle: sipariş kutusundaki butonla ayni Kartify turuncusu. */
#bottomCartAdd .product-cart-add.bottomAdd {
color: #fff !important;
background-color: #ff9900 !important;
background-image: none !important;
border: 1px solid #ff9900 !important;
border-radius: 6px;
}
#bottomCartAdd .product-cart-add.bottomAdd:hover,
#bottomCartAdd .product-cart-add.bottomAdd:focus-visible {
color: #20242c !important;
background-color: #fee501 !important;
border-color: #fee501 !important;
}
#bottomCartAdd .product-cart-add.bottomAdd i {
color: inherit !important;
}
/* Indirim rozeti gorunmuyordu: temanin kurali beyaz yazi + zemin olarak
var(--productsaleBgColor) veriyor, ama o degisken bu kapsamda TANIMSIZ,
yani zemin seffaf kaliyordu; beyaz yazi beyaz barda kayboluyordu.
Siparis kutusundaki rozetle ayni gorunume alindi. */
#bottomCartAdd .product-discount,
#bottomCartAdd .nyDiscountRate {
margin: 0 6px 0 0 !important;
padding: 2px 7px !important;
display: inline-flex !important;
align-items: center;
gap: 1px;
color: #fff !important;
background: #ff9900 !important;
border-radius: 4px !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
white-space: nowrap;
}
#bottomCartAdd .product-discount span,
#bottomCartAdd .nyDiscountRate span {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
}
/* --- En az siparis notu: adet secim alaninin hemen altinda --- */
#product_detail_main_wrapper.product-section [data-cmp-type="product_min_buy_qty"] {
margin: 8px 0 0 !important;
color: #666c7a !important;
font-size: 12px;
line-height: 1.45;
}
/* Fiyat gizlendi ve puan kutusu ust satira tasindi; bu satir bos kaldi.
Ayirici cizgi kaldirildi. Fiyat bileseni yeniden acilirsa satir yine calisir. */
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_line"] {
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
/* --- Kartify "son stok" uyarisi: metin + cizgili turuncu ilerleme cubugu --- */
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_stock_alert"] {
width: 100%;
margin: clamp(12px, .84vw, 16px) 0 0 !important;
padding: 0 !important;
color: #20242c !important;
background: transparent !important;
border: 0 !important;
font-size: clamp(13px, .78vw, 15px);
font-weight: 500;
}
#product_detail_main_wrapper.product-section .kartify-hurry-text {
margin: 0 0 9px;
line-height: 1.45;
}
#product_detail_main_wrapper.product-section .kartify-hurry-num {
color: #ff9800;
font-weight: 700;
}
#product_detail_main_wrapper.product-section .kartify-hurry-progress {
width: 100%;
height: 9px;
overflow: hidden;
background: #eef0f4;
border-radius: 20px;
}
#product_detail_main_wrapper.product-section .kartify-hurry-progress > span {
display: block;
height: 100%;
background-color: #ff9800;
background-image: linear-gradient(45deg, rgba(255, 255, 255, .28) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .28) 50%, rgba(255, 255, 255, .28) 75%, transparent 75%, transparent);
background-size: 12px 12px;
border-radius: 20px;
animation: kartifyHurryStripes 1s linear infinite;
}
@keyframes kartifyHurryStripes {
from { background-position: 0 0; }
to { background-position: 12px 0; }
}
@media (prefers-reduced-motion: reduce) {
#product_detail_main_wrapper.product-section .kartify-hurry-progress > span {
animation: none;
}
}
/* Kartify dili: kampanya basligi ve urunleri tek, duzenli bir kart grubu. */
#product_detail_main_wrapper.product-section .kartify-product-information > .kartify-promotion-group {
width: 100%;
margin: clamp(12px, .84vw, 16px) 0 0 !important;
padding: clamp(10px, .84vw, 16px) !important;
background: #fff;
border: 1px solid #eceef3;
border-left: 3px solid #ff9900;
border-radius: 8px;
box-shadow: 0 4px 16px rgba(25, 31, 46, .035);
}
#product_detail_main_wrapper.ofisomi-kartify-product.product-section .kartify-product-information > .kartify-promotion-group .nyPdGiftTitle {
min-height: 0 !important;
margin: 0 0 10px !important;
padding: 0 0 10px !important;
display: flex;
align-items: flex-start !important;
gap: 10px;
color: #30343c;
background: transparent;
border-bottom: 1px solid #eceef3;
font-size: clamp(13px, .78vw, 15px) !important;
font-weight: 650;
line-height: 1.4;
text-align: left;
}
#product_detail_main_wrapper.ofisomi-kartify-product.product-section .kartify-product-information > .kartify-promotion-group .kartify-promotion-heading {
min-width: 0;
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 10px;
text-align: left;
}
/* Metin sarinca ikinci satir ikonun altina degil, ilk satirin hizasina gelir. */
#product_detail_main_wrapper.ofisomi-kartify-product.product-section .kartify-product-information > .kartify-promotion-group .kartify-promotion-heading-text {
min-width: 0;
flex: 1 1 auto;
display: block;
line-height: 1.4;
}
#product_detail_main_wrapper.ofisomi-kartify-product.product-section .kartify-product-information > .kartify-promotion-group .nyPdGiftTitle i {
flex: 0 0 28px;
width: 28px;
height: 28px;
margin: -3px 0 0 !important;
align-self: flex-start;
display: inline-flex;
align-items: center;
justify-content: center;
color: #ff9900;
background: #fff3df;
border-radius: 50%;
font-size: 13px;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyPdgift-box-h {
max-height: none !important;
display: grid;
gap: 8px;
overflow: visible !important;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyPdgift-box {
min-height: 72px !important;
margin: 0 !important;
padding: 9px 10px !important;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
background: #f7f8fb;
border: 1px solid transparent;
border-radius: 7px;
transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyPdgift-box:hover {
background: #fffaf2;
border-color: #ffd18a;
box-shadow: 0 5px 14px rgba(255, 153, 0, .08);
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGiftBoxP {
flex: 1 1 auto;
min-width: 0;
margin: 0;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGiftBoxP > a {
min-width: 0;
display: flex;
align-items: center;
gap: 10px;
color: inherit;
text-decoration: none;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyPdgift-boxImgDiv {
flex: 0 0 54px;
width: 54px !important;
height: 54px !important;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #fff;
border: 1px solid #eceef3;
border-radius: 6px;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGiftImageDetail {
width: 100% !important;
height: 100% !important;
mix-blend-mode: multiply;
object-fit: contain;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGiftListMl2 {
flex: 1 1 auto;
min-width: 0;
margin: 0 !important;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGpTitle {
display: -webkit-box;
overflow: hidden;
color: #252932;
font-size: 12px !important;
font-weight: 600;
line-height: 1.35;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGpOldPrice,
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGpNewPrice {
font-size: 11px !important;
line-height: 1.35;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGpOldPrice {
margin-right: 5px;
color: #858b98;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGpNewPrice {
color: #138a36;
font-weight: 700;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGiftBoxAddBt {
flex: 0 0 38px;
width: 38px !important;
height: 38px !important;
min-width: 38px;
margin: 0 !important;
padding: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
color: #ff9900 !important;
background: #fff3df !important;
border: 1px solid #ffd18a !important;
border-radius: 6px;
font-size: 15px;
transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGiftBoxAddBt:hover,
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGiftBoxAddBt:focus-visible {
color: #fff !important;
background: #ff9900 !important;
border-color: #ff9900 !important;
outline: none;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .productVariants {
width: 100%;
margin-top: clamp(16px, 1.05vw, 20px) !important;
padding-top: clamp(14px, .84vw, 16px) !important;
border-top: 1px solid rgba(102, 108, 122, .1) !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information .variantGroup {
margin-bottom: clamp(14px, .84vw, 16px);
}
#product_detail_main_wrapper.product-section .kartify-product-information .variantGroup .group-label,
#product_detail_main_wrapper.product-section .kartify-product-information .text-attribute {
margin-bottom: 10px;
color: #20242c;
font-size: clamp(15px, .94vw, 18px);
font-weight: 500 !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information .varyantRadioLabel {
min-width: 48px;
min-height: 42px;
padding: 6px 12px;
color: #666c7a;
background: #fff;
border: 1px solid #eceef3;
border-radius: 4px;
}
#product_detail_main_wrapper.product-section .kartify-product-information .varyantRadio input[type="radio"]:checked + label,
#product_detail_main_wrapper.product-section .kartify-product-information .varyantRadio.active,
#product_detail_main_wrapper.product-section .kartify-product-information .varyantRadioLabel:hover {
color: #fff;
background: #ff9800;
border-color: #ff9800;
border-radius: 4px;
}
#product_detail_main_wrapper.product-section .kartify-about-box {
width: 100%;
margin-top: clamp(16px, 1.05vw, 20px);
padding-top: clamp(14px, .84vw, 16px);
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(102, 108, 122, .1);
}
#product_detail_main_wrapper.product-section .kartify-about-box > .kartify-section-title {
order: 1;
width: 100%;
margin-bottom: clamp(10px, .73vw, 14px);
color: #20242c;
font-size: clamp(17px, 1.04vw, 20px);
font-weight: 500;
line-height: 1.3;
}
#product_detail_main_wrapper.product-section .kartify-about-box > .prd-info-flex {
order: 2;
width: 100%;
margin: 0 0 8px;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 5px 24px;
background: transparent;
border: 0;
border-radius: 0;
}
#product_detail_main_wrapper.product-section .kartify-about-box .prd-info-item {
display: grid;
grid-template-columns: max-content minmax(0, 1fr);
gap: 5px;
color: #666c7a;
font-size: clamp(13px, .78vw, 15px);
line-height: 1.5;
}
#product_detail_main_wrapper.product-section .kartify-about-box .prd-info-value,
#product_detail_main_wrapper.product-section .kartify-about-box .prd-info-value a {
color: #20242c;
font-weight: 500;
}
#product_detail_main_wrapper.product-section .kartify-about-box > .product-detail-information {
order: 3;
width: 100% !important;
margin: 0 0 8px !important;
}
#product_detail_main_wrapper.product-section .kartify-about-box > .product-detail-information tbody {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 5px 24px;
}
#product_detail_main_wrapper.product-section .kartify-about-box > .product-detail-information tr {
display: grid;
grid-template-columns: max-content minmax(0, 1fr);
align-items: baseline;
gap: 5px;
color: #666c7a;
font-size: clamp(13px, .78vw, 15px);
line-height: 1.5;
}
#product_detail_main_wrapper.product-section .kartify-about-box > .product-detail-information td {
width: auto !important;
padding: 0 !important;
color: inherit;
}
#product_detail_main_wrapper.product-section .kartify-about-box > .product-detail-information td:last-child,
#product_detail_main_wrapper.product-section .kartify-about-box > .product-detail-information td:last-child a {
color: #20242c;
font-weight: 500;
}
#product_detail_main_wrapper.product-section .kartify-about-box > .ofm-cargo-card {
order: 4;
width: 100%;
margin-top: clamp(14px, 1.05vw, 20px);
}
/* Kartify referansi: Urun Hakkinda blogunun hemen altinda odeme ve paylasim. */
#product_detail_main_wrapper.product-section .kartify-checkout-share {
width: 100%;
margin-top: clamp(16px, 1.05vw, 20px);
color: #20242c;
}
#product_detail_main_wrapper.product-section .kartify-checkout-share h4 {
margin: 0 0 12px;
color: #20242c;
font-size: clamp(16px, 1vw, 19px);
font-weight: 500;
line-height: 1.35;
}
#product_detail_main_wrapper.product-section .kartify-payment-option,
#product_detail_main_wrapper.product-section .kartify-social-option {
width: 100%;
padding-top: clamp(14px, .94vw, 18px);
border-top: 1px solid rgba(102, 108, 122, .1);
}
#product_detail_main_wrapper.product-section .kartify-payment-list,
#product_detail_main_wrapper.product-section .kartify-social-list {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
}
#product_detail_main_wrapper.product-section .kartify-payment-list {
gap: 8px;
}
#product_detail_main_wrapper.product-section .kartify-payment-list img {
display: block;
width: 61px;
height: 31px;
}
#product_detail_main_wrapper.product-section .kartify-social-option {
margin-top: clamp(16px, 1.05vw, 20px);
}
#product_detail_main_wrapper.product-section .kartify-social-list {
gap: clamp(18px, 1.35vw, 26px);
}
#product_detail_main_wrapper.product-section .kartify-social-list a {
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #666c7a;
border-radius: 50%;
font-size: 18px;
line-height: 1;
transition: color .2s ease, background-color .2s ease;
}
#product_detail_main_wrapper.product-section .kartify-social-list a:hover,
#product_detail_main_wrapper.product-section .kartify-social-list a:focus-visible {
color: #ff9800;
background: #f5f6f8;
outline: none;
}
/* Paylasim orta bloga tasindi; siparis kutusundaki karsilastirma korunur. */
#product_detail_main_wrapper.product-section .right-sidebar-box [data-cmp-type="product_share_box"] .share-btn,
#product_detail_main_wrapper.product-section .right-sidebar-box [data-cmp-type="product_share_box"] .share-options {
display: none !important;
}
#product_detail_main_wrapper.product-section .right-sidebar-box {
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-detail {
width: 100%;
padding: clamp(18px, 1.35vw, 26px);
background-color: #fff;
border: 1px solid #eceef3;
border-radius: clamp(6px, .42vw, 8px);
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-detail .side-title {
margin-bottom: clamp(12px, .84vw, 16px);
padding-bottom: clamp(6px, .58vw, 11px);
border-bottom: 1px solid rgba(102, 108, 122, .1);
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-detail .side-title h4 {
margin: 0;
color: #20242c;
font-size: clamp(20px, 1.25vw, 24px);
font-weight: 600;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-box {
display: flex;
align-items: center;
gap: 15px;
padding-bottom: 0;
border-bottom: 0;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-box .product-image {
flex: 0 0 clamp(72px, 4.7vw, 90px);
width: clamp(72px, 4.7vw, 90px);
height: clamp(72px, 4.7vw, 90px);
padding: clamp(8px, .52vw, 10px);
background-color: #f5f6f8;
border-radius: 4px;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-box .product-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-box .product-contain {
min-width: 0;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-box .product-contain h5 {
margin: 0 0 6px;
color: rgba(85, 91, 104, .72);
font-size: 13px;
font-weight: 400;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-box .product-contain h4 {
display: -webkit-box;
overflow: hidden;
margin: 0;
color: #20242c;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .qty-stock-box {
margin-top: clamp(12px, .95vw, 18px);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .qty-stock-box [data-cmp-type="product_qty_box"] {
flex: 0 0 auto;
width: auto;
max-width: none;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .qty-stock-box .qty-box {
width: auto !important;
height: auto !important;
display: flex;
align-items: center;
padding: 6px;
background-color: #f5f6f8;
border: 0;
border-radius: 4px;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .qty-stock-box .qty-btn {
width: clamp(30px, 1.85vw, 35px) !important;
height: clamp(30px, 1.85vw, 35px) !important;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
color: #747a87;
background-color: #fff;
border: 0;
border-radius: 4px;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .qty-stock-box .qty-input {
width: clamp(45px, 3.12vw, 60px) !important;
height: clamp(30px, 1.85vw, 35px) !important;
padding: 3px 0 0;
color: #20242c;
background: transparent;
border: 0;
outline: 0;
text-align: center;
font-size: clamp(16px, .94vw, 18px);
}
#product_detail_main_wrapper.product-section .right-sidebar-box .qty-stock-box .stock-box h5 {
margin: 0;
color: rgba(85, 91, 104, .8);
font-size: clamp(14px, .84vw, 16px);
font-weight: 400;
text-transform: capitalize;
white-space: nowrap;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .qty-stock-box .stock-box h5 span {
color: #20242c;
font-weight: 500;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .total-price-box {
margin-top: clamp(14px, 1.15vw, 22px);
padding-top: clamp(14px, 1.15vw, 22px);
border-top: 1px solid rgba(102, 108, 122, .1);
}
#product_detail_main_wrapper.product-section .right-sidebar-box .total-price-box h4 {
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
color: #20242c;
font-size: clamp(20px, 1.3vw, 25px);
font-weight: 600;
white-space: nowrap;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .total-price-box h4 span {
color: #666c7a;
font-size: clamp(14px, .84vw, 16px);
font-weight: 500;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .button-group {
margin-top: clamp(16px, 1.4vw, 27px);
margin-bottom: clamp(14px, 1.15vw, 22px);
padding-bottom: clamp(14px, 1.15vw, 22px);
display: grid;
gap: clamp(10px, .62vw, 12px);
border-bottom: 1px solid rgba(102, 108, 122, .1);
}
#product_detail_main_wrapper.product-section .right-sidebar-box .button-group > .cmp {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .button-group .product-cart-add,
#product_detail_main_wrapper.product-section .right-sidebar-box .button-group .site-bt,
#product_detail_main_wrapper.product-section .right-sidebar-box .button-group .hemenAl {
min-height: 48px;
border-radius: 6px;
font-size: 15px !important;
font-weight: 500;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .seller-product {
width: 100%;
max-width: 100%;
display: block;
margin: 0 !important;
padding: 0 !important;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .seller-product .product-share-box {
margin: 0 !important;
padding: 0;
border: 0;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .seller-product .share-area {
display: flex;
align-items: center;
justify-content: space-between;
gap: 13px;
color: #666c7a;
font-size: clamp(14px, .84vw, 16px);
}
#product_detail_main_wrapper.product-section .product-section-box .custom-nav {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
margin: 0;
white-space: nowrap;
background-color: #fff;
border: 0;
border-bottom: 1px solid #e4e7ec;
border-radius: 6px 6px 0 0;
}
#product_detail_main_wrapper.product-section .product-section-box .custom-nav .nav-link {
position: relative;
min-height: auto;
padding: clamp(12px, 1.15vw, 22px) clamp(11px, 1.56vw, 30px) clamp(12px, .78vw, 15px);
color: #20242c;
background-color: #fff;
border: 0;
box-shadow: none;
font-size: clamp(16px, 1.04vw, 20px);
font-weight: 500;
letter-spacing: .6px;
}
#product_detail_main_wrapper.product-section .product-section-box .custom-nav .nav-link::after {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 3px;
content: "";
background: transparent;
transition: width .15s ease-in-out;
}
#product_detail_main_wrapper.product-section .product-section-box .custom-nav .nav-link:hover::after,
#product_detail_main_wrapper.product-section .product-section-box .custom-nav .nav-link:focus::after,
#product_detail_main_wrapper.product-section .product-section-box .custom-nav .nav-link.active::after {
width: 100%;
background: #ff9800;
}
#product_detail_main_wrapper.product-section .product-section-box .custom-tab {
padding: 12px 0 0;
background: transparent;
}
#product_detail_main_wrapper.product-section .product-section-box .custom-tab .tab-pane {
padding: clamp(14px, 1.15vw, 22px) clamp(16px, 1.46vw, 28px);
background-color: #fff;
border-radius: 6px;
}
/* Kartify xxl hiyerarsisi:
- Sol galeri + orta bilgi tek beyaz left-card (9/12)
- Siparis ozeti gri aralik sonrasinda bagimsiz sag sutun (3/12) */
@media (min-width: 1200px) {
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper {
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(360px, 2fr);
column-gap: 0;
align-items: stretch;
}
/* Kartify'deki .left-card: ilk iki kolonu tek cerceve olarak birlestirir. */
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper::before {
content: "";
grid-column: 1 / 3;
grid-row: 2;
z-index: 0;
min-width: 0;
background: var(--kartify-card-bg);
border: 1px solid var(--kartify-border);
border-radius: 8px;
box-shadow: 0 4px 18px rgba(25, 31, 46, .025);
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="breadcrumb"] {
grid-column: 1 / -1;
grid-row: 1;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail_left"] {
grid-column: 1;
grid-row: 2;
z-index: 1;
align-self: stretch;
width: auto;
max-width: none;
padding: 22px 12px 22px 22px;
background: transparent;
border: 0;
border-radius: 0;
}
/* Ust bilesen dogrudan grid'e katilir; bilgi ve siparis artik ayni kutu degildir. */
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail"],
#product_detail_main_wrapper.ofisomi-kartify-product .productDetails {
display: contents !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-product-information {
grid-column: 2;
grid-row: 2;
z-index: 1;
align-self: stretch;
width: auto;
max-width: none;
padding: 22px 22px 22px 28px;
background: transparent;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-column {
grid-column: 3;
grid-row: 2;
z-index: 1;
position: relative;
align-self: stretch;
width: auto;
max-width: none;
margin-left: 24px;
padding: 0;
background: transparent;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-sticky {
position: sticky;
top: 86px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card {
position: static;
}
#product_detail_main_wrapper.ofisomi-kartify-product .productDetails > :not(.kartify-product-information):not(.kartify-order-column),
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > .cmp:not([data-cmp-type="breadcrumb"]):not([data-cmp-type="product_detail_left"]):not([data-cmp-type="product_detail"]) {
grid-column: 1 / -1;
}
}
@media (max-width: 991.98px) {
#product_detail_main_wrapper.ofisomi-kartify-product {
width: 100%;
padding: 8px 2px 24px;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="breadcrumb"] {
margin-bottom: 8px;
padding: 10px 12px !important;
border-radius: 6px;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail_left"] {
padding: 8px 6px 4px;
border-right: 1px solid var(--kartify-border);
border-bottom: 0;
border-radius: 7px 7px 0 0;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_detail"] {
padding: 4px 6px 10px;
border-top: 0;
border-left: 1px solid var(--kartify-border);
border-radius: 0 0 7px 7px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .productDetails {
padding: 10px !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information {
padding-left: 0;
border-left: 0;
}
#product_detail_main_wrapper.product-section .product-left-box {
position: relative;
top: auto;
}
#product_detail_main_wrapper.product-section .product-left-box .product-thumbs {
margin-top: 8px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-card {
width: 100%;
margin-top: 12px;
padding: 0;
box-shadow: none;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-column {
position: static;
background: transparent;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-sticky {
position: static;
}
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-banner {
margin-top: 12px;
}
#product_detail_main_wrapper.product-section .right-sidebar-box .side-product-detail {
padding: 14px;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_name"] {
font-size: 21px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product #home_wrapper > [data-cmp-type="product_information_tab"] {
margin-top: 10px;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_information_tab"] .nav-tabs {
flex-wrap: nowrap;
overflow-x: auto;
padding-inline: 8px;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_information_tab"] .nav-link {
white-space: nowrap;
min-height: 44px;
padding: 10px;
font-size: 13px;
}
#product_detail_main_wrapper.ofisomi-kartify-product [data-cmp-type="product_information_tab"] .tab-content {
padding: 12px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .prd-info-flex {
gap: 10px 18px;
padding: 12px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .prd-info-item {
flex: 1 1 calc(50% - 18px);
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-card {
padding: 12px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-logo {
width: 82px;
height: 40px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-tooltip {
display: none;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-mobile-note {
display: block;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
#product_detail_main_wrapper.ofisomi-kartify-product .kartify-order-column {
margin-top: 24px;
}
}
@media (max-width: 767.98px) {
#product_detail_main_wrapper.product-section .kartify-live-stats {
gap: 7px 14px;
}
#product_detail_main_wrapper.product-section .kartify-product-information > .kartify-promotion-group {
margin-top: 10px !important;
padding: 9px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product.product-section .kartify-product-information > .kartify-promotion-group .nyPdGiftTitle {
gap: 8px;
margin-bottom: 8px !important;
padding-bottom: 8px !important;
font-size: 12px !important;
}
#product_detail_main_wrapper.ofisomi-kartify-product.product-section .kartify-product-information > .kartify-promotion-group .kartify-promotion-heading {
gap: 7px;
}
#product_detail_main_wrapper.ofisomi-kartify-product.product-section .kartify-product-information > .kartify-promotion-group .nyPdGiftTitle i {
flex-basis: 26px;
width: 26px;
height: 26px;
margin-top: -2px !important;
font-size: 12px;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyPdgift-box {
min-height: 66px !important;
gap: 7px;
padding: 7px 8px !important;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGiftBoxP > a {
gap: 8px;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyPdgift-boxImgDiv {
flex-basis: 48px;
width: 48px !important;
height: 48px !important;
}
#product_detail_main_wrapper.product-section .kartify-promotion-group .nyGiftBoxAddBt {
flex-basis: 36px;
width: 36px !important;
height: 36px !important;
min-width: 36px;
}
#product_detail_main_wrapper.product-section .kartify-live-stat {
font-size: 12px !important;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_title_zone"],
#product_detail_main_wrapper.product-section .right-box-contain .name {
text-align: left;
}
#product_detail_main_wrapper.product-section .kartify-product-information > [data-cmp-type="product_line"] {
align-items: flex-start;
}
#product_detail_main_wrapper.product-section .kartify-about-box > .prd-info-flex,
#product_detail_main_wrapper.product-section .kartify-about-box > .product-detail-information tbody {
padding: 0;
grid-template-columns: 1fr;
gap: 6px;
}
#product_detail_main_wrapper.product-section .kartify-product-information .varyantRadioLabel {
min-width: 44px;
min-height: 40px;
padding: 5px 10px;
}
}
@media (max-width: 575.98px) {
#product_detail_main_wrapper.ofisomi-kartify-product .prd-info-item {
flex-basis: 100%;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-top {
align-items: flex-start;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-logos {
gap: 7px;
}
#product_detail_main_wrapper.ofisomi-kartify-product .ofm-cargo-logo {
width: calc(50% - 4px);
max-width: 112px;
}
}