.marka-products{background:#fff;overflow:hidden}
.marka-products-kicker{display:inline-block;margin-bottom:10px;color:var(--base-color,#0054a6);font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.marka-products-scroll{color:var(--bs-blue);;font-size:15px;font-weight:600}
.marka-products-scroll i{margin-right:7px;color:var(--base-color,#0054a6)}
.marka-products-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#004aac #004aac1f;padding:14px 2px 22px;overscroll-behavior-inline:contain}
.marka-products-track::-webkit-scrollbar{height:7px}.marka-products-track::-webkit-scrollbar-thumb{background:#b8c4d1;border-radius:10px}
.marka-product-card{flex:0 0 292px;scroll-snap-align:start;background:#fff;border:1px solid #e7ebef;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px rgba(15,42,70,.07);content-visibility:auto;contain-intrinsic-size:292px 430px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.marka-product-card:hover{transform:translateY(-5px);border-color:#ccd8e3;box-shadow:0 15px 38px rgba(15,42,70,.13)}
.marka-product-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.marka-product-image{display:flex;align-items:center;justify-content:center;height:260px;padding:0px;background:#f7f9fb;border-bottom:1px solid #edf0f3}
.marka-product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.marka-product-card:hover .marka-product-image img{transform:scale(1.035)}
.marka-product-body{display:block;padding:20px}.marka-product-code,.marka-product-oem{display:block;color:#657180;font-size:12px;line-height:20px}
.marka-product-code strong{color:var(--base-color,#0054a6)}.marka-product-body h3{min-height:52px;margin:7px 0 8px;color:#182433;font-size:17px;line-height:25px;font-weight:700}
.marka-product-detail{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:14px;border-top:1px solid #edf0f3;color:#0054a6;font-size:15px;font-weight:600}
.marka-product-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:25px}.marka-product-modal.is-open{display:flex}.marka-product-modal-backdrop{position:absolute;inset:0;background:rgba(5,17,31,.82);backdrop-filter:blur(4px)}
.marka-product-modal-dialog{position:relative;z-index:1;width:min(100%,575px);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.marka-product-modal-close{position:absolute;z-index:2;top:15px;right:15px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15);font-size:18px;cursor:pointer}
.marka-product-modal-grid{display:grid;grid-template-columns:100%;min-height:570px}.marka-product-modal-image{display:flex;align-items:center;justify-content:center;padding:40px;background:#f4f7f9}.marka-product-modal-image img{width:100%;max-height:470px;object-fit:contain}
.marka-product-modal-content{padding:55px 50px 45px}.marka-product-modal-brand{color:var(--base-color,#0054a6);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.marka-product-modal-content h2{margin:9px 0 22px;color:#172230;font-size:32px;line-height:40px;font-weight:750}
.marka-product-modal-codes{display:flex;gap:12px;margin-bottom:22px}.marka-product-modal-codes span{min-width:135px;padding:11px 14px;background:#f5f7f9;border-radius:7px}.marka-product-modal-codes small,.marka-product-modal-codes strong{display:block}.marka-product-modal-codes small{color:#7a8490;font-size:10px;text-transform:uppercase}.marka-product-modal-codes strong{margin-top:3px;color:#172230;font-size:14px}
.marka-product-modal-meta{display:grid;gap:8px;margin:20px 0}.marka-product-modal-meta div{padding:10px 13px;background:#f7f9fb;border-left:3px solid var(--base-color,#0054a6);font-size:13px}.marka-product-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.btn-whatsapp{background:#20b85a!important;border-color:#20b85a!important}
body.marka-modal-open{overflow:hidden}
@media(max-width:991px){.marka-products-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;padding-bottom:0}.marka-product-card{width:100%;min-width:0;flex:auto}.marka-product-modal-grid{grid-template-columns:1fr}.marka-product-modal-image{min-height:300px;padding:30px}.marka-product-modal-image img{max-height:280px}.marka-product-modal-content{padding:35px}.marka-product-extra:not(.is-visible){display:none}}
@media(max-width:575px){.marka-products-track{grid-template-columns:1fr}.marka-product-card{display:flex;min-height:150px}.marka-product-open{display:grid;grid-template-columns:132px 1fr}.marka-product-image{height:100%;min-height:150px;padding:12px;border:0;border-right:1px solid #edf0f3}.marka-product-body{padding:14px}.marka-product-body h3{min-height:0;margin:5px 0;font-size:15px;line-height:21px}.marka-product-detail{margin-top:10px;padding-top:9px;font-size:12px}.marka-product-modal{padding:10px}.marka-product-modal-dialog{max-height:96vh}.marka-product-modal-image{min-height:220px;padding:25px}.marka-product-modal-image img{max-height:200px}.marka-product-modal-content{padding:27px 22px}.marka-product-modal-content h2{font-size:24px;line-height:31px}.marka-product-modal-codes{display:grid;grid-template-columns:1fr 1fr}.marka-product-modal-actions .btn{width:100%}}