/* BUJE Sapka / Oct 29 2026 premium compact cart. UI-only, existing React state/payment remains the authority. */












html body .premium-cart-drawer{












 width:min(560px,100vw)!important;max-width:560px!important;height:100dvh!important;












 max-height:100dvh!important;display:flex!important;flex-direction:column!important;












 overflow:hidden!important;background:#fcfbf8!important;box-shadow:-16px 0 48px #15120c35!important;












 border-left:1px solid #d5c9a8!important;overscroll-behavior:contain












}












html body .premium-cart-drawer *{box-sizing:border-box}












html body .premium-cart-drawer .cart-topbar{












 flex:0 0 auto!important;min-height:0!important;height:auto!important;












 padding:17px 22px 13px!important;gap:12px!important;












 background:#111310!important;border-bottom:2px solid #d4ad43!important












}












html body .premium-cart-drawer .cart-head-brand{gap:9px!important;margin:0 0 8px!important}












html body .premium-cart-drawer .cart-head-mark img{width:67px!important;max-width:67px!important;height:auto!important}












html body .premium-cart-drawer .cart-eyebrow{font-size:9px!important;letter-spacing:.11em!important;color:#d5bb72!important}












html body .premium-cart-drawer .cart-head-copy h2{font-size:27px!important;line-height:1.1!important;letter-spacing:-.02em!important;margin:0 0 8px!important}












html body .premium-cart-drawer .cart-head-copy>p{display:none!important}












html body .premium-cart-drawer .cart-head-meta{gap:5px!important;margin:0!important;flex-wrap:wrap!important}












html body .premium-cart-drawer .cart-head-meta span{font-size:10px!important;min-height:0!important;padding:4px 8px!important;border-radius:50px!important}












html body .premium-cart-drawer .cart-head-meta span:last-child{display:none!important}












html body .premium-cart-drawer .cart-close{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;top:15px!important;right:16px!important}












html body .premium-cart-drawer .cart-content{












 flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;












 padding:12px 18px 18px!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4bd80 transparent












}












html body .premium-cart-drawer .cart-group-summary{padding:7px 0 11px!important;margin:0!important;font-size:11px!important;gap:10px!important}












html body .premium-cart-drawer .cart-group-summary span:last-child{font-size:10px!important;padding:5px 10px!important;border-radius:30px!important}












html body .premium-cart-drawer .cart-group{margin:0!important;padding:0!important;border:0!important;background:transparent!important}












html body .premium-cart-drawer .cart-group>h3{margin:8px 0 9px!important;line-height:1.25!important;font-size:17px!important;display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px 10px!important}












html body .premium-cart-drawer .cart-group>h3 small{font-size:10px!important;font-weight:450!important}












html body .premium-cart-drawer .cart-premium-line{












 display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;












 padding:12px!important;margin:0 0 10px!important;border:1px solid #e1d9c9!important;












 border-radius:12px!important;background:#fff!important;box-shadow:0 2px 10px #29231b08!important;












 min-height:0!important;align-items:start!important












}












html body .premium-cart-drawer .cart-item-media{width:76px!important;min-width:76px!important;height:88px!important;align-self:start!important;margin:0!important;padding:4px!important;border-radius:8px!important;overflow:hidden!important}












html body .premium-cart-drawer .cart-item-media img{width:100%!important;height:100%!important;object-fit:contain!important}












html body .premium-cart-drawer .cart-item-details{min-width:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}












html body .premium-cart-drawer .cart-item-code{font-size:9px!important;margin:0!important;letter-spacing:.08em!important}












html body .premium-cart-drawer .cart-item-title{font-size:14px!important;font-weight:720!important;line-height:1.3!important;margin:0!important}












html body .premium-cart-drawer .cart-size-badge{font-size:10px!important;padding:3px 6px!important;margin:0!important;border-radius:6px!important;align-self:start!important}












html body .premium-cart-drawer .cart-item-price{font-size:11px!important;line-height:1.4!important;margin:0!important}












html body .premium-cart-drawer .cart-mode-switch{display:none!important}












html body .premium-cart-drawer .cart-edit-area{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:4px 0!important;padding:0!important}












html body .premium-cart-drawer .cart-qty-box{max-width:128px!important;height:34px!important;min-height:34px!important}












html body .premium-cart-drawer .cart-qty-box button{min-width:32px!important;width:32px!important;height:32px!important}












html body .premium-cart-drawer .cart-qty-box input{min-width:40px!important;width:48px!important;height:32px!important;font-size:12px!important}












html body .premium-cart-drawer .cart-qty-shortcut{height:32px!important;min-height:32px!important;font-size:10px!important;padding:0 9px!important}












html body .premium-cart-drawer .cart-variant-section{margin:2px 0!important;padding:6px 8px!important;min-height:0!important;gap:5px!important;border-radius:7px!important}












html body .premium-cart-drawer .cart-variant-section small{font-size:10px!important;line-height:1.3!important}












html body .premium-cart-drawer .cart-variant-edit{font-size:10px!important;line-height:1.25!important;padding:3px 0!important}












html body .premium-cart-drawer .cart-item-foot{padding:7px 0 0!important;margin:2px 0 0!important;gap:7px!important}












html body .premium-cart-drawer .cart-item-foot strong{font-size:12px!important}












html body .premium-cart-drawer .cart-item-foot button{font-size:10px!important;padding:4px!important}












html body .premium-cart-drawer .cart-sizing-note{












 cursor:pointer!important;padding:10px 13px!important;margin:0 0 8px!important;












 min-height:0!important;border:1px solid #e5ddd0!important;background:#fff!important;












 border-radius:9px!important;display:flex!important;gap:9px!important












}












html body .premium-cart-drawer .cart-sizing-note>svg{width:16px!important;height:16px!important;flex:0 0 16px!important}












html body .premium-cart-drawer .cart-sizing-note strong{font-size:11px!important;line-height:1.4!important}












html body .premium-cart-drawer .cart-sizing-note p{display:none!important;font-size:11px!important;line-height:1.5!important;margin:7px 0 1px!important}












html body .premium-cart-drawer .cart-sizing-note[data-bj-expanded=true] p{display:block!important}












html body .premium-cart-drawer .cart-sizing-note:focus-visible{outline:2px solid #d3ad42!important;outline-offset:2px}












html body .premium-cart-drawer .cart-totals{












 padding:13px 15px!important;margin:12px 0 0!important;background:#fff!important;












 border:1px solid #d9ccad!important;border-radius:12px!important;box-shadow:none!important












}












html body .premium-cart-drawer .cart-totals-title{margin:0 0 10px!important;padding:0 0 8px!important}












html body .premium-cart-drawer .cart-totals-title span{font-size:11px!important}












html body .premium-cart-drawer .cart-totals-title small{display:none!important}












html body .premium-cart-drawer .cart-totals>div:not(.cart-grand-total):not(.cart-totals-title):not(.cart-cta-grid){min-height:0!important;padding:5px 0!important;margin:0!important;line-height:1.3!important;font-size:11px!important}












html body .premium-cart-drawer .cart-grand-total{margin:9px 0!important;padding:12px!important;border-radius:8px!important}












html body .premium-cart-drawer .cart-grand-total strong{font-size:25px!important}












html body .premium-cart-drawer .cart-totals>p{font-size:10px!important;line-height:1.45!important;margin:8px 0!important;padding:7px!important}












html body .premium-cart-drawer .cart-cta-grid{display:none!important}












html body .premium-cart-drawer .cart-mobile-summary{












 display:flex!important;flex:0 0 auto!important;flex-wrap:wrap!important;align-items:center!important;












 justify-content:space-between!important;gap:8px 12px!important;












 width:100%!important;min-height:0!important;height:auto!important;padding:10px 16px 9px!important;












 background:#fffdf7!important;border-top:1px solid #cfbd91!important;












 box-shadow:0 -6px 18px #1c1c1c0b!important;position:relative!important;bottom:auto!important;z-index:5!important












}












html body .premium-cart-drawer .cart-mobile-summary-line{display:flex!important;align-items:center!important;flex:1 0 145px!important;gap:8px!important;margin:0!important}












html body .premium-cart-drawer .cart-mobile-summary-line small{font-size:9px!important;line-height:1.25!important}












html body .premium-cart-drawer .cart-mobile-summary-line strong{font-size:21px!important;line-height:1.2!important}












html body .premium-cart-drawer .cart-mobile-summary-count{display:none!important}












html body .premium-cart-drawer .cart-mobile-actions{display:flex!important;flex:1 1 230px!important;gap:7px!important;margin:0!important}












html body .premium-cart-drawer .cart-mobile-actions>a,html body .premium-cart-drawer .cart-mobile-actions>button{












 flex:1!important;min-height:38px!important;height:38px!important;border-radius:7px!important;












 padding:7px 10px!important;font-size:11px!important;font-weight:750!important;letter-spacing:0!important












}












html body .premium-cart-drawer .cart-mobile-actions>.cart-mobile-bank-action:last-child{display:none!important}












html body .premium-cart-drawer .cart-mobile-summary::after{












 content:"";width:164px;height:18px;flex:0 0 164px;












 background:url('/__buje_stock_iyzico_logolar_v1.png') center/contain no-repeat;












 filter:saturate(.9);opacity:.88;margin:auto












}












html body .premium-cart-drawer .cart-clean-area{flex:0 0 auto!important;min-height:28px!important;padding:5px 16px!important;font-size:10px!important;background:#fffdf7!important}












@media(max-width:600px){












 html body .premium-cart-drawer{width:100vw!important;max-width:none!important}












 html body .premium-cart-drawer .cart-topbar{padding:12px 16px 10px!important}












 html body .premium-cart-drawer .cart-head-copy h2{font-size:23px!important}












 html body .premium-cart-drawer .cart-content{padding:10px 12px 14px!important}












 html body .premium-cart-drawer .cart-premium-line{grid-template-columns:66px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}












 html body .premium-cart-drawer .cart-item-media{width:66px!important;min-width:66px!important;height:78px!important}












 html body .premium-cart-drawer .cart-item-title{font-size:13px!important}












 html body .premium-cart-drawer .cart-mobile-summary{padding:8px 12px!important;gap:7px!important}












 html body .premium-cart-drawer .cart-mobile-summary-line{flex:0 0 100%!important;justify-content:space-between!important}












 html body .premium-cart-drawer .cart-mobile-summary-line strong{font-size:19px!important}












 html body .premium-cart-drawer .cart-mobile-actions{flex:0 0 100%!important}












 html body .premium-cart-drawer .cart-mobile-summary::after{height:14px;flex-basis:135px;margin:0 auto}












}












@media(prefers-reduced-motion:reduce){html body .premium-cart-drawer *{scroll-behavior:auto!important}}

























/* Finite 120-item catalogue windows; never delete product records or change prices. */












#modeller .tc-grid > article.tc-card[data-bj-catalog-hidden="1"]{display:none!important}












/* BUJE SAPKA | Premium compact catalogue pager, 2026-10-29 */









#buje-catalog-pagination {









  box-sizing:border-box;









  width:calc(100% - 28px);









  max-width:850px;









  min-height:136px;









  margin:26px auto 38px;









  padding:22px 24px;









  display:grid;









  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);









  grid-template-rows:auto auto;









  align-items:center;









  column-gap:28px;









  row-gap:9px;









  border:1px solid #ddd8c9;









  border-radius:18px;









  text-align:left;









  background:linear-gradient(135deg,#fffdf9 0%,#f7f5ed 100%);









  box-shadow:0 9px 32px rgba(23,23,20,.055);









  color:#20201d;









}









#buje-catalog-pagination[hidden] {display:none!important}









#buje-catalog-pagination::before {









  content:"KOLEKSİYON GEZİNTİSİ";









  grid-column:1;grid-row:1;align-self:end;









  color:#977e31;font-size:10px;line-height:1.2;









  font-weight:800;letter-spacing:.15em;









}









#buje-catalog-pagination .bj-pages-label {









  grid-column:1;grid-row:2;









  display:flex;align-items:center;flex-wrap:wrap;









  gap:8px 12px;









  margin:0;min-width:0;









  font-size:17px;line-height:1.25;









  font-weight:750;text-align:left;









  color:#151513;









}









