.urunDetayGosterJs
{
top:10px !important;
right:10px !important;
height:35px !important;
line-height:35px !important;
color:#fff !important;
font-weight:600 !important;
text-transform:  uppercase;
background-color:#d6001c !important;
border:0 !important;
z-index:  999999;
transition:background-color .5s;
}

.urunDetayGosterJs:hover
{
background-color:#c54444 !important;
}

.urunDetayGosterJs:before
{
content:'\e827';
line-height:  30px;
color:inherit;
font-family:'tsoft';
font-style:  normal;
font-weight:normal;
text-decoration:  inherit;
font-variant:normal;
text-align:  center;
text-transform:none;
margin-right:  8px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:  grayscale;
speak:none;
}
#productLeft .slide-wrapper > .row:first-child
{
position:  relative;
}
#twoCol .slideControl#thumbControl
{
width: calc(100% + 40px);
left:   -20px;
right: -20px;
}

.slideControl#thumbControl .icon-arrow-left
{
background: url(left.svg) no-repeat center;
width:   7px;
height: 30px;
}

.slideControl#thumbControl .icon-arrow-right
{
background: url(right.svg) no-repeat center;
width:   7px;
height: 30px;
}

.zoomWindow
{
border:1px solid #d9d9d9 !important;
}
#productThumbs li.active .box-border
{
border-color:  #000;
}
#product-brand
{
color:   #000000;
font-size: 22px;
font-weight:   700;
line-height: 28px;
}
#productName
{
color:   #000000;
font-size: 22px;
font-weight:   700;
line-height: 28px;
}

.productName
{
font-size:  20px;
font-weight:600;
}

.shortDesc
{
color:   #505050;
font-family: vitesSansBook;
font-size:   14px;
font-weight: 400;
line-height:   20px;
}

.urunKatalog
{
color:   #505050;
font-family: vitesSansBook;
font-size:   12px;
font-weight: 700;
line-height:   20px;
padding-left: 24px;
background: url(katalog.svg) no-repeat left center;
padding-top:   10px;
box-sizing: border-box;
}

.productBrandImg
{
margin-bottom:  10px;
}
#supplier-question
{
color:   #000000;
font-size: 22px;
font-weight:   700;
line-height: 28px;
}

.productComment
{
width:  87px;
}

.comment-btn
{
line-height:  30px;
color:#000;
font-size:  13px;
}
#productBottom .productSymbol span
{
color:   #000000;
font-size: 10px;
font-weight:   400;
line-height: 12px;
margin-left:  5px;
}
#productBottom .icon-circle.icon-success:before
{
color:   #5cb85c;
font-size: 8px;
line-height:   12px;
}

.mainPrices
{
position:  relative;
}

.priceLine, .variantLine, .noteLine
{
line-height:  23px;
font-size:13px;
}

.priceType, .variantType, .noteTitle
{
width:  120px;
}

.currencyPrice
{
font-size:  21px;
}

.normalPrice
{
font-size:  19px;
}

.discountPrice
{
color:   #000000;
font-size: 18px;
font-weight:   700;
line-height: 28px;
}

.money-order-price
{
float:  right;
padding-left:5px;
}
#productRight .order-note textarea
{
padding-top:  20px;
}

.variantBox a, .variantBox select
{
min-width:  40px;
height:40px;
}

.variantBox a.col
{
padding-top:   2px;
padding-bottom: 2px;
}

.variantBox a.col.ring
{
padding-right:   2px;
padding-left: 2px;
border-radius:   30px;
}

.variantBox a.selected
{
border:  1px solid #ff6f00;
}

.variantBox a.passive
{
background:  #d2d2d2;
text-decoration:line-through;
color:  #f10a41;
}

.variantBox a p
{
width:100%;
height:  34px;
line-height:34px;
text-align:  center;
font-size:12px;
color:  #000;
padding-bottom: 0;
}

.variantBox a.ring p
{
border-radius:  20px;
}

.variantBox select
{
appearance:  none;
-moz-appearance:none;
-webkit-appearance:  none;
}

.variantBox select[data-group-id="2"] option:not([data-status="enable"]):not([value=""])
{
display:  none;
}

