/* PaySlashes V17 / structural mockup recreation, Nov 10 2026.
   Authored against the two user supplied PaySlashes design references.
   Scope: mobile home, catalogue, and product detail. Legacy desktop preserved.
   Kept separate and LAST so historical ad-hoc overrides cannot restyle new UI. */
:root{--ps17-green:#007b52;--ps17-deep:#005e40;--ps17-ink:#101929;--ps17-navy:#102a43;--ps17-soft:#f5f8fa;--ps17-border:#e0e7eb;--ps17-muted:#536171}
.ps17-home,.ps17-listing,.ps17-detail,.ps17-catalog-header{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.ps17-home a,.ps17-listing a,.ps17-detail a{transition:color .16s ease,background-color .16s ease,border-color .16s ease}
.ps17-home :focus-visible,.ps17-listing :focus-visible,.ps17-detail :focus-visible{outline:3px solid rgba(0,123,82,.55);outline-offset:3px}
/* Universal product tile. HTML is shared, but not the older jumia/pcv2 markup. */
.ps17-product{display:flex;flex-direction:column;min-width:0;width:100%;height:100%;overflow:hidden;border:1px solid #e1e8ec;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(16,42,67,.045);color:#111827}
.ps17-product-media{height:auto;aspect-ratio:1.13/1;position:relative;background:#f7f9fa;overflow:hidden}
.ps17-product-image{display:block;width:100%;height:100%;padding:9px;text-decoration:none}
.ps17-product-image img{width:100%;height:100%;object-fit:contain;display:block;border:0;mix-blend-mode:multiply}
.ps17-product-wish{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:30px;height:30px;background:rgba(255,255,255,.94);border:1px solid #e7ebee;border-radius:50%;color:#111827;box-shadow:0 2px 7px #102a4312}
.ps17-product-wish svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ps17-product-wish.active{color:#007b52;background:#e7f8ef}
.ps17-low-stock{position:absolute;left:7px;top:9px;background:#fff0dd;color:#874b03;padding:4px 6px;border-radius:7px;font-weight:750;font-size:9px;line-height:1.15}
.ps17-product-body{padding:10px 11px 12px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.ps17-product-brand{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#78818e;font-weight:750;line-height:1.18;min-height:12px}
.ps17-product-name{font-size:13px!important;font-weight:800!important;line-height:1.24!important;letter-spacing:-.023em;min-height:2.48em;margin:0!important;color:#111827!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ps17-product-name a{color:inherit!important;text-decoration:none!important;overflow-wrap:anywhere}
.ps17-product-spec{margin:0!important;font-size:10.5px!important;line-height:1.35!important;color:#606b78!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.65em}
.ps17-product-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 5px;margin-top:4px;margin-bottom:6px}
.ps17-product-prices strong{font-size:clamp(14px,3.7vw,17px);font-weight:900;letter-spacing:-.042em;color:#111827;white-space:nowrap}
.ps17-product-prices del{font-size:10px;color:#7b8794;white-space:nowrap}
.ps17-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:auto}
.ps17-product-actions a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:36px;border-radius:8px;padding:5px 3px;font-size:10.5px;line-height:1.15;font-weight:800;text-decoration:none!important;white-space:normal}
.ps17-product-buy{background:var(--ps17-green);color:#fff!important;border:1px solid var(--ps17-green)}
.ps17-product-buy:hover{background:var(--ps17-deep)}
.ps17-product-cart{color:var(--ps17-deep)!important;background:#fff;border:1px solid var(--ps17-green)}
.ps17-product-unavailable{font-size:11px;color:#9c443d;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:auto}
.ps17-product-unavailable a{color:#007b52;text-decoration:underline}
@media(max-width:767.98px){
 /* Carefully override legacy layout only for exact storefront pages */
 html body.page-home main#content>section.ps-exact-mobile-home.ps17-home{display:block!important;visibility:visible!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;contain:none!important;content-visibility:visible!important}
 html body.page-home main#content > :not(.ps17-home){display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
 html body.page-home main#content{min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
 html body.page-home .ps-exact-mobile-home.ps17-home{background:#fff!important;box-shadow:none!important}
 html body.page-home .ps-exact-mobile-home.ps17-home>.ps-exact-wrap.ps17-home-inner{display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:10px 14px 12px!important;background:#fff!important;overflow:visible!important}
 /* Match the supplied screenshots: two-row header, logo / cart, simple search. */
 html body.page-home .psm-mobile-shell{background:#fff!important;border:0!important;box-shadow:none!important}
 html body.page-home .psm-mobile-shell .psm-topbar{padding:10px 16px 7px!important;min-height:67px!important}
 html body.page-home .psm-mobile-shell [data-psm-menu-open],html body.page-home .psm-mobile-shell a[href*="customer_care_dashboard"]{display:none!important}
 html body.page-home .psm-mobile-shell .psm-brand{margin:0!important}
 html body.page-home .psm-mobile-shell .psm-search{min-height:50px!important;height:50px!important;max-height:50px!important;border:1px solid #dce5e8!important;border-radius:12px!important;display:flex!important;box-shadow:none!important;padding:0 7px 0 11px!important;margin:2px 15px 11px!important;width:calc(100% - 30px)!important}
 html body.page-home .psm-mobile-shell .psm-search input{font-size:13px!important;min-height:45px!important;padding:4px 6px!important}
 html body.page-home .psm-mobile-shell .psm-search-tools{display:none!important}
 html body.page-home .psm-mobile-shell .psm-search-submit{display:none!important}
 html body.page-home .psm-mobile-shell .ps17-search-filter{display:grid!important;place-items:center!important;flex:0 0 41px;height:45px;border:0;border-left:1px solid #e3e8ed;border-radius:0;background:#fff;color:#102a43;margin-left:auto}
 html body.page-home .psm-mobile-shell .ps17-search-filter svg{height:24px;width:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 html body.page-home .psm-mobile-shell .psm-context-row{display:none!important}
 body.page-home .ps17-home .ps17-quicklinks{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 16px;padding:0}
 .ps17-quicklinks>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:83px;border-radius:12px;border:1px solid #e3e9ec;background:#fff;text-decoration:none!important;text-align:center;color:#151d28!important;min-width:0}
 .ps17-quicklinks .ps17-quick-icon{width:36px;height:37px;display:grid;place-items:center;color:var(--ps17-green);background:#ebf6f0;border-radius:9px}
 .ps17-quicklinks .ps17-quick-icon svg{height:20px;width:20px;fill:currentColor;stroke:currentColor}
 .ps17-quicklinks strong{font-size:clamp(9px,2.7vw,12px);font-weight:800;line-height:1.15;white-space:normal}
 /* The cropped original artwork is from user's master mockup, not a synthetic unrelated banner. */
 .ps17-hero{position:relative;overflow:hidden;width:100%;aspect-ratio:585/290;border-radius:15px;background:#d8f4e7;margin:0 0 18px;isolation:isolate}
 .ps17-hero-track{width:100%;height:100%;position:relative}
 .ps17-hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease;display:block!important}
 .ps17-hero-slide.is-current{opacity:1;visibility:visible;pointer-events:auto}
 .ps17-hero-slide img{height:100%;width:100%;display:block;object-fit:cover;object-position:center}
 .ps17-hero-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:3}
 .ps17-hero-dots button{width:7px;height:7px;border-radius:30px;background:#ffffffa8;border:0;padding:0;box-shadow:0 1px 3px #1e3a2f33}
 .ps17-hero-dots button.is-current{width:19px;background:#007b52}
 .ps17-home .ps17-home-group{margin:0 0 19px;padding:0;min-width:0}
 .ps17-home .ps17-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px}
 .ps17-home .ps17-section-heading h2{margin:0!important;font-size:clamp(17px,4.8vw,23px)!important;letter-spacing:-.035em;font-weight:900;color:#111827!important;line-height:1.2}
 .ps17-home .ps17-section-heading>a{color:#006b46!important;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap}
 .ps17-home .ps17-section-heading>a span{font-size:19px;vertical-align:-1px}
 .ps17-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .ps17-categories>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-width:0;min-height:82px;padding:9px 2px;border:1px solid #e2e7eb;border-radius:12px;text-decoration:none!important;background:#fff;color:#101929!important}
 .ps17-categories .ps17-category-art{height:34px;width:44px;display:grid;place-items:center;color:#007b52;background:transparent}
 .ps17-categories .ps17-category-art svg{width:31px;height:31px;stroke:currentColor;fill:none}
 .ps17-categories .ps17-category-art img{width:40px;height:34px;object-fit:contain}
 .ps17-categories strong{line-height:1.16;font-size:clamp(9px,2.7vw,11px);font-weight:750;overflow-wrap:anywhere;text-align:center}
 /* Auto sliding but swipe friendly: two fully visible compact cards per view. */
 .ps17-home .ps17-product-rail{width:100%;display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 10px) / 2);gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 8px;scroll-snap-type:x mandatory;scroll-padding-inline:1px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-inline:contain}
 .ps17-home .ps17-product-rail::-webkit-scrollbar{display:none}
 .ps17-home .ps17-product-rail>.ps17-product{scroll-snap-align:start;min-width:0;max-width:none!important;min-height:0;height:100%;padding:0!important;margin:0!important;flex-basis:auto!important}
 .ps17-home .ps17-product-rail .ps17-product-media{aspect-ratio:1.21/1}
 .ps17-home .ps17-product-rail .ps17-product-body{padding:9px 9px 11px}
 .ps17-home .ps17-rail-progress{height:3px;width:78px;background:#e5edeb;overflow:hidden;border-radius:5px;margin:7px auto 0}
 .ps17-home .ps17-rail-progress>span{height:100%;width:30%;display:block;background:#007b52;border-radius:5px;transition:transform .3s ease}
 .ps17-home .ps17-empty{padding:22px 13px;background:#f5f8f7;border:1px dashed #afcfbe;border-radius:13px;color:#526473;font-size:13px;line-height:1.5}
 .ps17-home .ps17-empty a{color:#007b52;font-weight:800}
 .ps17-trust{height:40px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;background:#eaf5ef;color:#15312a;font-size:11.5px;font-weight:650;text-align:center}
 .ps17-trust svg{width:20px;height:20px;stroke:#007b52;stroke-width:1.7;fill:none;flex-shrink:0}
 /* The approved mockup has a flat dock, not a floating asymmetric oversized bag. */
 html body.mobile-ux-shell nav.ps-mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;margin:0!important;min-height:69px!important;padding:8px 9px calc(8px + env(safe-area-inset-bottom))!important;background:#fff!important;border:0!important;border-top:1px solid #e6e9ed!important;border-radius:0!important;box-shadow:0 -3px 14px #102a430d!important;z-index:990!important}
 html body.mobile-ux-shell nav.ps-mobile-bottom-nav .ps-mobile-bottom-nav__item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-height:53px!important;min-width:0!important;padding:0!important;margin:0!important;transform:none!important;position:static!important;border:0!important;background:none!important;box-shadow:none!important;color:#111827!important;text-decoration:none!important}
 html body.mobile-ux-shell nav.ps-mobile-bottom-nav .ps-mobile-bottom-nav__icon{height:26px!important;width:28px!important;display:grid!important;place-items:center!important;padding:0!important;transform:none!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:inherit!important}
 html body.mobile-ux-shell nav.ps-mobile-bottom-nav .ps-mobile-bottom-nav__icon svg{height:24px!important;width:24px!important;max-height:24px!important;max-width:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
 html body.mobile-ux-shell nav.ps-mobile-bottom-nav .ps-mobile-bottom-nav__label{font-size:10.3px!important;line-height:1.2!important;letter-spacing:0!important;font-weight:720!important;color:inherit!important;white-space:nowrap!important}
 html body.mobile-ux-shell nav.ps-mobile-bottom-nav .ps-mobile-bottom-nav__item.is-active{color:#007b52!important}
 html body.mobile-ux-shell nav.ps-mobile-bottom-nav .ps-mobile-bottom-nav__item--cta .ps-mobile-bottom-nav__icon{color:#007b52!important;background:transparent!important;width:28px!important;height:26px!important;border-radius:0!important;transform:none!important;box-shadow:none!important}
 html body.mobile-ux-shell nav.ps-mobile-bottom-nav .ps-mobile-bottom-nav__item--cta{top:auto!important}
 html body.page-home footer.premium-site-footer{margin-top:0!important;padding:0 0 70px!important}
 html body.page-home footer.premium-site-footer .premium-footer-main{padding:10px 15px!important;background:#f3f8f5!important;min-height:0!important}
 html body.page-home footer.premium-site-footer .premium-footer-logo-link{display:none!important}
 html body.page-home footer.premium-site-footer .premium-footer-brand-note{margin:0!important;font-size:11px!important;color:#466858!important;text-align:center!important}
 html body.page-home footer.premium-site-footer .ps13-footer-links{display:none!important}
 /* Homepage content no longer extends under navigation. */
 html body.page-home .ps-app-shell{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
 /* Catalogue heading and controls reconstructed, not visually adjusted atop old title. */
 html body:has(.ps17-listing) .psm-mobile-shell,html body:has(.ps17-listing) #header{display:none!important}
 html body:has(.ps17-listing) .ps-app-shell{background:#fff!important}
 html body .ps17-listing{background:#fff!important;padding:0 0 90px!important;min-height:0!important}
 html body .ps17-listing>.bg-gray-13{display:none!important}
 .ps17-catalog-header{padding:8px 14px 12px;background:#fff}
 .ps17-catalog-topline{display:flex;align-items:center;gap:12px;min-height:47px}
 .ps17-catalog-topline h1{font-size:18px;font-weight:850;letter-spacing:-.02em;color:#111827;margin:0;flex:1;text-align:center}
 .ps17-catalog-back,.ps17-catalog-topline a,.ps17-catalog-topline button{width:35px;height:37px;display:grid;place-items:center;background:none;border:0;border-radius:9px;color:#111827;text-decoration:none;font-size:19px}
 .ps17-catalog-back{font-size:35px!important;font-weight:400!important;line-height:1!important}
 .ps17-catalog-search{display:flex;gap:7px;margin-top:9px}
 .ps17-catalog-search[hidden]{display:none!important}
 .ps17-catalog-search input{border-radius:10px;border:1px solid #d4dfe5;min-width:0;min-height:42px;flex:1;padding:10px 12px;font-size:13px}
 .ps17-catalog-search button{background:#007b52;border:0;border-radius:9px;padding:0 11px;font-size:12px;font-weight:800;color:white}
 html body .ps17-listing>.container{padding:0 13px!important;max-width:100%!important}
 html body .ps17-listing>.container>.row{margin:0!important}
 html body .ps17-listing>.container>.row>.col-xl-9{padding:0!important;max-width:100%!important;flex:0 0 100%!important}
 html body .ps17-listing .ps16-mobile-filter-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-bottom:12px!important}
 html body .ps17-listing .ps-mobile-filter-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:7px 11px!important;border:1px solid #d7e1e6!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;font-size:13px!important;color:#111827!important}
 html body .ps17-listing .ps-mobile-filter-toggle .ps-mobile-filter-toggle__right small{display:none!important}
 html body .ps17-listing .ps16-mobile-sort{display:flex!important;align-items:center!important;gap:5px!important;min-height:44px!important;min-width:0!important;border:1px solid #d7e1e6!important;border-radius:11px!important;background:#fff!important;padding:5px 9px!important}
 html body .ps17-listing .ps16-mobile-sort label{display:flex!important;align-items:center!important;gap:5px!important;font-size:12px!important;font-weight:750!important;color:#111827!important;margin:0!important;white-space:nowrap!important}
 html body .ps17-listing .ps16-mobile-sort select{background:#fff!important;color:#18202d!important;border:0!important;outline:0!important;flex:1!important;width:1px!important;min-width:0!important;padding:4px 0!important;font-size:11px!important}
 html body .ps17-listing .ps-mobile-filter-panel{padding:12px!important;background:#fff!important;border:1px solid #dfe6e9!important;border-radius:11px!important}
 html body .ps17-listing .ps-search-results-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
 html body .ps17-listing .ps-search-results-grid>.ps17-product{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important}
 html body .ps17-listing .ps-search-results-grid>.ps17-product .ps17-product-media{aspect-ratio:1.12/1}
 /* Remove the secondary stock slider on the mobile browse page to match the clean grid. */
 html body .ps17-listing .ps-search-results-grid~.mb-6{display:none!important}
 /* Product details page has its own clean page header and purchase dock. */
 html body:has(.ps17-detail) .psm-mobile-shell,html body:has(.ps17-detail) #header{display:none!important}
 html body .ps17-detail{background:#fff!important;margin:0!important;padding:0!important}
 html body .ps17-detail>.ps16-product-mobile-header,html body .ps17-detail>.ps16-product-mobile-buybar{display:none!important}
 html body .ps17-detail>.bg-gray-13,html body .ps17-detail>.container{display:none!important}
 html body:has(.ps17-detail) nav.ps-mobile-bottom-nav{display:none!important}
 html body:has(.ps17-detail) .ps-app-shell{padding-bottom:0!important}
 html body .ps17-product-mobile{display:block!important;background:#fff;padding:0 0 95px;color:#111827;position:relative}
 .ps17-detail-head{display:flex;align-items:center;justify-content:space-between;gap:11px;min-height:59px;padding:7px 14px}
 .ps17-detail-head>strong{font-size:17px;font-weight:850;letter-spacing:-.02em;color:#111827;text-align:center;flex:1}
 .ps17-detail-head>a{font-size:34px;line-height:1;height:38px;width:36px;display:grid;place-items:center;color:#111827;text-decoration:none!important}
 .ps17-detail-head>div{display:flex;gap:11px}
 .ps17-detail-head>div>a{display:grid;place-items:center;height:38px;width:30px}
 .ps17-detail-head>div svg{height:23px;width:23px;fill:none;stroke:#111827;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
 .ps17-detail-gallery{margin:0 13px 13px;position:relative;overflow:hidden}
 .ps17-detail-gallery-track{display:flex;align-items:stretch;gap:0;scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;border-radius:14px}
 .ps17-detail-gallery-track::-webkit-scrollbar{display:none}
 .ps17-detail-gallery-slide{flex:0 0 100%;width:100%;height:clamp(260px,78vw,380px);display:grid;place-items:center;scroll-snap-align:center;background:linear-gradient(145deg,#f4f6f8,#e8eff1);border-radius:14px;overflow:hidden}
 .ps17-detail-gallery-slide img{width:100%;height:100%;display:block;object-fit:contain;padding:10px}
 .ps17-detail-gallery-dots{display:flex;justify-content:center;gap:7px;padding:11px 0 4px;min-height:21px}
 .ps17-detail-gallery-dots button{width:8px;height:8px;border-radius:50%;background:#c6ced3;border:0;padding:0}
 .ps17-detail-gallery-dots button.is-active{background:#007b52}
 .ps17-detail-info{padding:0 18px}
 .ps17-detail-category{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:#858e97}
 .ps17-detail-info h1{font-size:clamp(23px,6vw,30px);line-height:1.12;letter-spacing:-.04em;font-weight:850;margin:6px 0 5px;color:#111827}
 .ps17-detail-spec{font-size:13px;line-height:1.4;color:#5b6774;margin:0 0 5px}
 .ps17-detail-prices{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin:10px 0 5px}
 .ps17-detail-prices strong{color:#121a2a;font-weight:950;font-size:clamp(27px,8vw,35px);letter-spacing:-.05em}
 .ps17-detail-prices del{font-size:13px;color:#8b96a1}
 .ps17-detail-stock{color:#007b52;font-size:11.5px;font-weight:750;margin:0 0 15px}
 .ps17-detail-stock.is-out{color:#a43838}
 .ps17-detail-option{padding:14px 0;border-top:1px solid #e7ebee}
 .ps17-detail-option h2{font-size:13px;font-weight:850;margin:0 0 8px;color:#131c27}
 .ps17-detail-option>div{display:flex;flex-wrap:wrap;gap:7px}
 .ps17-detail-option>div>span{border:1px solid #c6d9cc;border-radius:8px;padding:8px 11px;color:#005e40;font-weight:750;font-size:12px}
 .ps17-detail-delivery{display:flex;gap:12px;align-items:center;padding:15px 13px;margin-top:3px;border-radius:12px;background:#f0f5f3}
 .ps17-detail-delivery>i{color:#007b52;font-size:23px}
 .ps17-detail-delivery>div{display:flex;flex-direction:column;gap:3px}
 .ps17-detail-delivery strong{font-size:14px;font-weight:850;color:#111827}
 .ps17-detail-delivery span{font-size:12px;color:#687382}
 .ps17-detail-secure{display:flex;align-items:center;gap:10px;margin:12px 0;color:#17242c;font-size:13px;font-weight:600}
 .ps17-detail-secure i{font-size:19px;color:#007b52}
 .ps17-detail-description{border-top:1px solid #e3e9e9;border-bottom:1px solid #e3e9e9;padding:12px 1px;color:#334155;font-size:13px;line-height:1.55}
 .ps17-detail-description summary{cursor:pointer;color:#102a43;font-weight:800}
 .ps17-detail-description>div{padding-top:11px;overflow-wrap:anywhere}
 .ps17-detail-buybar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px 14px calc(13px + env(safe-area-inset-bottom));z-index:1100;border-top:1px solid #e5eaec;background:#fff;box-shadow:0 -6px 16px #102a430e}
 .ps17-detail-buybar>a{display:flex;align-items:center;justify-content:center;min-height:49px;border-radius:11px;font-size:14px;font-weight:850;text-decoration:none!important}
 .ps17-detail-cart{border:1.5px solid #007b52;color:#006b47!important;background:#fff}
 .ps17-detail-buy{border:1.5px solid #007b52;color:#fff!important;background:#007b52}
 .ps17-detail-no-stock{grid-column:1/-1;text-align:center;padding:15px;color:#a43838;font-weight:800}
 html body:has(.ps17-detail) footer.premium-site-footer{display:none!important}
}
@media(max-width:359.98px){
 html body.page-home .ps-exact-mobile-home.ps17-home>.ps-exact-wrap.ps17-home-inner{padding:8px 10px!important}
 .ps17-home .ps17-product-rail{grid-auto-columns:calc((100% - 8px) / 2);gap:8px}
 .ps17-product-body{padding:8px 7px}
 .ps17-product-actions a{font-size:9.5px;min-height:33px;padding:4px 1px}
 .ps17-product-prices strong{font-size:13px}
 .ps17-quicklinks>a{gap:4px;min-height:77px}
 html body .ps17-listing .ps-search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
}
@media(min-width:768px) and (max-width:1199.98px){
 /* Preserve existing tablet desktop sections until an independently verified redesign. */
 .ps17-product-name{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
 .ps17-hero-slide,.ps17-product,.ps17-product-rail{transition:none!important;scroll-behavior:auto!important}
}

/* Brand header must be dedicated HTML. The legacy topbar cannot be reshaped reliably. */
.ps17-home-header{display:none}
@media(max-width:767.98px){
 html body.page-home .psm-mobile-shell{display:none!important}
 html body.page-home .ps17-home-header{display:block!important;background:#fff!important;width:100%!important;position:relative!important;z-index:3!important;padding:10px 14px 8px!important}
 .ps17-home-header-line{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
 .ps17-home-brand{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none!important}
 .ps17-home-brand img{height:43px;width:43px;object-fit:contain;flex-shrink:0}
 .ps17-home-brand strong{font-size:clamp(20px,5.5vw,25px);font-weight:900;letter-spacing:-.055em;color:#101827;line-height:1}
 .ps17-header-cart{position:relative;display:grid;place-items:center;width:42px;height:42px;color:#111827}
 .ps17-header-cart svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .ps17-header-cart span{position:absolute;top:1px;right:0;display:grid;place-items:center;background:#007b52;color:#fff;font-size:9px;font-weight:800;border-radius:15px;min-width:17px;height:17px}
 .ps17-home-search{display:flex;align-items:center;gap:7px;min-height:50px;height:50px;width:100%;padding:5px 6px 5px 13px;border:1px solid #d7e1e7;background:#fff;border-radius:12px;box-shadow:none}
 .ps17-home-search-icon{width:19px;height:19px;stroke:#667587;fill:none;stroke-width:2;flex-shrink:0}
 .ps17-home-search input{flex:1;width:1px;min-width:0;height:39px;padding:0 4px;border:0;outline:none;background:transparent;font-size:13px;color:#111827}
 .ps17-home-search input::placeholder{color:#6d7b89;opacity:1}
 .ps17-home-submit{display:grid;place-items:center;flex:0 0 35px;height:36px;border:0;border-radius:9px;color:#fff;background:#007b52}
 .ps17-home-submit svg{height:20px;width:20px;stroke:#fff;fill:none;stroke-width:2}
 .ps17-home-filter{display:grid;place-items:center;height:36px;flex:0 0 34px;background:#f2f7f4;border-radius:9px;color:#007b52}
 .ps17-home-filter svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;fill:none}
 html body.page-home footer.premium-site-footer .premium-footer-bottom{display:none!important}
 html body.page-home footer.premium-site-footer .premium-footer-copy,html body.page-home footer.premium-site-footer .premium-footer-contact-card{display:none!important}
 html body.page-home footer.premium-site-footer{padding:0!important;height:auto!important;min-height:0!important}
 html body.page-home footer.premium-site-footer .premium-footer-main{padding:10px!important;min-height:0!important}
 html body.page-home .ps-exact-mobile-home.ps17-home>.ps-exact-wrap.ps17-home-inner{max-width:100%!important}
 html body .ps17-listing>.container,html body .ps17-detail>.container{max-width:100%!important}
}
@media(max-width:359.98px){
 html body.mobile-ux-shell main#content.ps17-listing .products-grid.ps-search-results-grid:not([data-product-slider]):not(.ps-product-slider-track):not(.ps-mobile-row-track){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
}
@media(max-width:767.98px){
 html body.page-home .ps-app-shell,html body:has(.ps17-listing) .ps-app-shell,html body:has(.ps17-detail) .ps-app-shell{width:100%!important;max-width:100%!important;min-width:0!important}
 html body.page-home main#content,html body.page-home main#content>section.ps-exact-mobile-home.ps17-home{max-width:100%!important}
 .ps17-detail-head>div>a{color:#111827!important;text-decoration:none!important}
 html body .ps17-detail .ps17-detail-gallery-dots button{flex:0 0 8px!important;width:8px!important;min-width:8px!important;max-width:8px!important;height:8px!important;min-height:8px!important;max-height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;transform:none!important;box-shadow:none!important}
 html body .ps17-detail .ps17-detail-gallery-dots button.is-active{background:#007b52!important}
}

@media(max-width:767.98px){
 .ps17-detail-specifications{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 14px;border-top:1px solid #e8edef;padding-top:13px}
 .ps17-detail-specifications>div{display:flex;flex-direction:column;gap:4px;min-width:78px;padding:8px 11px;border:1px solid #d8e8de;border-radius:9px;background:#f7fbf8}
 .ps17-detail-specifications span{font-size:10px;font-weight:650;color:#697782}
 .ps17-detail-specifications strong{font-size:12px;font-weight:820;color:#005e40}
}

/* V21: optional content overlay for DB-managed mobile promotional banners. */
@media (max-width:767.98px){
  .ps17-hero .ps21-banner-copy{position:absolute;inset:0 auto 0 0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;max-width:58%;min-width:0;padding:clamp(12px,4vw,26px);color:#102a43;pointer-events:none;text-align:left;text-shadow:0 1px 1px #ffffffbf}
  .ps17-hero .ps21-banner-kicker{font-size:clamp(9px,2vw,12px);line-height:1.1;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#007b52}
  .ps17-hero .ps21-banner-headline{font-weight:850;letter-spacing:-.025em;line-height:1.04;font-size:clamp(19px,5vw,32px);overflow-wrap:anywhere}
  .ps17-hero .ps21-banner-subtext{font-size:clamp(10px,2.4vw,14px);line-height:1.32;max-height:3.96em;overflow:hidden}
  .ps17-hero .ps21-banner-cta{display:inline-flex;align-items:center;background:#007b52;color:#fff;text-shadow:none;font-weight:750;border-radius:8px;padding:7px 11px;font-size:clamp(10px,2.6vw,13px);margin-top:4px}
  .ps17-hero .ps17-hero-slide:not(a){cursor:default}
}