#buje-catalog-pagination .bj-pages-range {









  font-size:clamp(18px,2vw,23px);









  line-height:1.18;









  color:#151513;









  letter-spacing:-.035em;









  font-weight:850;









  white-space:nowrap;









}









#buje-catalog-pagination .bj-pages-index {









  display:inline-flex;align-items:center;









  white-space:nowrap;padding:6px 9px;









  border-radius:999px;









  background:#eee9dc;









  color:#676051;









  font-size:11px;font-weight:800;









  line-height:1;









  letter-spacing:.02em;









}









#buje-catalog-pagination .bj-pages-actions {









  grid-column:2;grid-row:1/span 2;









  display:grid;









  grid-template-columns:repeat(2,minmax(0,1fr));









  align-items:stretch;justify-content:stretch;









  gap:9px;









  margin:0;width:100%;min-width:0;









}









#buje-catalog-pagination .bj-pages-actions button {









  box-sizing:border-box;









  display:flex;align-items:center;justify-content:center;









  gap:7px;min-width:0;width:100%;









  min-height:52px;max-width:none;margin:0;padding:10px 12px;









  border:1px solid #1b1b19;border-radius:11px;









  background:#191919;color:#f8f6ee;









  box-shadow:none;white-space:normal;









  cursor:pointer;text-align:center;









  font-family:inherit;font-size:12px;line-height:1.3;









  font-weight:800;letter-spacing:-.01em;









  transition:background .15s ease,border-color .15s ease,transform .15s ease;









}