.imageInner
{
position:  relative;
width:100%;
height:  0;
padding-bottom:100%;
}

.discounts.currentDiscount
{
background:  #f0f0f0;
}

.noteLine
{
padding-top:  0;
}

.noteBox textarea
{
min-width:  250px;
height:40px;
font-size:  12px;
color:#666;
font-family:"Open Sans",sans-serif;
word-break:  break-all;
}
#shopListLink:hover
{
color:  #d6001c;
}
[dir="rtl"] .productFunction
{
padding-right:   35px;
padding-left:10px;
background-position:  right center;
}

.productFunction:hover
{
color:  #d6001c;
}

.shareTitle
{
line-height:  30px;
font-size:13px;
color:  #000;
}

.smlIconSet .shareTitle
{
line-height:  20px;
}

.shareBtns .col
{
padding-right:  5px;
}

.shareBtns a
{
width:  30px;
line-height:30px;
font-size:  20px;
}

.smlIconSet .shareBtns a
{
font-size:  15px;
}
#urun-tab .slide-wrapper
{
overflow:  hidden;
}
#tabBtn li
{
cursor:  pointer;
}
#tabBtn li:hover,
#tabBtn li:hover .btn
{
box-shadow:  none;
}
#tabBtn li.active span.text-description
{
color:  #000;
}
#tabBtn li.active:before,
#tabBtn li.active:after
{
content:'';
position:  absolute;
left:0;
width:100%;
height:  1px;
background:#d6001c;
}
#tabBtn li.active:before
{
bottom:  2px;
}
#tabBtn li.active:after
{
bottom:  0px;
}
#tabBtn li .stars
{
margin-right:  10px;
margin-left:0;
}
#tabPanel
{
overflow:  hidden;
}
#tabPanel li
{
top:  20px;
left:20px;
right:  20px;
}
#tabPanel li.current
{
width:100%;
}
#tabPanel li
{
line-height:  15px;
}
#tabPanel li table
{
float:  left;
max-width:100%;
}
#productDetailTab li
{
list-style:  disc;
list-style-position:inside;
}
div#productDetailTab
{
color:   #505050;
font-size: 12px;
font-weight:   400;
line-height: 18px;
}
div#productDetailTab table
{
width: 75%;
color:   #505050;
font-family:vitesSansBook;
font-size:   10px;
font-weight: 700;
}
div#productDetailTab td
{
border:  1px solid #fff;
}
div#productDetailTab td:nth-child(even)
{
text-align:  center;
}
div#productDetailTab td:nth-child(odd)
{
text-indent:  15px;
}
div#productDetailTab tr:nth-child(odd)
{
line-height:   23px;
background-color: #ebebeb;
}
div#productDetailTab tr:nth-child(even)
{
line-height:   23px;
background-color: #bebebe;
}
#banks
{
line-height:  2;
}

.like
{
padding-left:  21px;
background:url('likeIcon.png') no-repeat 0 center;
}

