:root{--brand:#dd202f;--brand2:#f16b74;--ink:#17181b;--muted:#65686f;--line:#ebebed;--pale:#fff5f6;--card:#fff;--bg:#fafafa;--max:1370px}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(var(--max),94%);margin:0 auto}
.topline{height:4px;background:linear-gradient(90deg,#e22031 0%,#ff6a78 63%,#151515 100%)}.topinfo{background:#f9f9fa;border-bottom:1px solid var(--line);color:#6b6c71;font-size:11px}.topinfo .wrap{display:flex;align-items:center;justify-content:space-between;padding:6px 0;gap:12px}.topinfo a:hover{color:var(--brand)}
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 18px #00000006}.headerbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 0}.brand{display:flex;flex:0 0 auto;align-items:center}.brand img{display:block;width:238px;height:auto}.navitems{display:flex;gap:24px;align-items:center;justify-content:center;font-size:13px;font-weight:800}.navitems a,.navbutton{padding:10px 3px;color:#292b2f}.navitems a:hover,.navbutton:hover{color:var(--brand)}.navbutton{border:0;background:transparent;font-weight:800;display:inline-flex;gap:5px;align-items:center}.navbutton:after{content:'⌄';font-size:15px}.navright{display:flex;gap:10px;align-items:center}.searchtop{display:flex;align-items:center;border:1px solid #e3e4e7;background:#fbfbfb;border-radius:10px;padding:0 8px;max-width:230px}.searchtop input{border:0;background:transparent;min-width:0;width:160px;padding:10px 5px;outline:none;font-size:12px}.searchtop button{border:0;background:transparent;color:var(--brand);font-size:18px}.quotetop{background:var(--brand);color:#fff;border-radius:9px;font-weight:800;white-space:nowrap;padding:11px 15px;font-size:12px}.quotetop:hover{background:#bc1323}.menubtn{display:none;border:1px solid #eee;background:#fff;border-radius:8px;padding:8px 10px;font-size:21px}
.megamenu{position:absolute;top:calc(100% + 0px);left:0;right:0;background:#fff;border-bottom:1px solid #e8e8eb;box-shadow:0 25px 40px #00000014;display:none;z-index:55}.megamenushell{padding:26px 0 25px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px}.megamenu.open{display:block}.megacol h3{color:#191b20;font-size:13px;border-left:3px solid #ef6e7a;padding-left:9px;margin:0 0 9px}.megacol a{display:block;font-size:12px;color:#595d62;line-height:1.25;padding:7px 0;transition:color .16s}.megacol a:hover{color:var(--brand)}.mobilemenu{display:none;background:#fff;border-top:1px solid #eee;padding:8px 4% 24px;max-height:75vh;overflow:auto}.mobilemenu.open{display:block}.mobilemenu details{border-bottom:1px solid #eee}.mobilemenu summary{cursor:pointer;padding:12px 8px;font-weight:800}.mobilemenu a{display:block;padding:9px 12px;color:#4f5056;font-size:14px}.mobilemenu a:hover{color:var(--brand)}
/* Printica cinematic 2: visible fade + perspective-like optical zoom.
   Animation is explicit (not inherited from transitions), including on Windows
   where system Motion/Animation Effects is disabled. */
.slide-wrap{background:#f6f6f6;position:relative;overflow:hidden;isolation:isolate}
.slide-track{position:relative;width:100%;aspect-ratio:3/1}
.slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;pointer-events:none;z-index:0;overflow:hidden;transform:scale(1)}
.slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.slide.is-exiting{opacity:1;visibility:visible;pointer-events:none;z-index:1}
.slide.is-entering{animation:printicaCinematicReveal 1.2s cubic-bezier(.2,.65,.28,1) both}
.slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@keyframes printicaCinematicReveal{
  0%{opacity:0;transform:scale(1.07);filter:brightness(.91)}
  56%{opacity:.83;filter:brightness(.98)}
  100%{opacity:1;transform:scale(1);filter:brightness(1)}
}
#bannerSlider .slide-arr,#bannerSlider .slide-controls{z-index:5}
.slide-controls{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:2;background:#ffffffd9;border:1px solid #ffffffbc;border-radius:99px;padding:8px 12px;box-shadow:0 3px 15px #0001}.slide-dot{width:8px;height:8px;border-radius:50%;border:0;background:#bfc0c4;padding:0}.slide-dot.current{background:var(--brand);width:22px;border-radius:9px}.slide-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border:1px solid #fff7;background:#ffffffe5;color:#222;border-radius:50%;font-size:24px;display:grid;place-items:center;line-height:1;box-shadow:0 6px 18px #0002}.slide-arr.left{left:19px}.slide-arr.right{right:19px}.slide-pause{border:0;background:transparent;color:#515358;font-size:12px;font-weight:900;padding:0 4px}
.statbar{background:#fff;border-bottom:1px solid #eee}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0}.stat{display:flex;align-items:center;gap:12px}.stat-icon{background:#ffedf0;color:var(--brand);width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:bold}.stat strong{display:block;font-size:14px}.stat small{color:#85878a;font-size:11px}
.category-section{padding:52px 0 86px}.eyebrow{color:var(--brand);font-weight:900;letter-spacing:1.7px;font-size:11px;text-transform:uppercase}.hgroup{margin-bottom:28px}.hgroup h1,.hgroup h2{font-size:clamp(27px,3.2vw,42px);margin:8px 0 10px;letter-spacing:-1.2px;line-height:1.17}.hgroup p{margin:0;max-width:830px;color:#73767d;font-size:14px}.grid-category{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.category-card{position:relative;display:block;background:#fff;border:1px solid #ececee;aspect-ratio:1/1;border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 7px 17px #00000008}.category-card:before{content:'';position:absolute;top:0;left:0;height:6px;width:60px;background:#f29ca3;border-radius:0 0 7px 0;z-index:2}.category-card:hover{transform:translateY(-5px);border-color:#edb8bd;box-shadow:0 16px 34px #00000013}.category-card:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.category-card img{width:100%;height:100%;display:block;object-fit:contain;padding:11px 11px 42px;background:#fff;filter:none}.category-card .tag{position:absolute;right:0;bottom:0;left:0;min-height:48px;background:#fff;color:#202126;border-top:1px solid #f1e5e6;display:flex;align-items:center;padding:10px 12px;font-size:13px;font-weight:900;text-transform:uppercase;line-height:1.2;letter-spacing:.05px}.category-card .tag:before{content:'';width:4px;height:22px;background:#e96875;margin-right:8px;flex-shrink:0;border-radius:99px}.category-foot{margin-top:23px;color:#85878b;font-size:12px}.category-foot strong{color:#de3342}
.breadcrumb{padding:19px 0 0;font-size:12px;color:#898a8d}.breadcrumb a:hover{color:var(--brand)}.breadcrumb span{color:var(--brand);font-weight:800}.category-hero{background:linear-gradient(110deg,#fff5f6 0%,#fff 78%);border-bottom:1px solid #f1e7e8}.category-hero .inner{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:28px 0}.category-hero h1{font-size:clamp(30px,4vw,44px);margin:4px 0 8px;letter-spacing:-1px}.category-hero p{color:#73767c;margin:0;max-width:770px}.hero-thumb{width:125px;height:125px;object-fit:contain;background:#fff;border-radius:14px;border:1px solid #eee;padding:10px}
.catalog-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px;padding-top:32px;padding-bottom:70px}.side-panel{border:1px solid #eee;border-radius:14px;overflow:hidden;align-self:start;position:sticky;top:116px;background:#fff}.side-panel h2{font-size:14px;letter-spacing:.3px;padding:15px 15px 13px;border-bottom:1px solid #eee;margin:0;background:#fcfcfc}.side-panel details{border-bottom:1px solid #f0f0f0}.side-panel details:last-child{border-bottom:0}.side-panel summary{list-style:none;display:flex;justify-content:space-between;gap:6px;cursor:pointer;font-size:12px;font-weight:900;padding:11px 14px;background:#fff;color:#333}.side-panel summary::-webkit-details-marker{display:none}.side-panel summary:after{content:'+';color:#d52a39;font-weight:900}.side-panel details[open] summary:after{content:'−'}.side-panel a{display:block;padding:8px 11px 8px 24px;color:#76787c;font-size:12px;border-left:3px solid transparent}.side-panel a:hover,.side-panel a.current{background:#fff2f3;border-left-color:#e36a76;color:#b31928;font-weight:800}
.catalog-results{min-width:0}.filterbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.filterbar .input{width:min(360px,100%);padding:12px 14px;border:1px solid #e2e2e5;border-radius:10px;outline:none;background:#fff}.filterbar .input:focus{border-color:#e35665}.filterbar select{border:1px solid #e4e4e7;background:#fff;border-radius:9px;padding:12px 10px}.result-count{font-size:12px;color:#87898e;margin-bottom:18px}.grid-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{border:1px solid #e9e9eb;background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 7px 16px #00000004;transition:box-shadow .18s,transform .18s}.product-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #00000010}.product-photo{position:relative;aspect-ratio:1.12/1;display:flex;align-items:center;justify-content:center;background:#fff}.product-photo img{width:100%;height:100%;object-fit:contain;padding:12px}.product-body{padding:13px;display:flex;flex-direction:column;flex:1}.product-code{font-size:10px;text-transform:uppercase;color:#cf3040;font-weight:900;letter-spacing:1px}.product-body h3{font-size:13px;font-weight:800;line-height:1.3;margin:6px 0 7px;min-height:34px}.product-desc{font-size:11px;line-height:1.48;color:#82858a;margin:0 0 13px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-actions{display:grid;grid-template-columns:1fr auto;gap:7px}.offer{background:var(--brand);border:1px solid var(--brand);border-radius:8px;color:#fff;text-align:center;font-size:11px;font-weight:800;padding:10px 6px}.offer:hover{background:#b7192b}.details-btn{border:1px solid #ddd;background:#fff;border-radius:8px;font-size:11px;font-weight:800;padding:9px}.more-btn{display:block;margin:27px auto 0;background:#222;color:#fff;border:0;border-radius:9px;padding:13px 22px;font-size:12px;font-weight:800}.empty{display:none;padding:55px 20px;border:1px dashed #ddd;border-radius:12px;color:#818186;text-align:center}
.quote-section{background:#1a1b1e;color:#fff;padding:58px 0}.quote-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.quote-grid h2{font-size:32px;line-height:1.16;margin:10px 0 13px}.quote-grid p{font-size:14px;line-height:1.8;color:#cacacf}.quote-box{display:flex;flex-direction:column;gap:11px}.quote-box a{font-weight:700;color:#f6f6f7}.quote-form{background:#fff;color:#212224;border-radius:15px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form label{font-weight:800;font-size:11px}.quote-form input,.quote-form textarea{width:100%;margin-top:7px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 12px}.quote-form .wide{grid-column:1/-1}.quote-form textarea{min-height:90px;resize:vertical}.quote-form button{grid-column:1/-1;background:var(--brand);border:0;color:#fff;padding:13px 12px;border-radius:8px;font-weight:900}
footer{background:#101114;color:#ccc;padding:28px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.foot img{width:160px;background:#fff;border-radius:6px;padding:4px}.foot small{color:#999}.wa-float{position:fixed;right:17px;bottom:18px;z-index:70;background:#19a15c;color:#fff;border-radius:99px;box-shadow:0 5px 16px #0003;padding:11px 17px;font-size:13px;font-weight:900}
dialog.product-dialog{max-width:min(900px,95vw);width:860px;max-height:90vh;padding:0;border:0;border-radius:16px;box-shadow:0 20px 70px #0006;overflow:auto}dialog.product-dialog::backdrop{background:#0009}.dialog-grid{display:grid;grid-template-columns:1.1fr .9fr}.dialog-photo{background:#fff;min-height:340px;display:flex;flex-direction:column;justify-content:center}.dialog-photo img{width:100%;max-height:58vh;object-fit:contain;padding:12px}.dialog-thumbs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 10px 12px}.dialog-thumbs button{border:1px solid #ddd;border-radius:7px;background:#fff;width:54px;height:54px;padding:3px;overflow:hidden}.dialog-thumbs button.selected{border:2px solid var(--brand)}.dialog-thumbs img{width:100%;height:100%;object-fit:contain}.dialog-info{background:#fafafa;border-left:1px solid #eee;padding:30px 23px;display:flex;flex-direction:column;gap:11px}.dialog-info h2{font-size:26px;margin:3px 0 6px}.dialog-info p{font-size:14px;line-height:1.7;color:#6e7076}.dialog-close{align-self:flex-end;border:0;background:#19191c;color:#fff;border-radius:7px;width:35px;height:35px;font-size:21px}
@media(max-width:1280px){.grid-category{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-products{grid-template-columns:repeat(3,minmax(0,1fr))}.navitems{gap:14px}}
@media(max-width:1090px){.grid-category{grid-template-columns:repeat(4,minmax(0,1fr))}.brand img{width:195px}.navright .searchtop{display:none}.megamenushell{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:840px){.topinfo{display:none}.brand img{width:188px}.navitems{display:none}.menubtn{display:block}.grid-category{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-shell{grid-template-columns:1fr}.side-panel{position:static}.grid-products{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-grid{grid-template-columns:1fr;gap:25px}.megamenushell{grid-template-columns:repeat(3,minmax(0,1fr))}.slide-arr{width:34px;height:34px}.slide-arr.left{left:7px}.slide-arr.right{right:7px}}
@media(max-width:610px){.headerbar{gap:10px;padding:10px 0}.brand img{width:min(49vw,172px)}.quotetop{font-size:11px;padding:10px}.grid-category{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-card .tag{font-size:11px;min-height:52px;padding:8px 7px}.category-card img{padding-bottom:48px}.grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-photo{aspect-ratio:1/1}.product-body{padding:10px}.product-body h3{font-size:12px}.stats{gap:9px;padding:15px 0}.stat{display:block;text-align:center}.stat-icon{margin:0 auto 7px}.stat strong{font-size:11px}.stat small{font-size:9px}.hgroup{margin-bottom:20px}.category-section{padding:32px 0 60px}.slide-track{height:245px;aspect-ratio:auto}.slide img{height:245px;aspect-ratio:auto;object-position:left center;object-fit:cover}.slide-controls{bottom:5px;padding:6px}.slide-dot{height:6px;width:6px}.slide-dot.current{width:15px}.category-hero .inner{padding:22px 0}.hero-thumb{width:88px;height:88px}.grid-products{gap:9px}.dialog-grid{grid-template-columns:1fr}.dialog-photo{min-height:0}.dialog-photo img{height:35vh}.dialog-info{padding:15px}.quote-form{grid-template-columns:1fr}.quote-form .wide{grid-column:auto}.foot{display:block;text-align:center}.foot img{margin:0 auto 12px}.breadcrumb{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Kategori menüsü: 13 üst grup ve 47 alt menü; yerel dosyalarda da çalışır. */
.megamenu.open{display:block}.megamenushell{grid-template-columns:repeat(5,minmax(0,1fr));max-height:min(72vh,680px);overflow-y:auto;row-gap:25px;column-gap:26px;scrollbar-color:#eeb8bd #fafafa}.megacol{min-width:0}.megacol h3{font-size:13px;line-height:1.35;letter-spacing:.1px;color:#25262b;border-left:3px solid #eb7983;margin:0 0 7px;padding:2px 0 2px 10px}.megacol a{font-size:12px;line-height:1.3;padding:6px 4px 6px 13px;border-radius:6px}.megacol a:hover,.megacol a:focus-visible{background:#fff1f3;color:#b81627;text-decoration:none}.mobilemenu summary{color:#25262b}.mobilemenu a{padding-left:24px}.side-panel{max-height:calc(100vh - 130px);overflow-y:auto}.side-panel details[open] summary{background:#fff7f8;color:#be2535}.side-panel a.current{font-weight:900;border-left-color:#dd2030;background:#fff0f2;color:#b91729}.category-card .tag{text-transform:none;letter-spacing:.02px;font-size:13px}.category-hero h1{text-transform:none}.navitems .navbutton[aria-expanded=true]{color:#d82232}
@media(max-width:1100px){.megamenushell{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.megamenu{display:none!important}.side-panel{max-height:none;position:relative;top:auto}}

/* PRINTICA 2027: larger standalone product codes and verified price ribbons */
.product-code{font-size:16px!important;font-weight:900!important;letter-spacing:.25px!important;line-height:1.2!important;color:#17191d!important;text-transform:none!important;margin:1px 0 4px!important}
.product-photo{position:relative!important}
.price-ribbon{position:absolute;top:12px;right:0;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:0;background:#d8192e;color:#fff;padding:9px 13px 9px 17px;border-radius:10px 0 0 10px;box-shadow:0 5px 14px rgba(100,0,12,.19);max-width:92%;text-align:right;pointer-events:auto}
.price-ribbon strong{font-weight:900;font-size:15px;line-height:1.2;color:#fff;white-space:nowrap}
.price-ribbon small{font-size:9px;font-weight:600;color:#fff;opacity:.9;line-height:1.3;white-space:nowrap;margin-top:2px}
.price-disclaimer{margin:8px 0 18px;color:#666;font-size:12px;line-height:1.6;background:#fff8f8;border-left:3px solid #d8192e;border-radius:6px;padding:8px 12px}
#dialogCode{font-size:18px!important;font-weight:900!important;color:#1a1a1d!important}
@media(max-width:620px){.product-code{font-size:15px!important}.price-ribbon{top:8px;padding:7px 10px 7px 11px}.price-ribbon strong{font-size:13px}.price-ribbon small{font-size:8px}}

/* 2027 PRINTICA — Büyük 28 kategori kartı, küçük fiyat etiketi, bağımsız ürün detayları */
:root{--max:1550px}
.grid-category{grid-template-columns:repeat(6,minmax(0,1fr));gap:19px}
.category-card{aspect-ratio:.84/1;min-height:232px;border-radius:17px}
.category-card img{padding:15px 15px 57px}
.category-card .tag{min-height:59px;font-size:14px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.05px}
.category-card:hover .tag{background:#fff7f8}
.product-card{cursor:pointer}.product-photo{overflow:hidden}
.product-photo-link{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}
.product-photo-link img{width:100%;height:100%;object-fit:contain;padding:36px 12px 12px!important;transition:transform .25s ease}
.product-card:hover .product-photo-link img{transform:scale(1.03)}
.price-ribbon,.price-ribbon.price-variant{position:absolute;top:8px;right:8px;left:auto;z-index:3;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;background:#cf172c;color:#fff;font-size:12px;font-weight:900;line-height:1.1;padding:6px 8px;border-radius:7px;box-shadow:none;max-width:65%;white-space:nowrap;pointer-events:none}
.price-ribbon strong{font-size:12px;font-weight:900;line-height:1.1;color:#fff}
.price-ribbon small{display:none!important}
.product-code{font-size:16px!important;font-weight:900!important;letter-spacing:0!important}
.product-body .details-btn{display:flex;align-items:center;justify-content:center;min-width:94px;text-align:center}
.product-actions{grid-template-columns:1fr auto}
/* Complete standalone product page */
.product-breadcrumb{padding:18px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#6e7076;font-size:12px}
.product-breadcrumb span:last-child{color:#d31e30;font-weight:900}
.product-breadcrumb a:hover{color:#d31e30}
.detail-wrapper{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:45px;padding:17px 0 36px;align-items:start}
.detail-visual{min-width:0}
.zoom-stage{height:min(42vw,580px);min-height:350px;border:1px solid #e7e8eb;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:zoom-in;box-shadow:0 9px 32px rgba(15,15,20,.04);touch-action:pan-y}
.zoom-stage:focus-visible{outline:3px solid #dd2030;outline-offset:3px}
.zoom-stage img{width:100%;height:100%;max-width:100%;object-fit:contain;pointer-events:none;padding:16px;display:block;user-select:none}
.zoom-cue{position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.94);border:1px solid #ebeaed;color:#333;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800;z-index:3;box-shadow:0 3px 12px #0001}
.zoom-lens{position:absolute;width:160px;height:160px;border-radius:50%;box-shadow:0 5px 28px rgba(0,0,0,.25);border:4px solid #fff;background-color:#fff;background-repeat:no-repeat;pointer-events:none;transform:translate(-50%,-50%);display:none;z-index:5}
.zoom-stage.zooming .zoom-lens{display:block}.zoom-stage.zooming .zoom-cue{display:none}
.detail-thumbs{display:flex;flex-wrap:wrap;gap:11px;margin-top:15px}
.detail-thumb{background:#fff;border:1px solid #e4e4e8;border-radius:12px;width:85px;height:85px;padding:5px;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.detail-thumb.selected{border:2px solid #d7192c;box-shadow:0 4px 17px #d7192c19}
.detail-thumb:hover{border-color:#d7192c}.detail-thumb img{width:100%;height:100%;object-fit:contain}
.detail-gallery-note{font-size:11px;color:#93959a;margin:12px 0}
.detail-info{padding:10px 0 0}.detail-category-kicker{color:#d01b2d;font-size:11px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}
.detail-code{font-size:18px;font-weight:900;background:#fff0f2;color:#c8172a;padding:7px 12px;border-radius:10px;display:inline-block;margin:16px 0 9px}
.detail-info h1{font-size:clamp(29px,3.5vw,48px);letter-spacing:-1.5px;line-height:1.13;margin:3px 0 17px}
.detail-price-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 8px}
.detail-price-tag{display:inline-block;background:#cf172c;color:#fff;font-size:24px;font-weight:900;line-height:1;padding:11px 16px;border-radius:9px}
.detail-price-missing{font-weight:900;color:#2d2d32;font-size:16px}
.detail-price-caption{font-size:12px;color:#85868c;font-weight:600}
.variant-disclaimer{color:#85868d;font-size:12px;line-height:1.55;margin:8px 0 18px}
.detail-divider{height:1px;background:#ededf0;margin:20px 0 22px}
.detail-info h2{font-size:16px;margin:15px 0 9px}
.detail-desc{font-size:14px;color:#62666d;line-height:1.8;margin:0 0 18px}
.detail-specs{padding:0;margin:8px 0 24px;display:grid;gap:7px;list-style:none}
.detail-specs li{background:#f8f8f9;border-left:3px solid #eeb1b7;padding:9px 12px;font-size:13px;color:#34363d;border-radius:0 7px 7px 0}
.detail-cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.detail-quote{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#d41a2d;color:#fff;font-weight:900;padding:13px 20px;font-size:14px}
.detail-quote:hover{background:#b41022}.detail-back{border-radius:10px;background:#f4f4f5;color:#333;font-weight:900;padding:12px 17px;font-size:13px}
.detail-points{display:flex;flex-wrap:wrap;gap:8px 14px;color:#7d8186;font-size:11px;border-top:1px solid #eee;margin:24px 0 0;padding:15px 0}
.detail-extra{padding:12px 0 35px}.detail-extra-panel{border-radius:15px;border:1px solid #e9e9eb;padding:22px 26px;background:#fff}.detail-extra-panel h2{font-size:20px;margin:0 0 8px}.detail-extra-panel p{font-size:13px;line-height:1.8;color:#6b6c73}
.detail-related{padding:14px 0 60px}.detail-related h2{font-size:25px;margin:0 0 17px}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.related-card{border:1px solid #ededed;border-radius:14px;overflow:hidden;padding:11px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff}.related-card:hover{border-color:#ef909a;box-shadow:0 11px 24px #0000000d}
.related-card img{width:100%;height:155px;object-fit:contain}.related-card strong{font-size:14px;color:#c91c2e}.related-card span{font-size:13px;text-align:center}
.detail-lightbox[hidden]{display:none!important}.detail-lightbox{position:fixed;z-index:500;inset:0;display:grid;place-items:center;background:rgba(10,10,13,.93);padding:65px 18px 18px;touch-action:pan-y}
.detail-lightbox img{max-width:min(94vw,1300px);max-height:calc(100vh - 100px);object-fit:contain;background:#fff;border-radius:10px}
.detail-lightbox button{position:fixed;right:22px;top:14px;width:48px;height:48px;color:#fff;background:#ffffff22;border:1px solid #ffffff66;border-radius:12px;font-size:32px;cursor:pointer}
body.lightbox-open{overflow:hidden}
@media(max-width:1280px){.category-card{min-height:230px}.grid-category{gap:16px}}
@media(max-width:1090px){.detail-wrapper{gap:25px}.detail-thumb{width:72px;height:72px}}
@media(max-width:840px){.detail-wrapper{grid-template-columns:1fr;gap:15px}.zoom-stage{height:min(82vw,550px)}.detail-info h1{font-size:37px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:610px){.category-card{aspect-ratio:.86/1;min-height:205px}.category-card img{padding:10px 10px 55px}.category-card .tag{min-height:51px;font-size:12px}.grid-category{gap:11px}.product-photo-link img{padding:31px 8px 7px!important}.price-ribbon,.price-ribbon.price-variant{top:6px;right:6px;padding:5px 6px;font-size:11px;border-radius:6px}.price-ribbon strong{font-size:11px}.product-body .details-btn{min-width:76px;font-size:10px}.zoom-stage{min-height:310px;height:78vw}.zoom-cue{font-size:10px}.detail-thumb{width:64px;height:64px}.detail-info h1{font-size:32px}.detail-price-tag{font-size:20px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-card img{height:135px}.detail-extra-panel{padding:17px}}
@media(hover:none){.zoom-lens{display:none!important}.zoom-stage{cursor:pointer}}
/* Responsive six-column cards: prevent later desktop rules from overriding mobile layout. */
@media (max-width:1280px){.grid-category{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1090px){.grid-category{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:840px){.grid-category{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:610px){.grid-category{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{min-height:205px}}
@media (max-width:430px){.grid-category{gap:10px}.category-card .tag{font-size:11.5px}}

/* Printica 23 Ekim: requested brand-red category headlines and codes */
.category-card .tag,.category-card:hover .tag{color:#d11e31!important;text-transform:uppercase!important}
.product-card .product-code,.product-body .product-code{color:#d11e31!important;font-size:16px!important;font-weight:900!important}
.detail-info .detail-code{color:#d11e31!important;background:#fff1f3!important}
/* Fotoğraf fareyle hareket etmez: yalnızca tıklamayla Genie galerisi açılır. */
.zoom-stage .zoom-lens,.zoom-stage.zooming .zoom-lens{display:none!important}
.zoom-stage img,.zoom-stage.zooming img{transform:none!important;transition:none!important;will-change:auto!important}
.zoom-stage .zoom-cue{pointer-events:none}
@media(max-width:610px){.category-card .tag{color:#d11e31!important;font-size:12px}}

/* 23 Ekim 2026: Ürün kodu, tüm alt menü ve arama ürün kartlarında Printica kırmızısı. */
html body article.product-card .product-body .product-code,html body .catalog-results .product-code,html body .search-results .product-code{color:#d71930!important;font-size:17px!important;font-weight:900!important}
html body .detail-info .detail-code{color:#d71930!important}
@media(max-width:610px){html body article.product-card .product-body .product-code{font-size:16px!important}}

/* Prices unavailable: use the same compact red/white ribbon as a numerical price. */
.price-ribbon.quote-price{font-size:11px!important;letter-spacing:.015em;min-width:0;max-width:70%;padding:6px 8px;white-space:nowrap;font-weight:900;}
@media(max-width:620px){.price-ribbon.quote-price{font-size:10px!important;padding:5px 6px;}}


/* 2026-10-23 update: home category zone darkened to make white cards stand out */
#index-home-fix-placeholder{}
#kategoriler{background:linear-gradient(180deg,#20242b 0%,#2b3139 100%);padding:64px 0 92px;}
#kategoriler .wrap{position:relative}
#kategoriler .hgroup{margin-bottom:30px}
#kategoriler .eyebrow{font-size:14px;letter-spacing:2.2px;color:#ff6b79;display:inline-block;margin-bottom:6px}
#kategoriler h1{font-size:clamp(25px,2.8vw,37px)!important;color:#fff;margin-top:6px}
#kategoriler .hgroup p{color:#d3d7dc}
#kategoriler .category-foot{color:#c3c7cc}
#kategoriler .category-foot strong{color:#fff}
#kategoriler .grid-category{gap:18px}
#kategoriler .category-card{background:#fff;border-color:#d8dbe0;box-shadow:0 12px 28px rgba(0,0,0,.18)}
#kategoriler .category-card:hover{box-shadow:0 18px 38px rgba(0,0,0,.24)}
#kategoriler .category-card .tag{background:#fff}
@media(max-width:610px){#kategoriler{padding:40px 0 66px}#kategoriler .eyebrow{font-size:12px;letter-spacing:1.6px}#kategoriler h1{font-size:28px!important}}


/* 2026-10-23 update: lighter patterned home category zone */
#kategoriler{position:relative;background:linear-gradient(180deg,#eef1f4 0%,#e3e7eb 100%) !important;padding:66px 0 94px !important;overflow:hidden}
#kategoriler::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px, rgba(120,129,141,.16) 1px, transparent 1.2px),linear-gradient(135deg, rgba(255,255,255,.42) 25%, transparent 25%),linear-gradient(225deg, rgba(255,255,255,.3) 25%, transparent 25%);background-size:24px 24px, 72px 72px, 72px 72px;background-position:0 0, 0 0, 36px 36px;pointer-events:none;opacity:.9}
#kategoriler .wrap{position:relative;z-index:1}
#kategoriler .eyebrow{font-size:16px !important;letter-spacing:2.6px !important;color:#c62828 !important;font-weight:800}
#kategoriler h1{font-size:clamp(23px,2.35vw,32px) !important;color:#1f2630 !important}
#kategoriler .hgroup p{color:#4f5966 !important}
#kategoriler .category-foot{color:#5b6570 !important}
#kategoriler .category-foot strong{color:#232b34 !important}
#kategoriler .category-card{background:#fff !important;box-shadow:0 10px 24px rgba(75,85,99,.11) !important;border-color:#d9dde2 !important}
#kategoriler .category-card:hover{box-shadow:0 15px 30px rgba(75,85,99,.16) !important}
@media(max-width:610px){#kategoriler{padding:44px 0 70px !important}#kategoriler .eyebrow{font-size:13px !important;letter-spacing:1.9px !important}#kategoriler h1{font-size:26px !important}}

/* Varyant fiyatlari: Darica / Bostanci detay tablosu */
.variant-prices-heading{font-size:16px;line-height:1.4;margin:23px 0 12px;color:#25272d}
.variant-price-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:5px}
.variant-price-table th,.variant-price-table td{padding:11px 10px;border-bottom:1px solid #e7e8eb;text-align:left}
.variant-price-table th{background:#f6f7f9;font-weight:800}
.variant-price-table td:last-child{font-weight:900;color:#c51d31}
@media(max-width:610px){.variant-price-table th,.variant-price-table td{padding:9px 5px;font-size:11px}}


/* Stokta bulunan gerçek seçenekler — Printica */
.stock-options{padding:18px 0 20px;margin:12px 0 5px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.variant-block-heading{font-size:17px!important;letter-spacing:0!important;margin:2px 0 5px!important}
.variant-block-caption{color:#687079;font-size:12px;line-height:1.6;margin:0 0 10px}
.variant-selected{font-size:12px;margin:7px 0 11px;color:#4e545c}.variant-selected strong{color:#cf2537}.variant-selected #selectedVariantStock{font-weight:700}
.variant-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:9px;max-height:330px;overflow-y:auto;padding:2px 4px 5px 1px}
.variant-option{border:1.5px solid #e1e2e5;background:#fff;padding:8px;display:flex;gap:7px;align-items:center;text-align:left;cursor:pointer;border-radius:10px;min-height:75px;transition:box-shadow .15s,border .15s}
.variant-option:hover,.variant-option:focus-visible{border-color:#e45b66;outline:none;box-shadow:0 3px 12px #ae2b3b22}
.variant-option.is-selected{border-color:#cd2635;background:#fff4f5;box-shadow:0 0 0 1px #cd2635 inset}
.variant-option img{width:49px;height:55px;object-fit:contain;background:#fff;border:1px solid #f3f3f3;border-radius:5px;flex:0 0 auto}
.variant-option-text{min-width:0;display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.1}
.variant-option-text strong{color:#252931;font-size:12px;overflow-wrap:anywhere}
.variant-option-text small{font-size:10px;color:#6d737b;overflow-wrap:anywhere}
.variant-option-text .variant-stock{color:#2c6c4e;font-weight:700}
.available-option-count{margin:5px 0 6px;font-weight:800;font-size:11px;color:#256c4e}
@media(max-width:610px){.variant-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px}.variant-option{min-height:70px;padding:6px}.variant-option img{width:43px;height:52px}.variant-block-heading{font-size:15px!important}}

/* Printica: Metal Kalemler fiyat ve stoklu renk arayüzü (2026-10-23) */
.metal-variant-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}
.metal-variant-chip{display:flex;gap:12px;align-items:center;padding:12px 14px;min-width:0}
.metal-variant-chip .metal-color-swatch{display:inline-block;width:29px;height:29px;border:1px solid #b7bcc5;box-shadow:inset 0 1px 3px #0001;border-radius:50%;flex:none}
.metal-variant-chip .variant-option-text{text-align:left;min-width:0}
.metal-variant-chip .variant-option-text strong{display:block;font-size:13px}
.metal-variant-chip .variant-option-text small{display:block;font-size:11px;overflow-wrap:anywhere}
.metal-photo-note{font-size:12px;color:#6b737c;margin-top:14px;line-height:1.5}
.metal-availability-note{font-size:13px;padding:11px 14px;color:#773d1e;background:#fff9ed;border-left:3px solid #d1a260;border-radius:5px;line-height:1.5}
.metal-price-ribbon{color:#fff;background:#d62c39}
.product-photo{position:relative}
.metal-stock-badge{position:absolute;bottom:10px;left:10px;z-index:1;background:#ebfaf0;color:#176b39;font-size:10px;font-weight:750;padding:6px 9px;border-radius:20px;box-shadow:0 1px 5px #0001}
.metal-stock-badge.is-empty{background:#fff0f0;color:#972432}
.metal-stock-badge.is-pending{background:#f1f3f6;color:#566472}
@media(max-width:560px){.metal-variant-options{grid-template-columns:repeat(2,minmax(0,1fr))}.metal-variant-chip{padding:9px 6px;gap:7px}.metal-variant-chip .metal-color-swatch{width:20px;height:20px}}

/* Metal Kalemler | separate variant cards, no photo recoloring */
.metal-sku-color{display:flex;align-items:center;gap:7px;margin:3px 0 8px;font-size:12px;font-weight:750;color:#26313d}
.metal-sku-dot{width:15px;height:15px;border-radius:50%;border:1px solid #9599a3;display:inline-block;flex:none}
.metal-sku-photo-caveat{font-size:10px;line-height:1.4;color:#596678;padding:5px 9px;background:#f5f6f8}
.metal-stock-badge{font-size:10px}
@media(max-width:520px){.metal-sku-photo-caveat{font-size:9px}}

/* Metal Duvar Saatleri — renk/kadran bazlı 24.10.2026 */
.wallclock-other-variants{margin:18px 0;padding:14px;border:1px solid #e1e5e9;border-radius:10px;background:#fafbfc}.wallclock-option-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.wallclock-option-link{display:inline-flex;padding:10px 13px;text-decoration:none;background:#fff;border:1px solid #d9dce2;border-radius:9px;color:#282b30;font-size:13px;font-weight:600}.wallclock-option-link:hover,.wallclock-option-link:focus{border-color:#d62c39;color:#c32939}

/* Metalize Duvar Saatleri 24.10.2026: kod ve fotoğrafa özgü renk bağlantıları */
.metalize-sibling-options{margin:20px 0;padding:15px;border:1px solid #e5e6ea;border-radius:12px;background:#fafafa}.metalize-sibling-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.metalize-sibling-link{display:flex;align-items:center;gap:12px;background:white;border:1px solid #dadde3;border-radius:10px;padding:8px 12px;color:#30343a;text-decoration:none;font-size:13px;font-weight:650}.metalize-sibling-link:hover{border-color:#d62c39;color:#c32c3c}.metalize-sibling-link img{width:54px;height:54px;object-fit:contain}

/* Printica: stock-dated independent SKU pages throughout remaining categories */
.printica-choice-panel{margin:17px 0;padding:14px;border:1px solid #eceef0;border-radius:13px;background:#fcfcfd}.printica-choice-panel h2{font-size:16px;margin:0 0 10px}.printica-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.printica-choice-link{display:flex;gap:9px;align-items:center;padding:9px;background:#fff;border:1px solid #e5e7eb;border-radius:9px;text-decoration:none;color:#333;font-size:12px;font-weight:600}.printica-choice-link.is-current{border-color:#d83141}.printica-choice-link img{height:42px;width:42px;object-fit:contain}.printica-notice{margin:12px 0;padding:9px 12px;font-size:12px;color:#66542e;background:#fff9e7;border-radius:8px}.printica-unverified{font-size:12px;color:#6c7580;margin-top:8px}

/* 2026-10-25: unverified color image disclosure without altering any existing original images */
.sample-photo-note{position:absolute;right:5px;bottom:7px;z-index:3;max-width:96%;font-size:9px;line-height:1.25;font-weight:650;border:1px solid #d4dce2;background:rgba(255,255,255,.95);color:#383c43;border-radius:4px;padding:4px 6px;text-align:right;pointer-events:none}

/* Printica 25.10.2026: Unverified option photos must not masquerade as color-accurate product imagery */
.product-card.photo-model-only .product-photo{position:relative}
.printica-photo-status{position:absolute;left:9px;bottom:9px;padding:5px 8px;z-index:5;background:rgba(25,31,40,.88);color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;border-radius:6px;pointer-events:none}
.printica-color-key{position:absolute;bottom:9px;right:9px;z-index:5;background:#fff;color:#2e3440;border:1px solid #e2e5e9;box-shadow:0 2px 7px #0002;font-size:10px;font-weight:650;padding:4px 7px 4px 6px;border-radius:20px;pointer-events:none}
.printica-color-key::before{content:'';display:inline-block;width:12px;height:12px;margin-right:5px;border-radius:50%;vertical-align:-2px;background:var(--key-color);border:1px solid #9aa1ac}
.printica-photo-detail-note{background:#f5f6f8;padding:10px 13px;border-left:3px solid #838b98;border-radius:5px;font-size:12px;line-height:1.55;color:#4d5663}

/* 36 product color codes: place swatch away from existing model-image disclosure */
.photo-model-only .printica-color-key{top:9px;right:9px;bottom:auto}
.photo-model-only .sample-photo-note{right:7px;left:7px;max-width:none;text-align:center}

/* Variant-card template unification */
.metal-sku-color,.metal-sku-photo-caveat{display:none!important}
.available-option-count{margin:5px 0 6px;font-weight:800;font-size:11px;color:#256c4e}

/* PRINTICA_2026_10_25_PRICE_AND_OPTIONS_VISIBLE_FIX */
.product-card .product-photo{position:relative;isolation:isolate;overflow:hidden}
.product-card .product-photo > .price-ribbon{
    display:inline-flex!important;position:absolute!important;top:8px!important;right:8px!important;left:auto!important;
    z-index:10!important;opacity:1!important;visibility:visible!important;transform:none!important;
    background:#cf172c!important;color:#fff!important;max-width:90%;padding:7px 9px;
    font-size:12px;font-weight:900;border-radius:7px;pointer-events:none
}
.product-card:hover .product-photo > .price-ribbon,
.product-card:focus-within .product-photo > .price-ribbon{opacity:1!important;visibility:visible!important;transform:none!important}
.product-card .product-body > .price-ribbon{display:none!important}
.metal-sku-color,.metal-sku-photo-caveat{display:none!important}
.available-option-count{font-weight:800!important;font-size:11px!important;color:#256c4e!important}

/* Stock information is not customer-facing */
.variant-stock,.metal-stock-badge,#selectedVariantStock{display:none!important}

/* Printica social links: 26 Ekim 2026 */
.phone-with-whatsapp{display:inline-flex;gap:7px;align-items:center;vertical-align:middle;white-space:nowrap}
.wa-next-to-phone{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;vertical-align:middle;line-height:1}
.wa-next-to-phone img{display:block;width:18px!important;height:18px!important;max-width:none;padding:0!important;background:transparent!important;border-radius:0!important}
.wa-next-to-phone:hover,.wa-next-to-phone:focus-visible{opacity:.8;outline-offset:3px}
.ig-social{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:800;letter-spacing:.12px;vertical-align:middle}
.ig-social img,.foot .ig-social img{display:block;width:19px!important;height:19px!important;max-width:19px!important;padding:0!important;background:transparent!important;border-radius:0!important;margin:0!important}
.ig-social:hover{color:#d62976}
.ig-top{margin-left:14px}
.foot{flex-wrap:wrap}
.ig-footer{color:#f8f8fa;font-size:13px}
@media(max-width:840px){body.printica-home .topinfo{display:block}body.printica-home .topinfo .wrap{flex-wrap:wrap;gap:5px 10px;justify-content:center;padding:7px 0}body.printica-home .topinfo .wrap>span:first-child{display:none}body.printica-home .topinfo .wrap>span:last-child{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 9px}body.printica-home .ig-top{margin-left:5px}}
@media(max-width:610px){body.printica-home .topinfo{font-size:10px}.ig-footer{margin-top:12px;justify-content:center;width:100%}body.printica-home .topinfo .wrap{width:98%}.wa-next-to-phone img{width:17px!important;height:17px!important}}
/* Keep Instagram in a centered footer row, clear of the floating WhatsApp button. */
.foot .ig-footer{flex:0 0 100%;width:100%;justify-content:center;margin:0 auto;padding-top:4px}

/* Broşürler: reserved image areas until approved photography is provided */
.brochure-category-photo{width:100%;height:100%;padding:14px 14px 66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#fafafa,#f6f3f3);color:#95959a;text-align:center}
.brochure-category-photo strong{font-size:15px;letter-spacing:.8px;color:#a6a0a0}.brochure-category-photo small{font-size:11px}
.brochure-empty-icon{font-size:42px;font-weight:300;line-height:1;color:#cfc9cc}.brochure-category-photo .brochure-empty-icon{font-size:56px}
.brochure-mini-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;width:125px;height:125px;flex-shrink:0;background:#faf7f7;color:#a4a2a6;border:1px dashed #ddd;border-radius:14px;font-size:12px}
.brochure-photo-empty{width:100%;height:100%;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:#fafafa;border-bottom:1px solid #f0f0f0;color:#999;text-align:center;padding:12px}.brochure-photo-empty strong{font-size:13px;color:#777}.brochure-photo-empty small{font-size:11px}
.brochure-detail-photo-empty{height:min(42vw,580px);min-height:350px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#fafafa;border:1px dashed #ddd;border-radius:20px;color:#8b8b91}.brochure-detail-photo-empty strong{color:#666;font-size:18px}.brochure-detail-photo-empty span:not(.brochure-empty-icon){font-size:13px}
.brochure-related-photo-empty{height:125px;background:#fafafa;color:#999;display:flex;align-items:center;justify-content:center;font-size:12px}
@media(max-width:840px){.brochure-detail-photo-empty{height:min(82vw,550px)}}
@media(max-width:610px){.brochure-detail-photo-empty{height:78vw;min-height:310px}.brochure-mini-placeholder{width:88px;height:88px}}


/* Product detail pages: existing catalogue sidebar and active-category accordion */
.product-detail-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px;padding-top:20px;padding-bottom:20px;align-items:start}
.product-detail-main{min-width:0}
.product-detail-main>.wrap{width:100%;max-width:none;margin-left:0;margin-right:0}
.product-detail-shell .side-panel{top:108px}
.product-detail-main .detail-wrapper{gap:25px;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)}
.product-detail-main .zoom-stage{height:clamp(300px,36vw,535px)}
@media(max-width:1120px){.product-detail-main .detail-wrapper{grid-template-columns:1fr;gap:18px}.product-detail-main .zoom-stage{height:min(70vw,520px)}}
@media(max-width:840px){.product-detail-shell{grid-template-columns:1fr;gap:22px}.product-detail-shell .side-panel{position:static}.product-detail-main .detail-wrapper{grid-template-columns:1fr}.product-detail-main .zoom-stage{height:min(82vw,550px)}}
@media(max-width:610px){.product-detail-shell{padding-top:10px}.product-detail-main .zoom-stage{height:78vw;min-height:310px}}
/* Lightbox gallery navigation: available only for two or more photographs */
.detail-lightbox .lightbox-nav{position:fixed;z-index:502;top:50%;width:54px;height:64px;transform:translateY(-50%);font-size:38px;line-height:1;border-radius:12px;color:#fff;border:1px solid #ffffff75;background:#242429bb;display:grid;place-items:center;touch-action:manipulation}
.detail-lightbox .lightbox-nav:hover,.detail-lightbox .lightbox-nav:focus-visible{background:#d71930;color:#fff}
.detail-lightbox .lightbox-prev{left:clamp(7px,2vw,30px);right:auto}
.detail-lightbox .lightbox-next{right:clamp(7px,2vw,30px);left:auto}
.detail-lightbox .lightbox-counter{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;background:#222c;padding:5px 13px;border-radius:18px;font-size:13px;font-weight:800;z-index:502}
.detail-lightbox.has-gallery img{max-width:min(82vw,1180px)}
@media(max-width:610px){.detail-lightbox .lightbox-nav{width:36px;height:48px;font-size:28px}.detail-lightbox.has-gallery img{max-width:81vw}.detail-lightbox .lightbox-counter{bottom:10px}}


/* True elastic, flowing Genie-style gallery opening/closing. */
.genie-flight-canvas{position:fixed;top:0;left:0;z-index:503;pointer-events:none;display:block;max-width:none;max-height:none;transform:translateZ(0);will-change:contents}
.detail-lightbox.genie-animating #lightboxImage{opacity:0!important}
.detail-lightbox.genie-animating .lightbox-nav,
.detail-lightbox.genie-animating .lightbox-counter{opacity:0;pointer-events:none}

/* Büyük fotoğrafa tıklamak Genie kapanışını başlatır; ek kontrol yoktur. */
.detail-lightbox #lightboxImage{cursor:zoom-out;touch-action:manipulation}
.detail-lightbox #lightboxImage:focus-visible{outline:3px solid #ff5266;outline-offset:4px}

/* Prevent the underlying page from moving horizontally when an image opens. */
body.lightbox-open{padding-right:var(--printica-lightbox-scrollbar-width,0px)}


/* 2026-10-30 — Premium 3D Hover for category cards */
#kategoriler .grid-category{perspective:1400px}
#kategoriler .category-card{
  position:relative;
  z-index:0;
  transform-origin:50% 50%;
  transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.22,.61,.36,1), box-shadow .65s cubic-bezier(.22,.61,.36,1), border-color .45s ease, filter .45s ease;
  will-change:transform, box-shadow;
  isolation:isolate;
}
#kategoriler .category-card::before{
  width:72px;
  height:6px;
  background:linear-gradient(90deg,#ff7d87 0%,#d82032 100%);
  box-shadow:0 0 0 rgba(216,32,50,0);
  transition:width .36s ease, box-shadow .36s ease, opacity .36s ease;
}
#kategoriler .category-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 36%,rgba(216,32,50,.12) 100%);
  opacity:0;
  pointer-events:none;
  transition:opacity .36s ease;
  z-index:1;
}
/* Keep the image layered below the caption; the caption must stay anchored at the bottom. */
#kategoriler .category-card img{position:relative;z-index:1}
#kategoriler .category-card .tag{position:absolute;inset:auto 0 0;z-index:4}
#kategoriler .category-card::before{z-index:3}
#kategoriler .category-card::after{z-index:2}
#kategoriler .category-card img{
  transform:translateZ(0) scale(1);
  transform-origin:center center;
  transition:transform .48s cubic-bezier(.22,.61,.36,1), filter .38s ease;
}
#kategoriler .category-card .tag{
  transition:background .32s ease, color .32s ease, border-color .32s ease;
}
#kategoriler .category-card:hover,
#kategoriler .category-card:focus-visible{
  z-index:10; /* Neighbouring category cards remain in place; only the active card overlaps */
  transform:translateY(-9px) rotateX(3deg) rotateZ(9deg) scale(1.055);
  border-color:#d82032 !important;
  box-shadow:0 20px 42px rgba(24,28,34,.20), 0 8px 18px rgba(216,32,50,.16), 0 0 0 1px rgba(216,32,50,.08) !important;
}
#kategoriler .category-card:hover::before,
#kategoriler .category-card:focus-visible::before{
  width:116px;
  box-shadow:0 5px 18px rgba(216,32,50,.34);
}
#kategoriler .category-card:hover::after,
#kategoriler .category-card:focus-visible::after{opacity:1}
#kategoriler .category-card:hover img,
#kategoriler .category-card:focus-visible img{
  transform:translateY(-4px) translateZ(16px) scale(1.06);
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.10));
}
#kategoriler .category-card:hover .tag,
#kategoriler .category-card:focus-visible .tag{
  background:linear-gradient(180deg,#fff 0%,#fff6f7 100%);
  border-top-color:#f2b5bd;
}
#kategoriler .category-card:hover .tag::before,
#kategoriler .category-card:focus-visible .tag::before{
  background:linear-gradient(180deg,#ff6b79 0%,#d11e31 100%);
  box-shadow:0 0 12px rgba(216,32,50,.18);
}
/* Windows may report reduced motion even while a mouse is being used.
   Keep the requested 9-degree hover result visible, but avoid long motion. */
@media (prefers-reduced-motion: reduce){
  #kategoriler .category-card,
  #kategoriler .category-card img,
  #kategoriler .category-card::before,
  #kategoriler .category-card::after,
  #kategoriler .category-card .tag{transition-duration:.10s !important}
}

/* Suppress tilt only on devices that have no hover-capable pointer at all.
   Unlike (hover:none), (any-hover:none) does not disable mouse on Windows touch PCs. */
@media (any-hover:none){
  #kategoriler .category-card:hover:not(:focus-visible){transform:none;z-index:0}
  #kategoriler .category-card:hover:not(:focus-visible) img{transform:none}
}