#buje-catalog-pagination button.bj-pages-prev::before {









  content:"←";display:inline-block;









  font-size:17px;line-height:1;font-weight:700;









}









#buje-catalog-pagination button.bj-pages-next {









  background:#f5d13e;color:#181712;









  border-color:#d3b53c;









}









#buje-catalog-pagination button.bj-pages-next::after {









  content:"→";display:inline-block;









  font-size:17px;line-height:1;font-weight:700;









}









#buje-catalog-pagination button:not(:disabled):hover {









  transform:translateY(-1px);









}









#buje-catalog-pagination button.bj-pages-next:not(:disabled):hover {









  background:#efc62d;border-color:#bd9825;









}









#buje-catalog-pagination button.bj-pages-prev:not(:disabled):hover {









  background:#30302d;









}









#buje-catalog-pagination button:disabled {









  cursor:not-allowed;opacity:.38;transform:none;









}









#buje-catalog-pagination button:focus-visible {









  outline:3px solid #b99a27;outline-offset:3px;









}









#buje-catalog-pagination #buje-balanced-label,









#buje-catalog-pagination>small {display:none!important}









@media (max-width:679px) {









  #buje-catalog-pagination {









    width:calc(100% - 28px);









    min-height:0;









    margin:22px auto 32px;









    padding:18px 15px 16px;









    grid-template-columns:minmax(0,1fr);









    grid-template-rows:auto auto auto;









    gap:10px;









    border-radius:16px;









  }









  #buje-catalog-pagination::before {









    grid-column:1;grid-row:1;font-size:9px;









    letter-spacing:.13em;









  }









  #buje-catalog-pagination .bj-pages-label {









    grid-column:1;grid-row:2;margin:0 0 2px;









    font-size:17px;gap:8px;









  }









  #buje-catalog-pagination .bj-pages-range {









    font-size:21px;









  }









  #buje-catalog-pagination .bj-pages-actions {









    grid-column:1;grid-row:3;









    gap:9px;margin-top:3px;









  }









  #buje-catalog-pagination .bj-pages-actions button {









    min-height:48px;font-size:12px;









    padding:10px 7px;gap:5px;









  }









}









