/* TAN TESBIH / TASARIM 2 / 2026-10-09 */
:root{--tan-ink:#101415;--tan-muted:#6f6b67;--tan-teal:#38b9bb;--tan-line:#e9e9e7}
html{scroll-behavior:smooth}
body,body input,body textarea,body button{font-family:Montserrat,Arial,sans-serif!important}
body{background:#fff!important;color:var(--tan-ink)}
#masthead{background:#fff!important;box-shadow:0 1px 0 #e9e9e9!important}
#masthead .header-wrap,#masthead .header-wrap-inner{background:#fff!important}
#masthead .main-menu-link,#masthead .nav-item>a,#masthead .menu-item>a.menu-link{
 text-transform:uppercase!important;letter-spacing:.45px!important;font-size:13px!important;font-weight:700!important;color:#101415!important
}
#masthead .sub-menu a,#masthead .sub-menu-link{text-transform:none!important;font-weight:500!important;font-size:12px!important;letter-spacing:0!important}
body .subheader,body.home .subheader,body .subheader.fixed{background:#080b0c!important;color:#fff!important;min-height:38px!important;border:0!important}
body .subheader *,body .subheader a,body .subheader .item{color:#fff!important}
body .subheader .page-container{min-height:38px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding-left:5%!important;padding-right:5%!important}
body .subheader .item{font-size:12px!important;font-weight:600!important;letter-spacing:.05px}
body .subheader .-right{margin-left:auto!important}
#masthead .branding .logo img,#masthead .site-branding img{max-height:88px!important;width:auto!important}
#masthead .header-wrap-inner{min-height:82px!important}
#koleksiyonlar{background:#fff!important;padding:55px 0 68px!important}
#koleksiyonlar .tan-kicker{display:none!important}
#koleksiyonlar h2{font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(31px,3vw,46px)!important;line-height:1.16!important;letter-spacing:-1.9px!important;font-weight:750!important;text-align:left!important;margin:0 0 10px!important}
#koleksiyonlar .tan-center-intro{text-align:left!important;font-size:15px!important;line-height:1.75!important;color:var(--tan-muted)!important;margin:0 0 24px!important}
#koleksiyonlar .tan-v2-cta{position:absolute!important;top:52px!important;right:0!important;display:inline-flex!important;align-items:center;gap:13px;padding:13px 21px;border-radius:50px;background:#f4f4f4;color:#101415;font-weight:700;font-size:12px;text-decoration:none;transition:background .2s}
#koleksiyonlar .tan-v2-cta:hover{background:#e8e8e7}
#koleksiyonlar{position:relative!important}
#koleksiyonlar .tan-categories-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;align-items:stretch!important;margin:0!important}
#koleksiyonlar .tan-categories-grid>br{display:none!important}
#koleksiyonlar .tan-categories-grid>a{
 aspect-ratio:1.53!important;min-height:0!important;height:auto!important;width:100%!important;border:0!important;border-radius:6px!important;padding:20px 18px!important;box-shadow:0 2px 9px rgba(0,0,0,.045)!important;
 display:flex!important;align-items:flex-end!important;justify-content:space-between!important;isolation:isolate!important;overflow:hidden!important;transform:none!important
}
#koleksiyonlar .tan-categories-grid>a:before{content:""!important;inset:-10px!important;background:var(--tan-photo) center center/cover no-repeat!important;filter:blur(18px) brightness(.82)!important;transform:scale(1.12)!important;z-index:0!important}
#koleksiyonlar .tan-categories-grid>a:after{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(180deg,rgba(0,0,0,.015) 30%,rgba(0,0,0,.8) 100%)!important;pointer-events:none!important}
#koleksiyonlar .tan-categories-grid>a img.tan-category-photo{
 width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;position:absolute!important;inset:0!important;object-fit:cover!important;object-position:center 43%!important;filter:saturate(1.09) contrast(1.035)!important;-webkit-mask-image:none!important;mask-image:none!important;transform:scale(1)!important;transition:transform .5s ease!important;z-index:1!important
}
#koleksiyonlar .tan-categories-grid>a:hover img.tan-category-photo{transform:scale(1.045)!important}
#koleksiyonlar .tan-categories-grid>a>span{z-index:4!important;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.35)!important;font-size:17px!important;font-weight:700!important;letter-spacing:-.2px!important}
#koleksiyonlar .tan-categories-grid>a .tan-arrow{font-family:Montserrat,Arial,sans-serif!important;font-size:25px!important;line-height:1!important}
#colophon{background:#fff!important;border-top:1px solid #e6e6e5!important;color:#191919!important}
#colophon .page-container{max-width:1640px!important}
#colophon.tan-v2-ready>.page-container>.widgets.vc_row{
 display:grid!important;grid-template-columns:1.13fr 1fr 1.08fr 1fr 1.14fr!important;gap:29px!important;padding:49px 0 42px!important;align-items:start!important
}
#colophon.tan-v2-ready>.page-container>.widgets.vc_row>.widgets-column{
 width:auto!important;min-width:0!important;max-width:none!important;float:none!important;flex:none!important;padding:0!important;margin:0!important
}
#colophon .widget-title,#colophon .tan-footer-legal-col h3{font-family:Montserrat,Arial,sans-serif!important;font-size:15px!important;line-height:1.4!important;letter-spacing:-.25px!important;font-weight:750!important;color:#161616!important;margin:0 0 15px!important}
#colophon .widget,#colophon p,#colophon a{font-family:Montserrat,Arial,sans-serif!important;font-size:13px!important;line-height:1.85!important;color:#262626!important;text-decoration:none!important}
#colophon .widget p{margin:0 0 8px!important}
#colophon .widget a:hover,#colophon .tan-footer-legal-col nav a:hover{color:#0c777a!important}
#colophon .widget_ohio_widget_logo .logo img{width:161px!important;max-width:161px!important;height:auto!important;max-height:none!important}
#colophon .tan-footer-legal-col nav{gap:4px!important}
#colophon .tan-footer-legal-col nav a{font-size:13px!important;line-height:1.85!important;font-weight:400!important;color:#262626!important}
#colophon .tan-footer-legal-col .tan-footer-legal-divider,#colophon .tan-payments-label,#colophon .tan-payment-caption{display:none!important}
#colophon .tan-footer-payments{max-width:218px!important;height:auto!important;object-fit:contain!important}
#colophon .tan-footer-phone{color:#df2739!important;font-size:15px!important;font-weight:650!important;display:inline-block!important}
#colophon .tan-wa-duplicate{display:none!important}
#colophon .tan-v2-follow{display:block;margin:13px 0 5px!important;font-weight:750;font-size:13px!important}
#colophon .tan-v2-social{display:block;font-weight:600}
#colophon .tan-v2-brand{font-weight:650;font-size:13px;margin-bottom:12px}
#colophon .tan-v2-address{font-size:12.5px;color:#555;line-height:1.75}
#colophon .tan-v2-bottom{
 border-top:1px solid #e7e7e5!important;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0 25px!important;flex-wrap:wrap
}
#colophon .tan-v2-copyright{color:#777;font-size:11px!important;line-height:1.8}
#colophon .tan-v2-copyright a{font-size:11px!important;text-decoration:underline!important}
#colophon .tan-v2-bottom img{width:210px!important;max-width:210px!important;height:auto!important;display:block}
#colophon .tan-v2-legal-meta{display:flex;gap:14px;flex-wrap:wrap}
#colophon .tan-footer-legal-col .tan-footer-payments{display:none!important}
.tan-404-page{max-width:850px;margin:0 auto;text-align:center;min-height:66vh;padding:105px 22px 120px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.tan-404-code{font-size:clamp(120px,20vw,240px);line-height:1;font-weight:800;letter-spacing:-18px;color:#0e1819}
.tan-404-page h1{font-size:clamp(31px,4vw,48px)!important;font-weight:750!important;line-height:1.2;margin:25px 0 18px}
.tan-404-page p{font-size:16px;color:#717171;line-height:1.85;max-width:450px}
.tan-v2-primary{display:inline-flex!important;background:#101516;color:#fff!important;text-decoration:none!important;border-radius:50px;padding:14px 24px;margin-top:25px;font-size:13px;font-weight:700;gap:15px}
.tan-v2-primary:hover{background:#26585c}
.tan-v2-contact-cards h2,.tan-v2-contact-cards h3{font-size:clamp(19px,2.2vw,27px)!important;overflow-wrap:anywhere!important}
.tan-v2-map{max-width:1200px;margin:10px auto 55px;padding:0 15px}
.tan-v2-map iframe{width:100%;height:330px;display:block;border:0;border-radius:7px;background:#f3f3f3}
.tan-v2-map a{font-size:13px!important;display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#222!important}
#tan-v2-drawer{position:fixed;inset:0;z-index:2147483000;background:#080f11;color:#fff;display:none;overflow-y:auto;overscroll-behavior:contain;padding:25px clamp(22px,5vw,70px) 60px;box-sizing:border-box}
#tan-v2-drawer.is-open{display:block!important}
#tan-v2-drawer .tan-v2-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:47px}
#tan-v2-drawer .tan-v2-drawer-logo{color:#fff;font-size:25px;font-weight:800;letter-spacing:1px}
#tan-v2-drawer .tan-v2-drawer-close{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:26px;line-height:1;border-radius:40px;width:43px;height:43px;cursor:pointer}
#tan-v2-drawer .tan-v2-nav{max-width:670px;margin:0 auto}
#tan-v2-drawer .tan-v2-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:19px 0;border-bottom:1px solid #283238;background:transparent;color:#fff!important;text-decoration:none;font-size:clamp(17px,2.4vw,24px);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
#tan-v2-drawer .tan-v2-sub-toggle{border:0;background:transparent;color:#fff;font-size:24px;width:50px;height:48px;cursor:pointer}
#tan-v2-drawer .tan-v2-sub-wrap{display:none;padding:9px 8px 17px}
#tan-v2-drawer .tan-v2-sub-wrap.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:4px}
#tan-v2-drawer .tan-v2-sub-wrap a{display:block;font-size:12px!important;line-height:1.6;padding:10px 0;color:#d1dadb!important;text-decoration:none;letter-spacing:0;font-weight:500}
#tan-v2-drawer .tan-v2-sub-wrap a:hover{color:#73dcdb!important}
body.tan-v2-drawer-open{overflow:hidden!important}
body .hamburger-nav:not(.is-open){pointer-events:none}
body .hamburger-nav{z-index:100000!important}
@media(max-width:1200px){
 #colophon.tan-v2-ready>.page-container>.widgets.vc_row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #koleksiyonlar .tan-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
 #colophon.tan-v2-ready>.page-container>.widgets.vc_row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #koleksiyonlar .tan-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 #koleksiyonlar .tan-v2-cta{position:static!important;margin:0 0 18px!important}
}
@media(max-width:767px){
 #masthead .branding .logo img,#masthead .site-branding img{max-height:78px!important;transform:scale(1.2)!important;transform-origin:left center!important}
 #masthead .header-wrap-inner{min-height:76px!important}
 body .subheader{min-height:32px!important}
 body .subheader .page-container{padding:7px 16px!important;min-height:32px!important}
 body .subheader .-left .item{display:block!important;font-size:10px!important}
 body .subheader .-right .item{display:none!important}
 body .subheader .-right:before{content:"Güvenli Alışveriş";display:block!important;font-size:10px!important;white-space:nowrap}
 #koleksiyonlar{padding:32px 16px 45px!important}
 #koleksiyonlar h2{font-size:27px!important;letter-spacing:-.85px!important}
 #koleksiyonlar .tan-center-intro{font-size:13px!important;line-height:1.65!important}
 #koleksiyonlar .tan-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 #koleksiyonlar .tan-categories-grid>a{aspect-ratio:0.89!important;padding:10px!important}
 #koleksiyonlar .tan-categories-grid>a img.tan-category-photo{object-fit:cover!important;object-position:center center!important}
 #koleksiyonlar .tan-categories-grid>a>span{font-size:12px!important;font-weight:700!important;line-height:1.35!important}
 #koleksiyonlar .tan-categories-grid>a .tan-arrow{font-size:17px!important}
 #colophon>.page-container{padding-left:21px!important;padding-right:21px!important}
 #colophon.tan-v2-ready>.page-container>.widgets.vc_row{grid-template-columns:1fr!important;gap:27px!important;padding:36px 0 26px!important}
 #colophon .tan-v2-bottom{flex-direction:column;align-items:flex-start!important;gap:13px!important;padding-bottom:25px!important}
 #tan-v2-drawer .tan-v2-sub-wrap.is-open{grid-template-columns:repeat(2,minmax(0,1fr))}
 .woocommerce ul.products,.woocommerce-page ul.products,.woo-products-wrapper ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%!important;max-width:none!important;float:none!important;margin:0!important;min-width:0!important}
 .woocommerce ul.products li.product img{width:100%!important;height:auto!important;aspect-ratio:1!important;object-fit:cover!important}
 .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;line-height:1.4!important}
 .tan-v2-map iframe{height:260px}
}
/* Tan V2 final layout override */
html body #koleksiyonlar .tan-categories-grid>a{
height:218px!important;max-height:218px!important;min-height:0!important;aspect-ratio:auto!important;padding:16px!important
}
html body #koleksiyonlar .tan-categories-grid>a img.tan-category-photo{
width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;
object-fit:contain!important;object-position:center center!important;
-webkit-mask-image:radial-gradient(ellipse 78% 95% at 50% 50%,#000 68%,transparent 100%)!important;
mask-image:radial-gradient(ellipse 78% 95% at 50% 50%,#000 68%,transparent 100%)!important
}
html body #colophon.tan-v2-ready.tan-legal-footer-ready>.page-container>.widgets.vc_row{
display:grid!important;grid-template-columns:1.13fr 1fr 1.08fr 1fr 1.14fr!important;
column-gap:24px!important;row-gap:25px!important;align-items:start!important
}
html body #colophon.tan-v2-ready.tan-legal-footer-ready>.page-container>.widgets.vc_row>.widgets-column{
width:auto!important;max-width:none!important;min-width:0!important;flex:none!important;
margin:0!important;padding:0!important;float:none!important
}
html body #colophon>.page-container{max-width:1580px!important;box-sizing:border-box!important;
width:100%!important;padding-left:clamp(23px,5vw,72px)!important;
padding-right:clamp(23px,5vw,72px)!important;margin:0 auto!important}
html body #colophon.tan-v2-ready.tan-legal-footer-ready .tan-footer-legal-col .tan-footer-payments{
display:none!important}
html body #colophon .copyright,html body #colophon .holder:has(>.copyright){
display:none!important}
html body #colophon .tan-v2-bottom{padding-top:20px!important;padding-bottom:27px!important}
html body #colophon .tan-footer-legal-col nav a{font-size:13px!important;font-weight:400!important;line-height:1.85!important}
@media(max-width:1200px){
html body #colophon.tan-v2-ready.tan-legal-footer-ready>.page-container>.widgets.vc_row{
grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
html body #colophon.tan-v2-ready.tan-legal-footer-ready>.page-container>.widgets.vc_row{
grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
html body #koleksiyonlar .tan-categories-grid>a{height:207px!important;max-height:207px!important}
html body #colophon.tan-v2-ready.tan-legal-footer-ready>.page-container>.widgets.vc_row{
grid-template-columns:1fr!important;gap:27px!important}
html body #colophon>.page-container{padding-left:22px!important;padding-right:22px!important}
}