.dislike
{
padding-left:  21px;
background:url('dislikeIcon.png') no-repeat 0 center;
}
[dir="rtl"] .addthis_toolbox
{
float:  right;
}
@media screen and (max-width: 1000px)
{
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
}
@media screen and (max-width: 768px)
{
.zopim
{
bottom:80px !important;
}
div#productDetailTab table
{
width:100%;
}
#productBottom>.d-flex
{
display:  block;
}

.urunDetayGosterJs
{
display:none !important;
}
#productLeft
{
padding-right:  0;
}
#productRight
{
padding-top:  10px;
padding-right:0;
padding-left:  0;
}
#price-flexer,
#price-flexer > .d-flex
{
display:  initial;
}

.discountedPrice
{
line-height:  30px;
padding-left:0;
}

.comment-star-wrapper
{
position:  static;
float:left;
}
#price-flexer .comment-star-wrapper :before
{
margin-right:  8px;
margin-left:0;
}
#mobileTabBtn
{
overflow-y:  hidden;
overflow-x:scroll;
-webkit-overflow-scrolling:   touch;
}
#tabBtn
{
display:  flex;
}
#tabBtn li span
{
display:  inherit;
font-size:15px;
white-space:  nowrap;
}
#product-buttons a
{
padding-left:  0;
}
}
@media screen and (max-width: 540px)
{
#mobileBuyBtn
{
position:  fixed;
bottom:0;
left:  0;
z-index:333;
background:  #fff;
box-sizing:border-box;
box-shadow:0 -3px 3px rgba(0,0,0,.1);
}
#mobileBuyBtn .buyBtn
{
padding-left:  10px;
}
}
/*  r n a klamas  s n flar  (hkm-desc-). TEMADAN BA IMSIZ (09.10): V4'te ve V5'te ayn  g r n r.
Kaynak: prototip/sayfa.py + sayfa2.py, d meler 08.10 karar  "se enek 4" (marka k rm z s  kal n 16 px,
ikinci d me beyaz zemin gri  er eve).
1. b l m: temel kurallar.  nizlemedeki V5  r n detay kutusunun (.hkm-aciklama) kurallar n n kar l ,
"div.hkm-desc" ile yaz ld : V5'in Tailwind kurallar ndan (s n f +  e) bir basamak g l , s raya ba l  de il.
2. b l m: bile enler (d me, not kutusu, karde  tablosu, SSS).
3. b l m: YALNIZ V4. V4  r n detay  a klamay  #productDetailTab i ine koyuyor ve oraya ID ve !important
ile genel kurallar bas yor (her  eye %100 geni lik, h crelerde nowrap ve 10 px kal n yaz , ikinci s tun
ortal , tablo display:block). Bu blok onlar  etkisiz b rak r. V5'te #productDetailTab yok, blok bo a d er.
Yerle im: V4 Tasar m > Stil Y netimi; V5 docs/V5-GECIS/tasarim-dili/theme-tasarim.css (theme-derle.py). */
@font-face
{
font-family: "Vitesse";
src:url("/Data/EditorFiles/fonts/vitesse-book.woff2") format("woff2")
;font-weight: 400;
font-display:swap
}
@font-face
{
font-family: "Vitesse";
src:url("/Data/EditorFiles/fonts/vitesse-bold.woff2") format("woff2")
;font-weight: 700;
font-display:swap
}
@font-face
{
font-family: "Vitesse Sans";
src:url("/Data/EditorFiles/fonts/vitessesans-book.woff2") format("woff2")
;font-weight: 400;
font-display:swap
}
@font-face
{
font-family: "Vitesse Sans";
src:url("/Data/EditorFiles/fonts/vitessesans-bold.woff2") format("woff2")
;font-weight: 700;
font-display:swap
}
/* 1. Temel */
div.hkm-desc
{
max-width: 960px;
font-family:"Vitesse Sans",vitesSansBook,system-ui,-apple-system,"Segoe UI",sans-serif
;font-size: 16px;
line-height:1.65
;color: #3F3E3F;
text-align:left
;overflow-wrap: break-word;
-webkit-font-smoothing:antialiased
}
div.hkm-desc *,div.hkm-desc *::before,div.hkm-desc *::after
{
box-sizing:border-box
}
div.hkm-desc p
{
margin: 0 0 16px;
padding:0
;font-family: inherit;
font-size:inherit;line-height:inherit
}
div.hkm-desc p:empty,div.hkm-desc strong:empty
{
display:none
}
div.hkm-desc strong,div.hkm-desc b
{
font-weight:700
}
div.hkm-desc h2,div.hkm-desc h3
{
font-family:"Vitesse",vitesBook,Georgia,serif
;font-weight: 700;
font-size:19px
;line-height: inherit;
color:#3F3E3F;padding:0
}
div.hkm-desc h2
{
margin:0 0 12px
}
div.hkm-desc h3
{
margin:32px 0 12px
}
div.hkm-desc h4
{
margin: 0 0 8px;
padding:0
;font-family: inherit;
font-size:17px
;font-weight: 700;
line-height:inherit
}
@media(min-width:1024px)
{
div.hkm-desc h2,div.hkm-desc h3
{
font-size:21px
}
}
div.hkm-desc ul
{
list-style: disc outside;
margin:0 0 16px;padding:0 0 0 20px
}
div.hkm-desc ol
{
list-style: decimal outside;
margin:0 0 16px;padding:0 0 0 20px
}
div.hkm-desc li
{
display: list-item;
list-style:inherit
;margin: 0 0 4px;
padding:0
}
div.hkm-desc table
{
width:100%
;max-width: 640px;
font-family:inherit
;font-size: 14px;
font-weight:400
;line-height: inherit;
color:#3F3E3F
;border: 1px solid #E3E3E1;
border-radius:4px
;border-collapse: separate;
border-spacing:0
;overflow: hidden;
margin:0
}
div.hkm-desc th,div.hkm-desc td
{
padding: 10px 14px;
border:0
;border-bottom: 1px solid #E3E3E1;
text-align:left
;vertical-align: middle;
font-size:inherit;background:transparent
}
div.hkm-desc td
{
font-weight:400
}
div.hkm-desc tr
{
background:transparent
}
div.hkm-desc tbody tr:nth-child(odd)
{
background:#F4F4F2
}
div.hkm-desc img
{
max-width:100%;height:auto
}
/* 2. Bile enler */
div.hkm-desc > :not(:first-child)
{
margin-top:32px
}
div.hkm-desc a:not(.hkm-desc-btn)
{
color: #BB1E10;
text-decoration:underline;text-underline-offset:2px
}
div.hkm-desc .hkm-desc-fineprint
{
font-size: 13px;
line-height:1.5;color:#6B6B6B
}
div.hkm-desc > .hkm-desc-fineprint + .hkm-desc-lead
{
margin-top:16px
}
div.hkm-desc .hkm-desc-lead
{
font-size: 18px;
line-height:1.6
}
div.hkm-desc .hkm-desc-specs th
{
font-weight: 700;
width:45%
}
div.hkm-desc .hkm-desc-specs tr:last-child th,div.hkm-desc .hkm-desc-specs tr:last-child td,
div.hkm-desc .hkm-desc-siblings tbody tr:last-child th,div.hkm-desc .hkm-desc-siblings tbody tr:last-child td
{
border-bottom:0
}
div.hkm-desc .hkm-desc-siblings table
{
max-width: none;
margin-bottom:16px
}
div.hkm-desc .hkm-desc-siblings thead th
{
font-size: 13px;
font-weight:700
;color: #6B6B6B;
background:#fff
}
div.hkm-desc .hkm-desc-siblings tbody th
{
font-weight: 700;
width:34%
}
div.hkm-desc .hkm-desc-size
{
display: block;
white-space:nowrap
;font-weight: 400;
font-size:13px;color:#6B6B6B
}
div.hkm-desc .hkm-desc-note
{
background: #F4F4F2;
border-left:4px solid #BB1E10
;border-radius: 4px;
padding:14px 16px
}
div.hkm-desc .hkm-desc-note + .hkm-desc-actions
{
margin-top:24px
}
div.hkm-desc .hkm-desc-note p:last-child,div.hkm-desc .hkm-desc-callout p:last-child,div.hkm-desc .hkm-desc-section p:last-child
{
margin-bottom:0
}
div.hkm-desc .hkm-desc-actions
{
display: flex;
flex-wrap:wrap;gap:12px
}
div.hkm-desc .hkm-desc-btn
{
display: inline-flex;
align-items:center
;min-height: 44px;
padding:0 20px
;border-radius: 4px;
font-weight:700
;font-size: 16px;
line-height:1.2;text-decoration:none
}
div.hkm-desc .hkm-desc-btn--primary
{
background: #BB1E10;
color:#fff
}
div.hkm-desc .hkm-desc-btn--primary:hover
{
background:#96180D
}
div.hkm-desc .hkm-desc-btn--muted
{
background: #fff;
color:#3F3E3F;border:1px solid #888
}
div.hkm-desc .hkm-desc-btn--muted:hover
{
border-color:#3F3E3F
}
div.hkm-desc .hkm-desc-links
{
columns: 2;
column-gap:32px
}
div.hkm-desc .hkm-desc-links li
{
break-inside:avoid
}
div.hkm-desc .hkm-desc-faq-item
{
display: flex;
flex-direction:column
;gap: 6px;
padding:14px 0;border-bottom:1px solid #E3E3E1
}
div.hkm-desc .hkm-desc-faq-item p
{
margin:0
}
div.hkm-desc .hkm-desc-faq-q
{
font-weight:700
}
div.hkm-desc .hkm-desc-callout
{
background:rgb(253 243 225);border-left:4px solid rgb(138 90 0)
;border-radius: 4px;
padding:20px
}
div.hkm-desc .hkm-desc-callout a
{
font-weight:700
}
@media(max-width:767px)
{
div.hkm-desc .hkm-desc-actions
{
flex-direction:column
}
div.hkm-desc .hkm-desc-btn
{
justify-content:center
}
div.hkm-desc .hkm-desc-links
{
columns:1
}
div.hkm-desc .hkm-desc-siblings th,div.hkm-desc .hkm-desc-siblings td
{
padding:8px 10px
}
}
/* 3. Yaln z V4 (#productDetailTab). !important yaln z V4' n !important kurallar n  ezmek i in. */
#productDetailTab div.hkm-desc,#productDetailTab div.hkm-desc *
{
width:auto!important;max-width:none!important;white-space:normal!important
}
#productDetailTab div.hkm-desc
{
max-width:960px!important
}
#productDetailTab div.hkm-desc p
{
padding: 0;
font-family:inherit;line-height:inherit
}
#productDetailTab div.hkm-desc table
{
display:table!important;width:100%!important;max-width:640px!important;overflow:hidden!important
;padding: 0;
font-family:inherit
;font-size: 14px;
font-weight:400;color:#3F3E3F
}
#productDetailTab div.hkm-desc .hkm-desc-siblings table
{
max-width:none!important
}
#productDetailTab div.hkm-desc table th,#productDetailTab div.hkm-desc table td
{
padding:10px 14px!important
;border: 0;
border-bottom:1px solid #E3E3E1
;text-align: left;
line-height:inherit
}
#productDetailTab div.hkm-desc .hkm-desc-specs tr:last-child th,#productDetailTab div.hkm-desc .hkm-desc-specs tr:last-child td,
#productDetailTab div.hkm-desc .hkm-desc-siblings tbody tr:last-child th,#productDetailTab div.hkm-desc .hkm-desc-siblings tbody tr:last-child td
{
border-bottom:0
}
#productDetailTab div.hkm-desc .hkm-desc-specs table th
{
width:45%!important
}
#productDetailTab div.hkm-desc .hkm-desc-siblings tbody th
{
width:34%!important
}
#productDetailTab div.hkm-desc .hkm-desc-size
{
white-space:nowrap!important
}
#productDetailTab div.hkm-desc table tr
{
line-height: inherit;
background:transparent
}
#productDetailTab div.hkm-desc table tbody tr:nth-child(odd)
{
background:#F4F4F2
}
#productDetailTab div.hkm-desc .hkm-desc-siblings thead tr
{
background:#fff
}
#productDetailTab div.hkm-desc li
{
list-style:inherit
}
#productDetailTab div.hkm-desc a
{
display: inline;
margin-bottom:0!important
}
#productDetailTab div.hkm-desc a.hkm-desc-btn
{
display:inline-flex
}
@media(max-width:767px)
{
#productDetailTab div.hkm-desc .hkm-desc-siblings table th,#productDetailTab div.hkm-desc .hkm-desc-siblings table td
{
padding:8px 10px!important
}
#productDetailTab div.hkm-desc .hkm-desc-size
{
white-space:normal!important
}
}
/* HKM: urun detayinda kisa aciklama listesine madde isareti (V4).
   Nereye: Stil Yonetimi > urun detay CSS'inin (user_urun_detay_v1_06102025/urundetay.css) en sonuna.
   Neden: yeni uc iceriginde kisa aciklama <ul><li> listesi, ama V4 temasi listeyi isaretsiz duz satir gosteriyor.
   Icerik ve import degismez; yalniz bu kural eklenir. 09.10.2026'da canli Alicon B360 sayfasinda denendi. */
.shortDesc ul { list-style: disc; padding-left: 20px; margin: 0; }
.shortDesc li { display: list-item; margin: 2px 0; }
.shortDesc li::marker { color: #BB1E10; }