.mxparts .card{border:1px solid #dddccf;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 14px #2230260c;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.mxparts .card:hover{border-color:#ccb649;box-shadow:0 9px 22px #2230261a;transform:translateY(-2px)}
.mxparts .cardphoto,.mxparts .storezone #homeProducts .cardphoto,.mxparts .featured-zone .cardphoto{background-image:none!important;background-color:#f8f7f1!important;border:0!important;border-bottom:1px solid #e8e5d9!important;box-shadow:none!important}
.mxparts .cardphoto img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;background:#fff}
.mxparts .cardphoto::after{display:none!important}
.mxparts .cardphoto.is-placeholder::before{content:"FOTOĞRAF YAKINDA"!important;font:800 11px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.07em!important;color:#667067!important;border-top:3px solid #d9bc45!important;padding:9px 6px 0!important;max-width:150px}
.mxparts .cardbody .maker{color:#8c711f;font-weight:900}
.mxparts .cardbottom{margin-top:auto}
.mxparts .featured-zone .productgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mxparts .featured-zone .cardphoto,.mxparts .storezone #homeProducts .cardphoto{height:200px}
.mxparts #resultsView .productgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mxparts #resultsView .card{display:flex!important;flex-direction:column;min-height:0}
.mxparts #resultsView .cardphoto{height:190px!important;min-height:0!important;width:100%;flex:none;border-right:0!important}
.mxparts #resultsView .cardbody{padding:17px 17px 7px;flex:1}
.mxparts #resultsView .card h3{font-size:17px;line-height:1.3;margin:7px 0}
.mxparts #resultsView .cardbottom{padding:8px 17px 17px}
.mxparts #resultsView .cardbottom button{min-height:44px;font-size:12px}
@media(max-width:1100px){.mxparts .featured-zone .productgrid,.mxparts #resultsView .productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .mxparts #resultsView .productgrid{grid-template-columns:1fr;gap:14px}
 .mxparts #resultsView .cardphoto{height:160px!important}
 .mxparts #resultsView .cardbody{padding:14px 15px 5px}
 .mxparts #resultsView .cardbottom{padding:8px 15px 15px}
 .mxparts #resultsView .card h3{font-size:16px;margin:7px 0}
 .mxparts .featured-zone .productgrid .card,.mxparts .storezone #homeProducts .card{flex:0 0 min(78vw,270px)!important;width:min(78vw,270px)!important;scroll-snap-align:start}
 .mxparts .featured-zone .cardphoto,.mxparts .storezone #homeProducts .cardphoto{height:160px}
}

/* Masaüstü katalog ve ürün detayı hizası */
@media(min-width:761px){
 .mxparts #resultsView.wrap{max-width:1320px!important}
 .mxparts #resultsView .result-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}
 .mxparts #resultsView .productgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
 .mxparts #resultsView .cardphoto{height:245px!important}
 .mxparts #resultsView .cardphoto img{padding:5px!important;object-fit:contain!important}

}

/* Product detail compact layout 2026-09-29 */
@media(min-width:761px){.mxparts:has(#detailView.active) .utility .wrap,.mxparts:has(#detailView.active) .brandbar .wrap{width:min(1600px,calc(100% - 72px))}}
.mxparts #detailView{width:min(1600px,calc(100% - 72px));padding-bottom:42px}
.mxparts #detailView .mxpd-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:24px;align-items:start!important}
.mxparts #detailView .mxpd-gallery,.mxparts #detailView .mxpd-info{height:auto;align-self:start!important}
.mxparts #detailView .mxpd-gallery .mxpd-image-wrap{height:485px;min-height:0;flex:none}
.mxparts #detailView #detailPhoto{width:80%;max-height:440px}
.mxparts #detailView .mxpd-info{gap:14px}
.mxparts #detailView .mxpd-product-heading{padding:17px 19px 18px;margin:0;border:1px solid #ded8bf;border-left:4px solid #d8b936;border-radius:7px;background:#fffdf6;min-height:112px;box-shadow:0 5px 15px #6b613008}
.mxparts #detailView .mxpd-group{display:block;color:#927b2a;font-size:10px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;margin-bottom:9px}
.mxparts #detailView #detailName{font-size:clamp(22px,1.9vw,29px)!important;line-height:1.24;letter-spacing:-.025em;margin:0 0 7px}
.mxparts #detailView #detailName .mxpd-title-code{font-size:inherit}
.mxparts #detailView .mxpd-intro{font-size:12px;line-height:1.45}
.mxparts #detailView .mxpd-fitment{display:grid;grid-template-columns:1fr;gap:11px;margin:16px 0 0;padding:16px 17px;border-left-width:3px;box-shadow:none}
.mxparts #detailView .mxpd-fitment-heading h2{font-size:19px;line-height:1.2;margin:5px 0 3px}
.mxparts #detailView .mxpd-fitment-heading h2 br{display:none}
.mxparts #detailView .mxpd-fitment-heading h2>span{margin-left:4px}
.mxparts #detailView .mxpd-fitment-heading>p{font-size:11px}
.mxparts #detailView .mxpd-fitment-form label{margin-bottom:6px;font-size:11px}
.mxparts #detailView .mxpd-vin-field a{padding:9px 12px;font-size:11px}
.mxparts #detailView .mxpd-vin-field input{height:32px}
.mxparts #detailView .mxpd-information{margin-top:24px}
.mxparts #detailView .mxpd-tabs [data-detail-tab]{background:#fff;color:#53604a;border:0;border-bottom:3px solid transparent;border-radius:0;box-shadow:none}
.mxparts #detailView .mxpd-tabs [data-detail-tab][aria-selected=true]{background:#fff9de!important;color:#3d412e!important;border-bottom-color:#d3b331!important;box-shadow:none!important}
.mxparts #detailView .mxpd-tabs [data-detail-tab]:hover{background:#f6f4e8;color:#303a2c}
.mxparts #detailRelated{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.mxparts #detailRelated .cardphoto{height:185px}
.mxparts #detailRelated .cardbody{padding:10px 11px 5px}
.mxparts #detailRelated .card h3{font-size:12px;line-height:1.35;min-height:48px;margin:6px 0}
.mxparts #detailRelated .maker,.mxparts #detailRelated .code{font-size:9px;line-height:1.35}
.mxparts #detailRelated .cardbottom{padding:8px 11px 11px;gap:6px}
.mxparts #detailRelated .cardbottom .stock{font-size:9px}
.mxparts #detailRelated .cardbottom button{padding:9px 5px;font-size:10px}
.mxparts .cartitem .pic{display:grid;place-items:center;background:#f8f7f0;background-image:none;overflow:hidden}
.mxparts .cartitem .pic img{display:block;width:100%;height:100%;object-fit:contain}
.mxparts .cartitem .pic.is-placeholder span{font-size:10px;color:#8c927e;text-align:center}
@media(max-width:1100px){.mxparts #detailView .mxpd-grid{gap:18px}.mxparts #detailView .mxpd-gallery .mxpd-image-wrap{height:410px}.mxparts #detailRelated{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.mxparts #detailView{width:calc(100% - 28px);padding-bottom:30px}.mxparts #detailView .mxpd-grid{grid-template-columns:1fr;gap:17px}.mxparts #detailView .mxpd-gallery .mxpd-image-wrap{height:auto;aspect-ratio:1.14;max-height:390px}.mxparts #detailView .mxpd-product-heading{min-height:0;padding:14px 15px}.mxparts #detailView #detailName{font-size:clamp(22px,6vw,28px)!important}.mxparts #detailView .mxpd-fitment{padding:14px;gap:10px}.mxparts #detailView .mxpd-fitment-heading h2{font-size:18px}.mxparts #detailView .mxpd-vin-field{flex-wrap:wrap}.mxparts #detailRelated{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}.mxparts #detailRelated .card{flex:0 0 min(60vw,220px);scroll-snap-align:start}.mxparts #detailRelated .cardphoto{height:175px}}


/* Stable title and contact row, 2026-09-29 */
@media(min-width:761px){.mxparts #detailView .mxpd-product-heading{height:auto;min-height:0;max-height:none;overflow:visible}.mxparts #detailView .mxpd-product-heading::-webkit-scrollbar{display:none}.mxparts #detailView .mxpd-gallery .mxpd-image-wrap{height:485px!important;min-height:485px!important;max-height:485px!important}}
.mxparts #detailView .mxpd-contact-row{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:2px 0 16px}
.mxparts #detailView .mxpd-contact-row .mxpd-quantity{margin:0;flex:none}
.mxparts #detailView #detailUnit{display:none!important}
.mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer{display:block;flex:none;margin:0;padding:0;border:0}
.mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:6px 14px;margin:0!important;border:1px solid #cbb65d;border-radius:5px;background:#fff8d7;color:#3f442f;font-size:12px!important;font-weight:700!important;text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .2s}
.mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer a:hover{background:#ffed9e;box-shadow:0 4px 12px #8a722329}
.mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer a span{font-size:9px;letter-spacing:.09em;color:#8a7835}
.mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer a strong{font-size:15px;letter-spacing:.01em}
@media(max-width:760px){.mxparts #detailView .mxpd-product-heading{height:auto;min-height:0;max-height:none;overflow:visible}.mxparts #detailView .mxpd-contact-row{align-items:center;gap:8px}.mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer a{min-height:43px;padding:5px 8px}.mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer a span{font-size:8px}.mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer a strong{font-size:12px}}
@media(max-width:410px){.mxparts #detailView .mxpd-contact-row{align-items:stretch;flex-direction:column}.mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer a{width:100%}}

/* Compact header and six-card spare-parts layout, 2026-09-29 */
.mxparts .utility .wrap{min-height:26px}
.mxparts .brandbar .wrap{min-height:72px}
.mxparts .brandbar #supportBtn,.mxparts .brandbar #supportBtn .label{color:#7fd69b!important}
.mxparts .brandbar #supportBtn svg{color:#7fd69b}
@media(min-width:1101px){
 .mxparts .featured-zone .productgrid,.mxparts .storezone #homeProducts{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:11px}
}
@media(min-width:761px){
 .mxparts #resultsView.wrap{width:min(1600px,calc(100% - 72px))!important;max-width:1600px!important}
 .mxparts #detailView .mxpd-grid{align-items:stretch!important}
 .mxparts #detailView .mxpd-info{align-self:stretch!important;height:auto;min-height:100%}
 .mxparts #detailView .mxpd-essential{flex:1}
}
.mxparts .featured-zone .card,.mxparts .storezone #homeProducts .card,.mxparts #detailRelated .card{height:auto!important;min-height:0!important;display:flex;flex-direction:column}
.mxparts .featured-zone .cardphoto,.mxparts .storezone #homeProducts .cardphoto,.mxparts #detailRelated .cardphoto{height:225px!important;min-height:225px!important;flex:none}
.mxparts .featured-zone .cardbody,.mxparts .storezone #homeProducts .cardbody,.mxparts #detailRelated .cardbody{padding:9px 10px 3px!important;min-height:0!important;flex:1}
.mxparts .featured-zone .card h3,.mxparts .storezone #homeProducts .card h3,.mxparts #detailRelated .card h3{font-size:12px;line-height:1.3;min-height:0;margin:4px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mxparts .featured-zone .maker,.mxparts .storezone #homeProducts .maker,.mxparts #detailRelated .maker{font-size:9px;line-height:1.2}
.mxparts .featured-zone .code,.mxparts .storezone #homeProducts .code,.mxparts #detailRelated .code{font-size:9px;line-height:1.3;padding:2px 0}
.mxparts .featured-zone .cardbottom,.mxparts .storezone #homeProducts .cardbottom,.mxparts #detailRelated .cardbottom{padding:5px 10px 10px!important;gap:3px;margin-top:auto}
.mxparts .featured-zone .cardbottom button,.mxparts .storezone #homeProducts .cardbottom button,.mxparts #detailRelated .cardbottom button,.mxparts #resultsView .cardbottom button,.mxparts #detailView #detailAdd{background:#1c2421!important;color:#f5d85d!important;border:1px solid #1c2421!important}
.mxparts .featured-zone .cardbottom button:hover,.mxparts .storezone #homeProducts .cardbottom button:hover,.mxparts #detailRelated .cardbottom button:hover,.mxparts #resultsView .cardbottom button:hover,.mxparts #detailView #detailAdd:hover{background:#f5d85d!important;color:#1c2421!important}
.mxparts .featured-zone .cardbottom button,.mxparts .storezone #homeProducts .cardbottom button,.mxparts #detailRelated .cardbottom button{min-height:35px!important;padding:8px 5px!important;font-size:10px!important}
@media(max-width:760px){
 .mxparts .brandbar .wrap{min-height:68px}
 .mxparts .featured-zone .cardphoto,.mxparts .storezone #homeProducts .cardphoto,.mxparts #detailRelated .cardphoto{height:185px!important;min-height:185px!important}
}

/* Mobile repair: stable toolbar, consistent cards and product stack */
@media(max-width:760px){
 .mxparts,.mxparts .wrap,.mxparts #detailView,.mxparts #resultsView{min-width:0;max-width:100%;box-sizing:border-box}
 .mxparts .brandbar{position:relative!important;top:auto!important;left:auto!important;width:100%!important;box-shadow:none!important;transform:none!important}
 .mxparts .brandbar .topsearch,.mxparts .brandbar .actions,.mxparts .brandbar .wrap{transition:none!important;animation:none!important;transform:none!important}
 .mxparts .brandbar .topsearch{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}
 .mxparts .brandbar .topsearch input{width:0;min-width:0!important;flex:1 1 auto}
 .mxparts .brandbar .topsearch button{flex:none}
 .mxparts #detailView .mxpd-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;width:100%}
 .mxparts #detailView .mxpd-info{display:contents!important}
 .mxparts #detailView .mxpd-grid .mxpd-product-heading{order:0;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;width:100%;box-sizing:border-box}
 .mxparts #detailView .mxpd-grid .mxpd-gallery{order:1;align-self:stretch!important;height:auto!important;min-width:0;width:100%;box-sizing:border-box}
 .mxparts #detailView .mxpd-grid .mxpd-purchase{order:2;width:100%;box-sizing:border-box}
 .mxparts #detailView .mxpd-grid .mxpd-essential{order:3;width:100%;box-sizing:border-box;flex:none}
 .mxparts #detailView .mxpd-gallery .mxpd-image-wrap{height:clamp(240px,72vw,370px)!important;min-height:0!important;max-height:370px!important;aspect-ratio:auto!important}
 .mxparts #detailView .mxpd-contact-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px}
 .mxparts #detailView .mxpd-contact-row .mxpd-quantity{min-width:0}
 .mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer{min-width:0}
 .mxparts #detailView .mxpd-contact-row .mxpd-purchase-footer a{width:100%;box-sizing:border-box;white-space:normal;text-align:center}
 .mxparts #resultsView{width:calc(100% - 28px)!important;margin-inline:auto}
 .mxparts #resultsView .result-layout{display:block}
 .mxparts #resultsView .productgrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px}
 .mxparts #resultsView .card{display:flex!important;flex-direction:column!important;width:100%;min-width:0;min-height:0!important}
 .mxparts #resultsView .cardphoto{width:100%;height:210px!important;min-height:210px!important;flex:none}
 .mxparts #resultsView .cardbody{min-width:0;flex:none;padding:12px 13px 4px}
 .mxparts #resultsView .cardbottom{padding:7px 13px 13px}
}
@media(max-width:700px){
 .mxparts .brandbar .wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;min-height:0!important;padding-top:8px!important;padding-bottom:8px!important}
 .mxparts .brandbar .brand{grid-column:1;grid-row:1;min-width:0;max-width:100%}
 .mxparts .brandbar .topsearch{grid-column:1!important;grid-row:2;width:100%!important;height:44px!important}
 .mxparts .brandbar .actions{grid-column:1!important;grid-row:3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;min-width:0}
 .mxparts .brandbar .actions>*{display:flex!important;min-width:0!important;width:100%!important;box-sizing:border-box;justify-content:center!important;align-items:center;overflow:hidden}
 .mxparts .brandbar .actions .label{display:inline!important;white-space:normal;line-height:1.1}
 body.page-id-23 .mxparts .brandbar .topsearch{grid-row:1!important}
 body.page-id-23 .mxparts .brandbar .actions{grid-row:2!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .mxparts .featured-zone .productgrid,.mxparts .storezone #homeProducts{display:flex!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}
 .mxparts .featured-zone .productgrid .card,.mxparts .storezone #homeProducts .card{flex:0 0 calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;min-width:0!important;box-sizing:border-box}
 .mxparts .featured-zone .cardphoto,.mxparts .storezone #homeProducts .cardphoto,.mxparts #detailRelated .cardphoto{height:165px!important;min-height:165px!important}
 .mxparts #detailRelated{display:flex;overflow-x:auto;gap:10px}
 .mxparts #detailRelated .card{flex:0 0 calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;min-width:0;box-sizing:border-box}
}
@media(max-width:350px){
 .mxparts #detailView .mxpd-contact-row{grid-template-columns:1fr}
 .mxparts .brandbar .actions .label{font-size:10px}
}

/* Uniform product image stages — preserve the complete part */
.mxparts .cardphoto{display:grid!important;place-items:center;overflow:hidden}
.mxparts .cardphoto img{display:block!important;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;padding:6px!important;box-sizing:border-box}
.mxparts #detailView .mxpd-image-wrap{display:grid;place-items:center;overflow:hidden}
.mxparts #detailView #detailPhoto:not(.is-placeholder){width:100%!important;height:100%!important;max-height:none!important;min-width:0;margin:0!important;padding:12px;box-sizing:border-box;background:none!important;display:grid;place-items:center}
.mxparts #detailView #detailPhoto:not(.is-placeholder) img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:100%;max-height:100%}
.mxparts #detailView #detailThumb:not(.is-placeholder){background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
.mxparts .cartitem .pic img{object-fit:contain!important;object-position:center!important;padding:2px}
@media(max-width:760px){
 .mxparts .cardphoto img{padding:4px!important}
 .mxparts #detailView #detailPhoto:not(.is-placeholder){padding:7px}
}