/* mds-improvements 0.17.6 — pdp_bundle_v3 (admins / ?mds_pv=). Scoped to body.mdsi-b3. */

/* 1) OOS */
body.mdsi-b3 .b3-oos-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;min-height:44px;margin:12px 0 0;padding:0 14px;box-sizing:border-box;background:#fff;border:1.5px solid #1B2A4A;border-radius:10px;color:#1B2A4A;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer}
body.mdsi-b3 .b3-oos-cta:hover{background:#F5F8FC}
body.mdsi-b3 .b3-oos-cta:focus-visible{outline:2px solid #0369A1;outline-offset:2px}
body.mdsi-b3 .b3-oos-cta .b3-chev{flex:none;width:16px;height:16px}
body.mdsi-b3 #cfgx3 .cx-card.b3-hl{box-shadow:0 0 0 2px #1B2A4A;transition:box-shadow .3s ease}

/* 3) B2B */
body.mdsi-b3 .b2b.b3-b2b{background:#F7F9FC;border:1px solid #E3E6EC;border-radius:12px;color:#1B2A4A;padding:12px 18px}
body.mdsi-b3 .b2b.b3-b2b b{color:#1B2A4A;font-size:16px;margin-bottom:2px}
body.mdsi-b3 .b2b.b3-b2b .b3-b2b-copy{color:#3A4560;font-size:13.5px;line-height:1.5}
body.mdsi-b3 .b2b.b3-b2b a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;color:#1B2A4A!important;background:#fff;border:1.5px solid #1B2A4A!important;border-radius:10px!important;padding:8px 18px!important;text-decoration:none!important;font-weight:700}
body.mdsi-b3 .b2b.b3-b2b a:hover{background:#EEF2F8}
body.mdsi-b3 .b2b.b3-b2b a:focus-visible{outline:2px solid #0369A1;outline-offset:2px}
@media (max-width:760px){
  body.mdsi-b3 .b2b.b3-b2b{padding:10px 12px}
  body.mdsi-b3 .b2b.b3-b2b > div{gap:8px!important}
  body.mdsi-b3 .b2b.b3-b2b b{font-size:15px;margin-bottom:1px}
  body.mdsi-b3 .b2b.b3-b2b .b3-b2b-copy{font-size:13px;line-height:1.45}
  body.mdsi-b3 .b2b.b3-b2b .b3-dt{display:none}
  body.mdsi-b3 .b2b.b3-b2b a{width:100%;min-height:40px;padding:6px 14px!important}
}

/* 4) polish */
body.mdsi-b3 .buybox .quantity{border-radius:10px}
body.mdsi-b3 .buybox .quantity .qty{border-radius:0}
body.mdsi-b3 h1.p-title{color:#1B2A4A}
body.mdsi-b3 .qspec-mini bdi{unicode-bidi:isolate}

/* 6) pmbar in cart */
body.mdsi-b3 .pmbar .pcta-buy[data-b3-incart="1"]{background:#fff!important;color:#1B2A4A!important;border:1.5px solid #1B2A4A!important}

/* 7) popovers */
body.mdsi-b3 #trustx2{position:relative}
body.mdsi-b3 #trustx2 .tx-list{overflow:visible}
body.mdsi-b3 #trustx2 .tx-t{position:relative}
body.mdsi-b3 #trustx2 .tx-t.b3-has-pop{padding:0}
body.mdsi-b3 #trustx2 .tx-btn{all:unset;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;min-height:44px;padding:10px;text-align:right;cursor:pointer;border-radius:8px;color:inherit;font:inherit}
body.mdsi-b3 #trustx2 .tx-btn .tx-h{text-decoration:underline dotted #B8C1CF;text-decoration-thickness:1px;text-underline-offset:4px}
body.mdsi-b3 #trustx2 .tx-btn:hover .tx-h,body.mdsi-b3 #trustx2 .tx-btn[aria-expanded="true"] .tx-h{text-decoration-color:#1B2A4A}
body.mdsi-b3 #trustx2 .tx-btn:hover .tx-icw,body.mdsi-b3 #trustx2 .tx-btn[aria-expanded="true"] .tx-icw{border-color:#1B2A4A}
body.mdsi-b3 #trustx2 .tx-btn:focus-visible{outline:2px solid #0369A1;outline-offset:-2px}
body.mdsi-b3 .b3-pop{position:absolute;z-index:60;top:calc(100% + 6px);inset-inline-start:0;width:300px;max-width:calc(100vw - 24px);box-sizing:border-box;background:#fff;border:1px solid #D5DEE8;border-top:3px solid #1B2A4A;border-radius:10px;box-shadow:0 10px 28px rgba(27,42,74,.16);padding:11px 14px 4px;direction:rtl;text-align:right;font-size:13px;line-height:1.55;color:#2A3550;font-weight:400;white-space:normal}
body.mdsi-b3 .b3-pop[hidden]{display:none}
body.mdsi-b3 .b3-pop.b3-up{top:auto;bottom:calc(100% + 6px)}
body.mdsi-b3 .b3-pop .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
body.mdsi-b3 .b3-pop:focus{outline:none}
body.mdsi-b3 .b3-pop p,body.mdsi-b3 .b3-pop .b3-pop-t{display:block;margin:0 0 2px}
body.mdsi-b3 .b3-pop .b3-pop-a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:#1B2A4A;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#B8C1CF}
body.mdsi-b3 .b3-pop .b3-pop-a:hover{text-decoration-color:#1B2A4A}
body.mdsi-b3 .b3-pop .b3-pop-a::after{content:"↗";font-size:12px;margin-inline-start:4px;text-decoration:none;display:inline-block}
body.mdsi-b3 .b3-pop:not(:has(.b3-pop-a)){padding-bottom:11px}

/* 8) tiles fill the width */
@media (max-width:767px){
  body.mdsi-b3 #trustx2 .tx-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none!important;grid-auto-flow:row;justify-content:stretch;gap:0 10px;padding:4px 12px}
  body.mdsi-b3 #trustx2 .tx-t:last-child:nth-child(odd){grid-column:1 / -1}
  body.mdsi-b3 #trustx2 .tx-t{min-height:44px;align-items:center}
  body.mdsi-b3 #trustx2 .tx-btn{justify-content:flex-start;gap:6px;padding:4px 0;border-radius:6px}
  body.mdsi-b3 #trustx2 .tx-h{white-space:normal;line-height:1.35}
  body.mdsi-b3 .b3-pop{width:min(320px,calc(100vw - 24px))}
}

/* 7) cart popover */
body.mdsi-b3 .mdsi-freeship{overflow:visible}
body.mdsi-b3 .mdsi-freeship i{border-radius:0 0 var(--mdsi-r,12px) var(--mdsi-r,12px);overflow:hidden}
body.mdsi-b3 .b3-cart-pop{position:relative;display:inline-block}
body.mdsi-b3 .b3-cart-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:44px;margin-inline-start:8px;font-size:13.5px;color:var(--mdsi-action,#0369A1);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.mdsi-b3 .b3-cart-btn:focus-visible{outline:2px solid #0369A1;outline-offset:2px}
body.mdsi-b3 .b3-cart-pop .b3-pop{top:calc(100% + 2px);inset-inline-start:auto;inset-inline-end:0}
body.mdsi-b3 .b3-cart-pop .b3-pop.b3-up{top:auto;bottom:calc(100% + 2px)}

/* 9) mobile first screen V3 */
@media (max-width:760px){
  /* C1 compact header */
  body.mdsi-b3.mdsi-pdp-first-screen.single-product header.top{display:none}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .msite-sticky-head .mm-sticky-logo{display:flex;align-items:center;margin-inline-end:16px;line-height:1}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .msite-sticky-head .mm-sticky-logo.has-image img{max-height:24px;width:auto;display:block}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .msite-sticky-head .mm-sticky-icons{display:flex;align-items:center;gap:7px;margin-inline-start:auto}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .msite-sticky-head .mm-brand,body.mdsi-b3.mdsi-pdp-first-screen.single-product .msite-sticky-head .mm-links-all{display:none!important}
  /* C4 tighter spacing */
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .crumbs{margin:4px 0;font-size:12.5px;line-height:20px}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .main-grid{row-gap:6px!important}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .skuline{margin:1px 0 0}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .qspecs-mini{margin-top:6px;padding-bottom:6px}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .main-grid .buybox:not(#msite-buybox){margin-top:6px}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .mdsi-price-line{margin:1px 0 4px}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product div.stock{margin:2px 0}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .atc-upsel-wrap > .buybox{margin-top:2px}
  body.mdsi-b3.mdsi-pdp-first-screen.single-product .b3-oos-cta{margin-top:8px}
}

/* 9) 0.17.3 swipe gallery; desktop unchanged */
body.mdsi-b3 .b3-gal,body.mdsi-b3 .b3-gtrack,body.mdsi-b3 .b3-gslide:first-child{display:contents}
body.mdsi-b3 .b3-gslide + .b3-gslide,body.mdsi-b3 .b3-gcnt{display:none}
@media (max-width:767px){
  body.mdsi-b3.single-product .main-grid .thumbs{display:none!important}
  body.mdsi-b3.single-product .gal-main{position:relative}
  body.mdsi-b3.single-product .gal-main .b3-gal{display:block;position:relative}
  body.mdsi-b3.single-product .gal-main .b3-gtrack{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.mdsi-b3.single-product .gal-main .b3-gtrack::-webkit-scrollbar{display:none}
  body.mdsi-b3.single-product .gal-main .b3-gslide,body.mdsi-b3.single-product .gal-main .b3-gslide + .b3-gslide{display:flex;align-items:center;justify-content:center;flex:0 0 calc(100% - 20px);height:190px;overflow:hidden;border-radius:10px;scroll-snap-align:start;scroll-snap-stop:always}
  body.mdsi-b3.single-product .gal-main .b3-gal[data-n="1"] .b3-gslide{flex-basis:100%}
  body.mdsi-b3.single-product .gal-main .b3-gslide img,body.mdsi-b3.single-product .gal-main .b3-gslide img#gmain{display:block;width:100%;height:190px;max-width:100%;max-height:190px;margin:0;object-fit:contain}
  /* slides 2..N fetched on first touch/scroll; the 12px peek shows the next slide's 1px card edge (0.17.5) */
  body.mdsi-b3.single-product .gal-main .b3-gtrack:not(.b3-go) .b3-gslide + .b3-gslide > img{display:none}
  body.mdsi-b3.single-product .gal-main .b3-gal:not([data-n="1"]) .b3-gslide{border:1px solid var(--border,#E3E6EC);border-radius:14px}
  body.mdsi-b3.single-product .gal-main .b3-gal:not([data-n="1"]) .b3-gslide img,body.mdsi-b3.single-product .gal-main .b3-gal:not([data-n="1"]) .b3-gslide img#gmain{height:100%;max-height:100%}
  body.mdsi-b3.single-product .gal-main .b3-gcnt{display:block;position:absolute;bottom:6px;right:6px;z-index:2;padding:2px 8px;border-radius:999px;background:rgba(17,24,39,.72);color:#fff;font-size:12px;line-height:18px;font-weight:600;direction:ltr;unicode-bidi:isolate;pointer-events:none;font-variant-numeric:tabular-nums}
  /* 2+ images: slide frames only, no outer card (0.17.6); logo keeps its 2px/4px inset to slide 1 */
  body.mdsi-b3.single-product .gal-main:has(> .b3-gal:not([data-n="1"])){border:0;background:none;padding:0;border-radius:0}
  body.mdsi-b3.single-product .gal-main:has(> .b3-gal:not([data-n="1"])) > .toprow{top:2px;inset-inline-start:4px}
}