/* Panoramic 13-photo collection set; no portrait frame seams */
html body #koleksiyonlar .tan-categories-grid>a img.tan-category-photo{object-fit:cover!important;object-position:center center!important;-webkit-mask-image:none!important;mask-image:none!important;width:100%!important;height:100%!important;}

/* Tan V2 mobile footer and clean navigation 2026-10-09 */
html body #colophon .site-footer-copyright{display:none!important}
html body #masthead .main-menu-link span{text-transform:uppercase!important}
html body #masthead .sub-menu-link span{text-transform:none!important}
html body #masthead .nav-item.menu-item-depth-0:before{display:none!important;content:none!important}
@media(max-width:767px){
html body #colophon.tan-v2-ready .page-container>.widgets.vc_row{
margin-left:0!important;margin-right:0!important;padding:0!important;width:100%!important
}
html body #colophon.tan-v2-ready .page-container>.widgets.vc_row>.widgets-column{
padding:0!important;margin:0!important;min-width:0!important
}
html body #colophon>.page-container{padding-left:23px!important;padding-right:23px!important}
html body #colophon .tan-v2-bottom{margin-left:0!important;padding-left:0!important;padding-right:0!important}
}

/* Tan Tesbih: kartlardaki ana fiyat masaustu ve mobilde yuzde 50 kucultuldu. */
html body #page .product .card-details .woo-price .price ins,
html body #page .product .card-details .woo-price .price > .amount {font-size:18.75px!important;line-height:1.3!important;letter-spacing:-.4px!important;}
@media(max-width:767px){html body #page .product .card-details .woo-price .price ins,html body #page .product .card-details .woo-price .price > .amount{font-size:15.75px!important;}}

/* Tan Tesbih: product gallery controls, all screen sizes */
html body.single-product #page .share-bar{display:none!important;}
html body.single-product #page .woo-product-image-slider.tan-gallery-ready{position:relative!important;}
html body.single-product #page .tan-gallery-ready .product_images{display:flex!important;flex-wrap:nowrap!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative!important;width:100%!important;}
html body.single-product #page .tan-gallery-ready .product_images::-webkit-scrollbar{display:none;}
html body.single-product #page .tan-gallery-ready .product_images > .woocommerce-product-gallery__image{flex:0 0 100%!important;width:100%!important;min-width:100%!important;margin:0!important;scroll-snap-align:start;scroll-snap-stop:always;}
html body.single-product #page .tan-gallery-nav{position:absolute!important;right:14px!important;bottom:18px!important;z-index:20;display:flex;align-items:center;gap:3px;background:rgba(255,255,255,.97);color:#111;padding:3px;border:1px solid rgba(0,0,0,.15);border-radius:30px;box-shadow:0 3px 14px rgba(0,0,0,.2);}
html body.single-product #page .tan-gallery-nav button{display:flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#111!important;font-size:24px!important;line-height:1!important;cursor:pointer;}
html body.single-product #page .tan-gallery-nav button:hover{background:#eee!important;}
html body.single-product #page .tan-gallery-nav button:focus-visible{outline:2px solid #111;outline-offset:1px;}
html body.single-product #page .tan-gallery-count{font-size:12px!important;font-weight:600;min-width:33px;text-align:center;white-space:nowrap;}