@media (max-width:359px) {









  #buje-catalog-pagination {width:calc(100% - 20px);padding:15px 11px;gap:8px}









  #buje-catalog-pagination .bj-pages-range {font-size:19px}









  #buje-catalog-pagination .bj-pages-actions {gap:7px}









  #buje-catalog-pagination .bj-pages-actions button {









    font-size:11px;letter-spacing:-.02em;min-height:48px;padding-inline:5px;









  }









}









@media (prefers-reduced-motion:reduce) {









 #buje-catalog-pagination button {transition:none}









}































/* 2026-10-29 | BUJE mobile concise category navigation and stock position */








@media(max-width:767px){








 #modeller[data-bj-category-ready="1"] .tc-category-mobile-head{display:none!important}








 #modeller[data-bj-category-ready="1"] .tc-category-bar:not(.bj-open){display:none!important}








 #modeller .bj-category-launcher{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-height:58px;margin:11px 0 15px;padding:10px 15px;border:1px solid #d9d4c9;border-radius:14px;background:#fffdfa;color:#24221e;font:inherit;text-align:left;box-shadow:0 2px 8px rgba(20,19,15,.035)}








 #modeller .bj-category-launcher:focus-visible{outline:3px solid #c8a62d;outline-offset:2px}








 #modeller .bj-category-launcher .bj-cat-prefix{display:block;color:#837451;font-size:10px;line-height:1.5;letter-spacing:.11em;font-weight:700;text-transform:uppercase}








 #modeller .bj-category-launcher .bj-cat-selected{display:block;color:#22201b;font-size:15px;font-weight:750;line-height:1.25}








 #modeller .bj-category-launcher .bj-cat-more{flex:none;display:inline-flex;align-items:center;gap:5px;color:#554c37;font-weight:750;font-size:12px}








 #modeller .bj-category-launcher .bj-cat-chevron{font-size:15px;transition:transform .15s ease}








 #modeller .bj-category-launcher[aria-expanded="true"] .bj-cat-chevron{transform:rotate(180deg)}








 #modeller[data-bj-category-ready="1"] .tc-category-bar.bj-open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 0 17px!important;padding:9px!important;border:1px solid #e5dfd3;border-radius:13px;max-height:350px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#faf8f3}








 #modeller[data-bj-category-ready="1"] .tc-category-bar.bj-open .tc-category-tab{box-sizing:border-box;min-width:0!important;width:100%!important;min-height:43px!important;margin:0!important;padding:7px 8px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;box-shadow:none!important;text-align:left!important;font-size:12px!important;line-height:1.25!important}








 #modeller[data-bj-category-ready="1"] .tc-category-bar.bj-open .tc-category-tab .tc-category-label{min-width:0!important;overflow-wrap:break-word;font-size:12px!important;line-height:1.25!important}








 #modeller[data-bj-category-ready="1"] .tc-category-bar.bj-open .tc-category-tab .tc-category-count{flex:none!important;min-width:22px!important;margin:0!important;padding:3px 5px!important;font-size:10px!important}








 #modeller .tc-card .tc-image-wrap>.buje-stock-premium-badge{position:absolute!important;left:auto!important;right:7px!important;top:7px!important;bottom:auto!important;margin:0!important;max-width:calc(100% - 14px)!important;min-height:16px!important;padding:2px 5px!important;border-radius:5px!important;font-size:9px!important;line-height:1.25!important;letter-spacing:0!important;white-space:nowrap!important;text-align:center!important;z-index:8!important}








}








@media(min-width:768px){#modeller .bj-category-launcher{display:none!important}}








#buje-catalog-pagination .bj-page-numbers{grid-column:1/-1;grid-row:3;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding-top:6px}








#buje-catalog-pagination .bj-page-numbers button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;min-height:38px;height:38px;padding:0!important;margin:0;border:1px solid #d9d4c9;border-radius:9px;background:#fffdfa;color:#3a362e;font:inherit;font-size:13px;font-weight:750;line-height:1;box-shadow:none}








#buje-catalog-pagination .bj-page-numbers button[aria-current="page"]{background:#24221e;color:#fffdf8;border-color:#24221e}








#buje-catalog-pagination .bj-page-numbers button:disabled:not([aria-current]){opacity:.55}








#buje-catalog-pagination .bj-page-numbers button:focus-visible{outline:3px solid #c8a62d;outline-offset:2px}








@media(max-width:679px){#buje-catalog-pagination .bj-page-numbers{grid-column:1;grid-row:4;gap:6px;padding-top:3px}#buje-catalog-pagination .bj-page-numbers button{width:36px;min-width:36px;height:36px;min-height:36px}}
















/* BUJE Sapka | 2026-10-29 | Discreet catalog micro-labels */







html body #modeller .tc-card .tc-image-wrap>.buje-stock-premium-badge{







 position:absolute!important;top:auto!important;bottom:4px!important;right:4px!important;left:auto!important;







 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;







 width:max-content!important;max-width:calc(100% - 8px)!important;min-width:0!important;







 height:17px!important;min-height:0!important;max-height:17px!important;







 padding:1px 4px!important;margin:0!important;border:1px solid rgba(45,95,59,.28)!important;







 border-radius:5px!important;background:rgba(250,252,248,.96)!important;color:#214831!important;







 font-family:inherit!important;font-size:9px!important;line-height:1!important;font-weight:700!important;







 letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;







 box-shadow:0 1px 3px rgba(0,0,0,.08)!important;pointer-events:none!important;z-index:6!important;







}







html body #modeller .tc-card .tc-image-wrap>.buje-stock-premium-badge::before{







 content:""!important;display:block!important;position:static!important;flex:0 0 4px!important;







 width:4px!important;height:4px!important;min-width:4px!important;max-width:4px!important;







 border-radius:50%!important;background:#26925b!important;box-shadow:none!important;







}







html body #modeller .tc-card.bj28-main-catalog>button.bj28-angle-toggle{







 position:absolute!important;top:4px!important;right:4px!important;left:auto!important;bottom:auto!important;







 display:inline-flex!important;align-items:center!important;justify-content:center!important;







 width:32px!important;min-width:32px!important;max-width:32px!important;







 height:24px!important;min-height:24px!important;max-height:24px!important;







 margin:0!important;padding:0 2px!important;transform:none!important;







 border:1px solid rgba(197,165,75,.5)!important;border-radius:6px!important;







 background:rgba(27,26,23,.93)!important;color:#f5d979!important;







 font-family:inherit!important;font-size:9px!important;font-weight:750!important;line-height:1!important;







 letter-spacing:0!important;text-align:center!important;white-space:nowrap!important;







 box-shadow:0 1px 3px rgba(0,0,0,.12)!important;z-index:7!important;







 cursor:pointer!important;







}







html body #modeller .tc-card.bj28-main-catalog>button.bj28-angle-toggle:focus-visible{







 outline:2px solid #d5af39!important;outline-offset:2px!important;







}







@media(max-width:767px){







 html body #modeller .tc-card .tc-image-wrap>.buje-stock-premium-badge{







  height:15px!important;max-height:15px!important;padding:1px 3px!important;







  font-size:8px!important;gap:2px!important;







 }







 html body #modeller .tc-card.bj28-main-catalog>button.bj28-angle-toggle{







  width:28px!important;min-width:28px!important;max-width:28px!important;







  height:24px!important;min-height:24px!important;max-height:24px!important;font-size:8px!important;







 }







}














/* BUJE SAPKA | compact accessible confirmation, no scrolling or drawer overlay */






#bj-home-cart-toast{






 position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom,0px));






 transform:translate(-50%,10px);z-index:2147483630;






 box-sizing:border-box;display:block;max-width:min(90vw,390px);






 padding:10px 17px;border:1px solid #caa73f;border-radius:999px;






 background:#1c1d1b;color:#f6e8b6;font:700 13px/1.4 system-ui,-apple-system,Arial,sans-serif;






 letter-spacing:.01em;white-space:nowrap;text-align:center;






 box-shadow:0 6px 20px rgba(0,0,0,.20);






 pointer-events:none;opacity:0;visibility:hidden;






 transition:opacity 130ms ease,transform 130ms ease,visibility 130ms ease;






}






#bj-home-cart-toast.bj-toast-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}






@media(min-width:768px){#bj-home-cart-toast{bottom:28px}}






@media(prefers-reduced-motion:reduce){#bj-home-cart-toast{transition:none}}












/* BUJE SAPKA | 20261030 | compact and contained category explorer */





@media(max-width:767px){





 html body #modeller[data-bj-category-ready="1"] .tc-category-bar.bj-open{





  display:grid!important;position:relative!important;





  grid-template-columns:repeat(2,minmax(0,1fr))!important;





  grid-auto-rows:minmax(44px,auto)!important;align-content:start!important;





  gap:7px!important;padding:9px!important;margin:0 0 13px!important;





  width:100%!important;max-height:min(38dvh,310px)!important;





  overflow-x:hidden!important;overflow-y:auto!important;





  overscroll-behavior:contain!important;scrollbar-width:thin;





  scrollbar-color:#b5a06e #f3f0e8;





  background:#faf9f5!important;border:1px solid #ddd7ca!important;





  border-radius:0 0 14px 14px!important;box-shadow:inset 0 5px 9px -10px #444;





 }





 html body #modeller[data-bj-category-ready="1"] .tc-category-bar.bj-open .tc-category-tab{





  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;





  align-items:center!important;justify-items:start!important;





  gap:5px!important;min-height:44px!important;height:auto!important;





  padding:7px 9px!important;margin:0!important;





  background:#fff!important;color:#24231f!important;





  border:1px solid #e3dfd4!important;border-radius:10px!important;





  box-shadow:none!important;text-align:left!important;





  font:600 12px/1.25 system-ui,-apple-system,Arial,sans-serif!important;





 }





 html body #modeller .tc-category-bar.bj-open .tc-category-tab .tc-category-label,





 html body #modeller .tc-category-bar.bj-open .tc-category-tab .tc-category-label-mobile{





  display:block!important;max-width:100%;min-width:0;





  font-size:12px!important;font-weight:650!important;line-height:1.25!important;





  overflow-wrap:anywhere;





 }





 html body #modeller .tc-category-bar.bj-open .tc-category-tab .tc-category-count{





  margin:0!important;min-width:23px!important;padding:3px 5px!important;





  background:#f3f0e8!important;border-radius:6px!important;





  color:#60543f!important;font-size:10px!important;text-align:center!important;





 }





 html body #modeller .tc-category-bar.bj-open .tc-category-tab[aria-pressed="true"]{





  background:#22221f!important;color:#f8e7ac!important;border-color:#d4b952!important;





 }





 html body #modeller .tc-category-bar.bj-open .tc-category-tab[aria-pressed="true"] .tc-category-count{





  background:#f6d44c!important;color:#27231a!important;





 }





 html body #modeller .bj-cat-search-wrap{





  display:flex;align-items:center;gap:8px;margin:0!important;





  padding:9px 10px;background:#faf9f5;border:1px solid #ddd7ca;





  border-bottom:0;border-radius:14px 14px 0 0;





 }





 html body #modeller .bj-cat-search-wrap[hidden]{display:none!important}





 html body #modeller .bj-cat-search-input{





  display:block;flex:1;min-width:0;width:100%;height:39px;





  background:#fff;border:1px solid #d8d3c7;border-radius:9px;





  padding:0 12px;color:#1d1d1c;font:500 13px system-ui,-apple-system,Arial,sans-serif;





  box-shadow:none;outline-offset:2px;





 }





 html body #modeller .bj-cat-search-input:focus-visible{





  outline:2px solid #c3a149;border-color:#aa8b37;





 }





 html body #modeller .bj-cat-result-count{





  flex:none;white-space:nowrap;color:#786e58;font-size:11px;font-weight:700;





 }





 html body #modeller .bj-category-launcher[aria-expanded="true"]{





  margin-bottom:0!important;border-radius:14px 14px 0 0!important;





  border-bottom:1px solid #e5e0d4!important;





 }





 html body #modeller .bj-cat-empty{





  margin:-13px 0 13px;padding:12px;border:1px solid #ddd7ca;





  border-radius:0 0 12px 12px;background:#fff;color:#6a604d;





  font-size:12px;text-align:center;





 }





 html body #modeller .bj-cat-empty[hidden]{display:none!important}





}





@media(min-width:768px){#modeller .bj-cat-search-wrap,#modeller .bj-cat-empty{display:none!important}}










/* BUJE SAPKA: 2026-10-30 mobile visual correction; isolated presentation layer. */




/* Root cause: origin :after counter masks semantic 50+ caption. */




html body #modeller article.tc-card .tc-price-caption::after {




  content:"50+ · KDV hariç" !important;




}




@media (max-width:519px) {




  html body #modeller .tc-grid {




    display:grid !important;




    grid-template-columns:repeat(2,minmax(0,1fr)) !important;




    column-gap:10px !important;




    row-gap:12px !important;




  }




  html body #modeller .tc-grid > article.tc-card {




    box-sizing:border-box !important;




    width:auto !important;min-width:0 !important;




    overflow:hidden;border-radius:12px !important;




  }




  html body #modeller .tc-grid article.tc-card .tc-card-text {




    padding:9px 9px 10px !important;




  }




  html body #modeller .tc-grid article.tc-card .tc-card-text h3 {




    font-size:12px !important;line-height:1.35 !important;




    min-height:2.7em !important;




  }




  html body #modeller .tc-grid article.tc-card .tc-card-kicker {




    font-size:9px !important;




  }




  html body #modeller .tc-grid article.tc-card .tc-estimated-price strong {




    font-size:15px !important;




  }




  html body #modeller .tc-grid article.tc-card .tc-price-caption::after {




    font-size:10px !important;line-height:1.2 !important;




  }




  html body #modeller .tc-grid article.tc-card .tc-card-actions {




    display:grid !important;




    grid-template-columns:repeat(2,minmax(0,1fr)) !important;




    gap:7px !important;




  }




  html body #modeller .tc-grid article.tc-card .tc-card-actions .tc-card-review-action,




  html body #modeller .tc-grid article.tc-card .tc-card-actions .tc-card-add-action {




    box-sizing:border-box !important;




    min-width:0 !important;min-height:44px !important;




    padding:7px 4px !important;font-size:11px !important;




    border-radius:8px !important;




    display:flex !important;align-items:center !important;justify-content:center !important;




  }




  html body #modeller .tc-grid article.tc-card .tc-card-actions .tc-card-add-long {




    display:none !important;




  }




  html body #modeller .tc-grid article.tc-card .tc-card-actions .tc-card-add-short {




    display:inline !important;




  }




  #buje-catalog-pagination {padding:12px 13px !important;row-gap:7px !important;}




  #buje-catalog-pagination .bj-pages-actions button {min-height:44px !important;}




}




@media (min-width:520px) and (max-width:767px) {




  html body #modeller .tc-grid {




    grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;




  }




}




/* BUJE Sapka: atomic catalogue transitions, does not change product data */



#modeller.bj-catalog-settling .tc-grid {



  visibility:hidden!important;



  overflow-anchor:none!important;



}



#modeller.bj-catalog-settling .bj-pages-actions,



#modeller.bj-catalog-settling .bj-page-numbers,



#modeller.bj-catalog-settling .tc-category-bar {



  pointer-events:none!important;



}



#bj-catalog-loading-status {



 position:fixed;bottom:clamp(92px,18vh,190px);left:50%;transform:translateX(-50%);



 z-index:2147480000;max-width:min(340px,calc(100vw - 32px));min-width:min(250px,calc(100vw - 32px));



 display:flex;align-items:center;justify-content:center;gap:12px;



 padding:14px 20px;border:1px solid #d4b94d;border-radius:14px;



 background:#1b1a17;color:#fff8dc;box-shadow:0 12px 45px #0005;



 font:700 13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;



 text-align:center;pointer-events:none;



}



#bj-catalog-loading-status[hidden] {display:none!important}



#bj-catalog-loading-status:before {



 content:"";width:18px;height:18px;flex:none;border:2px solid #fde68a;border-right-color:transparent;



 border-radius:50%;animation:bj-catalog-rotate .75s linear infinite;



}



@keyframes bj-catalog-rotate {to{transform:rotate(360deg)}}



@media(prefers-reduced-motion:reduce){#bj-catalog-loading-status:before{animation:none}}/* BUJE SAPKA - three visible model cards per mobile row, 2026-10-30.


   Catalogue grid only; other menus, cart, category selection and tablet stay untouched. */


@media (max-width:519px){


 html body #modeller .tc-grid {


   display:grid!important;


   grid-template-columns:repeat(3,minmax(0,1fr))!important;


   column-gap:6px!important;


   row-gap:9px!important;


 }


 html body #modeller .tc-grid > article.tc-card {


   min-width:0!important;


   width:auto!important;


   border-radius:9px!important;


 }


 html body #modeller .tc-grid article.tc-card .tc-card-text {


   padding:6px 5px 7px!important;


 }


 html body #modeller .tc-grid article.tc-card .tc-card-text h3 {


   font-size:clamp(9.5px,2.5vw,11px)!important;


   line-height:1.3!important;


   min-height:2.6em!important;


   max-height:2.6em!important;


   overflow:hidden!important;


   overflow-wrap:anywhere!important;


 }


 html body #modeller .tc-grid article.tc-card .tc-card-kicker {


   font-size:8px!important;


   line-height:1.2!important;


 }


 html body #modeller .tc-grid article.tc-card .tc-price-caption::after {


   font-size:clamp(8px,2.15vw,9px)!important;


   line-height:1.2!important;


 }


 html body #modeller .tc-grid article.tc-card .tc-estimated-price strong {


   font-size:clamp(12px,3.25vw,15px)!important;


   line-height:1.3!important;


 }


 html body #modeller .tc-grid article.tc-card .tc-card-actions {


   grid-template-columns:repeat(2,minmax(0,1fr))!important;


   gap:3px!important;


 }


 html body #modeller .tc-grid article.tc-card .tc-card-actions .tc-card-review-action,


 html body #modeller .tc-grid article.tc-card .tc-card-actions .tc-card-add-action {


   min-height:44px!important;


   min-width:0!important;


   padding:5px 1px!important;


   border-radius:6px!important;


   font-size:clamp(8px,2.15vw,9.5px)!important;


   letter-spacing:-.025em!important;


   line-height:1.2!important;


   white-space:nowrap!important;


 }


 html body #modeller .tc-grid article.tc-card .tc-status {


   font-size:8px!important;


 }


}