/* Order Pakistan storefront refresh v3 — works with the site's existing Bootstrap 4 bundle. */
:root{--op-green:#166447;--op-green-dark:#0e4633;--op-ink:#172821;--op-muted:#687b72;--op-border:#e2eae4;--op-soft:#f5f8f5;--op-cream:#fdfbf6;--op-orange:#ec922b;--op-radius:16px}
body.op-storefront{background:#fff;color:var(--op-ink);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.op-storefront *, .op-storefront *::before,.op-storefront *::after{box-sizing:border-box}
.op-shell{width:min(1440px,100%);margin-left:auto;margin-right:auto;padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}
.op-storefront a{transition:color .15s ease}.op-storefront a:hover{text-decoration:none}.op-storefront button,.op-storefront input,.op-storefront textarea{font-family:inherit}
.op-storefront :is(a,button,input,textarea,select):focus-visible{outline:3px solid #f6b856;outline-offset:3px}
.op-storefront :is(h1,h2,h3,h4,h5){color:var(--op-ink)}
.op-announcement{background:#10291f;color:#fff;font-size:12px}.op-announcement-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px}.op-announcement i{color:#a1ddbf;margin-right:6px}.op-announcement a{color:#fff}
.op-header{background:#fff;border-bottom:1px solid var(--op-border);position:relative;z-index:15}.op-header-inner{display:flex;align-items:center;gap:clamp(15px,3vw,46px);min-height:99px}.op-brand{flex:0 0 190px;display:flex;align-items:center}.op-site-logo{max-height:70px;width:auto;max-width:100%;object-fit:contain}.op-brand-type{color:var(--op-green-dark);font-weight:850;font-size:18px;letter-spacing:-1px;line-height:1.1}.op-brand-type span{color:var(--op-orange)}.op-brand-type small{display:block;font-size:9px;letter-spacing:2px;color:#567368;margin-top:3px}
.op-header-search{height:50px;display:flex;align-items:center;min-width:0;flex:1;max-width:720px;border:1px solid #d3e0d8;border-radius:12px;overflow:hidden;background:#fafcf9;transition:border-color .15s,box-shadow .15s}.op-header-search:focus-within{border-color:var(--op-green);box-shadow:0 0 0 3px #16644717}.op-header-search .op-search-icon{color:#748a7d;margin-left:17px;font-size:16px}.op-header-search input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;padding:12px 14px;font-size:14px;color:var(--op-ink)}.op-header-search button{height:100%;min-width:105px;background:var(--op-green);color:white;border:0;font-weight:700;cursor:pointer}.op-header-search button:hover{background:var(--op-green-dark)}
.op-header-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.op-header-action{display:flex;align-items:center;gap:9px;color:#233b2f;font-size:13px;font-weight:700;white-space:nowrap}.op-header-action>i{font-size:23px}.op-header-action:hover{color:var(--op-green)}.op-cart-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;width:34px;height:38px;font-size:25px}.op-cart-count{position:absolute;top:-5px;right:-9px;background:var(--op-orange);color:#111b14;min-width:19px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;border-radius:20px;line-height:1}
.op-desktop-nav{background:var(--op-green);color:#fff}.op-desktop-nav-inner{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);min-height:46px}.op-desktop-nav a{font-size:13px;font-weight:600;color:#fff;line-height:46px;white-space:nowrap}.op-desktop-nav a:hover,.op-desktop-nav .is-active{color:#e5f5d5}.op-desktop-nav .op-nav-help{margin-left:auto;font-weight:700;color:#fff}
.op-mobile-dock,.op-mobile-menu{display:none}
.op-storefront .btn-primary,.op-storefront .bg-primary{background-color:var(--op-green)!important;border-color:var(--op-green)!important}.op-storefront .btn-primary:hover{background-color:var(--op-green-dark)!important}.op-storefront .text-primary{color:var(--op-green)!important}.op-storefront .btn-outline-primary{border-color:var(--op-green);color:var(--op-green)}.op-storefront .btn-outline-primary:hover{background:var(--op-green);color:#fff}.op-storefront .bg-secondary{background:#f4f7f3!important}.op-storefront .section-title:before,.op-storefront .section-title:after{border-color:#dfe9df}
/* Primary commerce buttons */
.op-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;min-height:43px;border:1px solid transparent;padding:10px 15px;font-weight:700;font-size:13px;line-height:1.1;text-align:center;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.op-btn-cart{background:var(--op-green);border-color:var(--op-green);color:#fff!important}.op-btn-cart:hover:not(:disabled){background:var(--op-green-dark);border-color:var(--op-green-dark);color:#fff!important}.op-btn-buy{background:#fff;border-color:var(--op-green);color:var(--op-green-dark)!important}.op-btn-buy:hover{background:#eaf3eb;color:var(--op-green-dark)!important}.op-btn:disabled,.op-btn-disabled{opacity:.52;pointer-events:none;cursor:not-allowed;filter:grayscale(.15);background:#f1f3f2;border-color:#d5ddd8;color:#5c6f64}.op-btn.is-loading{opacity:.78;cursor:progress}.op-btn.is-added{background:#107b50!important;color:#fff!important}.op-btn-hero{background:#fff;color:var(--op-green-dark)!important;padding:14px 22px;min-height:48px;align-self:flex-start}.op-btn-hero:hover{background:#edf6ed;color:#093f2d!important}.op-btn-light{background:#fff;color:var(--op-green-dark)!important}
/* Homepage */
.op-home{background:linear-gradient(180deg,#f8faf7 0,#fff 310px);padding-top:24px;padding-bottom:28px}.op-home-hero{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.75fr);gap:16px}.op-hero-slider{min-width:0;overflow:hidden;border-radius:20px;background:#eaf1e8}.op-hero-slider .owl-carousel,.op-hero-slider .owl-stage-outer,.op-hero-slider .owl-stage,.op-hero-slider .owl-item,.op-hero-slider .op-hero-slide{height:100%}.op-hero-slide{display:grid;grid-template-columns:1fr 47%;min-height:360px;overflow:hidden;position:relative;background:linear-gradient(115deg,#16563e,#2d785b);color:#fff}.op-hero-copy{min-width:0;padding:clamp(25px,4vw,55px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.op-eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--op-green);font-weight:800;text-transform:uppercase;display:block}.op-hero-copy .op-eyebrow,.op-promo-tile .op-eyebrow{color:#a9dfb8}.op-hero-copy h2{color:#fff;font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.25;letter-spacing:-1px;margin:16px 0}.op-hero-copy p{color:#e7f2ea;font-size:13px;line-height:1.75;margin:0 0 22px}.op-hero-image{min-width:0;background:#f5f5ef}.op-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.op-hero-fallback-art{display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#f8d58e,#e5f1d9);color:#166447;font-size:116px}.op-home-hero .owl-dots{position:absolute;bottom:10px;left:25px}.op-home-hero .owl-dot span{background:#d0e4d7!important}.op-home-hero .owl-dot.active span{background:#fff!important}
.op-hero-aside{display:flex;flex-direction:column;gap:16px}.op-promo-tile{border-radius:18px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;min-height:150px}.op-promo-primary{background:#f5e6d0}.op-promo-primary .op-eyebrow{color:#976221}.op-promo-primary h3{font-size:22px;line-height:1.3;font-weight:800;margin:10px 0}.op-promo-primary p{font-size:12px;line-height:1.5;margin-bottom:13px}.op-promo-primary a{color:#633f1b;font-size:12px;font-weight:800}.op-promo-support{background:#e4f0e9}.op-promo-support .op-eyebrow{color:var(--op-green)}.op-promo-support h3{font-weight:800;font-size:19px;margin:8px 0 10px}.op-promo-support a{color:var(--op-green-dark);font-weight:800;font-size:13px}
.op-perks{margin:23px 0 50px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--op-border);background:#fff;border-radius:16px;box-shadow:0 8px 26px #163b2309}.op-perks>div{min-width:0;display:flex;align-items:center;gap:12px;padding:20px 18px}.op-perks>div+div{border-left:1px solid #e7eee8}.op-perks i{font-size:23px;color:var(--op-green);flex:0 0 24px}.op-perks b{font-size:12px;font-weight:750;display:block;line-height:1.5}.op-perks small{display:block;color:var(--op-muted);font-size:11px;line-height:1.4}
.op-home-section{margin-bottom:55px}.op-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px}.op-section-heading h2{font-size:clamp(23px,2.2vw,31px);letter-spacing:-.6px;margin:6px 0 7px;font-weight:800}.op-section-heading p{font-size:13px;color:var(--op-muted);margin:0}.op-text-action{color:var(--op-green);font-size:13px;font-weight:750;white-space:nowrap;padding-bottom:5px}.op-text-action:hover{color:var(--op-green-dark)}
.op-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.op-category-card{min-width:0;min-height:188px;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;border:1px solid var(--op-border);border-radius:14px;padding:17px 12px 14px;background:#fff;box-shadow:0 4px 15px #163b2307;transition:transform .15s,box-shadow .15s}.op-category-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #163b2319}.op-category-image{width:105px;height:105px;display:block;border-radius:100%;overflow:hidden;background:#f7f9f6;padding:10px}.op-category-image img{width:100%;height:100%;object-fit:contain}.op-category-card strong{color:var(--op-ink);font-size:12px;line-height:1.45;font-weight:750;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.op-category-card small{font-size:11px;color:var(--op-muted)}
.op-grid-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.op-grid-products>div{min-width:0}.op-between-sections{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#eaf4ec;border-radius:18px;padding:29px 35px;margin:5px 0 50px}.op-between-sections h2{font-size:23px;margin:8px 0}.op-between-sections p{color:#425d4e;font-size:13px;margin:0}
/* Product cards, independent of the original Bootstrap row/card rules. */
.op-product-card{background:#fff;display:flex;flex-direction:column;height:100%;min-height:100%;border:1px solid #e7ede8;border-radius:14px;overflow:hidden;box-shadow:0 3px 16px #1938240b;transition:transform .18s ease,box-shadow .18s ease}.op-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1938241a}.op-product-media{position:relative;background:#fff;min-width:0}.op-product-image-link{display:block;aspect-ratio:1/1;overflow:hidden}.op-product-image-link img{display:block;width:100%;height:100%;padding:16px;object-fit:contain;transition:transform .22s}.op-product-image-link:hover img{transform:scale(1.035)}.op-product-discount,.op-product-unavailable{position:absolute;top:12px;left:12px;z-index:1;font-size:10px;font-weight:800;border-radius:6px;padding:5px 8px;background:#eaf6e8;color:#137344}.op-product-unavailable{background:#f2eeec;color:#875440}.op-product-content{padding:15px;display:flex;flex-direction:column;flex:1;min-height:185px;gap:7px}.op-product-brand{color:#688076;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:0;min-height:12px}.op-product-name{color:var(--op-ink)!important;font-weight:700;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:39px}.op-product-name:hover{color:var(--op-green)!important}.op-product-size{color:var(--op-muted);font-size:11px;min-height:16px}.op-product-price{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-top:auto;padding-top:6px}.op-product-price strong{font-size:17px;font-weight:800;letter-spacing:-.5px;color:var(--op-green-dark)}.op-product-price del{font-size:11px;color:#88978e}.op-card-buying{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.83fr);gap:7px;margin-top:8px;min-height:40px}.op-card-buying .op-add-to-cart-form{min-width:0;margin:0}.op-card-buying .op-btn{width:100%;min-width:0;height:100%;min-height:39px;font-size:11px;padding:8px 6px;gap:5px}.op-btn-disabled{display:flex}.op-related-slide{height:100%;padding:3px}.op-related-slide .op-product-card{min-height:430px}
/* Listing and search */
.op-listing{min-height:50vh;padding-top:25px;padding-bottom:55px}.op-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#76897d;font-size:12px;margin:0 0 24px;line-height:1.7}.op-breadcrumb a{color:#4c6c58}.op-breadcrumb i{font-size:8px}.op-breadcrumb span{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-listing-header{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-bottom:27px}.op-listing-header h1{font-size:clamp(25px,3vw,39px);font-weight:800;letter-spacing:-1px;margin:8px 0}.op-listing-header p{font-size:13px;color:var(--op-muted);margin:0}.op-listing-count{background:#ecf5ee;padding:10px 13px;border-radius:10px;color:var(--op-green);font-size:12px;font-weight:700;white-space:nowrap}.op-listing-search{display:flex;align-items:center;gap:10px;border:1px solid var(--op-border);border-radius:12px;padding:7px 7px 7px 16px;margin-bottom:24px}.op-listing-search>i{color:#789183}.op-listing-search input{border:0;outline:0;flex:1;width:1px;min-width:0;font-size:13px}.op-listing-search .op-btn{min-height:39px}.op-no-results{grid-column:1/-1;text-align:center;padding:65px 15px;background:#f8faf7;border-radius:14px}.op-no-results>i{font-size:32px;color:#809688}.op-no-results h2{font-size:21px;margin:18px 0}.op-pagination{display:flex;justify-content:center;margin-top:35px}.op-pagination nav{max-width:100%;overflow-x:auto}
/* Product details and buying controls */
.op-detail{padding-top:24px}.op-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(25px,5vw,75px)}.op-detail-media{min-width:0}.op-detail-image{border:1px solid #e7eee8;border-radius:20px;background:#fff;padding:clamp(10px,3vw,30px);aspect-ratio:1/1;position:sticky;top:18px}.op-detail-image img{width:100%;height:100%;object-fit:contain}.op-detail-brand{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--op-green);font-weight:800;margin:5px 0 11px}.op-detail-information h1{font-size:clamp(24px,2.7vw,35px);font-weight:800;line-height:1.35;letter-spacing:-.8px}.op-detail-reviews{font-size:12px;color:#668275;display:inline-flex;gap:8px;margin-top:3px}.op-detail-reviews span{color:#bb7216}.op-detail-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-top:20px}.op-detail-prices strong{font-size:clamp(27px,3vw,40px);color:var(--op-green-dark);font-weight:800;letter-spacing:-1px}.op-detail-prices del{color:#99a89e;font-size:15px}.op-detail-prices>span{color:#186643;background:#eaf6ea;font-size:11px;padding:5px 9px;border-radius:6px;font-weight:800}.op-detail-status{font-size:12px;margin:11px 0 15px;font-weight:750}.op-detail-status.is-available{color:#137448}.op-detail-status.is-unavailable{color:#ad4d3a}.op-detail-summary{font-size:13px;color:#536d5d;line-height:1.75;max-height:160px;overflow:auto;border-bottom:1px solid var(--op-border);padding-bottom:12px}.op-detail-summary p{margin:0 0 9px}.op-detail-summary img{max-width:100%;height:auto}.op-detail-facts{border:1px solid var(--op-border);border-radius:12px;overflow:hidden;margin:18px 0}.op-detail-facts>div{display:flex;justify-content:space-between;gap:15px;padding:11px 14px;font-size:12px;line-height:1.4}.op-detail-facts>div+div{border-top:1px solid var(--op-border)}.op-detail-facts span{color:#687c70}.op-detail-facts b{color:#253c2c;text-align:right}.op-detail-facts a{color:var(--op-green);text-align:right;font-weight:700}.op-detail-purchase{padding:18px;border-radius:13px;background:#f5f9f4;border:1px solid #dfebe1}.op-quantity-heading{font-size:12px;font-weight:700;color:#2d4d39;margin:0 0 10px;display:block}.op-product-buy{display:flex;gap:10px;align-items:stretch}.op-detail-cart-form{display:flex;gap:10px;flex:1;min-width:0}.op-qty-stepper{display:flex;align-items:stretch;border:1px solid #d3e4d8;border-radius:10px;min-height:49px;overflow:hidden;background:#fff;max-width:170px}.op-qty-stepper button{width:38px;min-width:38px;background:#fff;border:0;cursor:pointer;color:#1c5b3e}.op-qty-stepper button:hover{background:#e9f4ec}.op-qty-stepper input{width:57px;min-width:45px;border:0;text-align:center;background:#fff;color:#153c28;font-size:14px;font-weight:700;outline:0;appearance:textfield;-moz-appearance:textfield}.op-qty-stepper input::-webkit-inner-spin-button,.op-qty-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.op-detail-add,.op-detail-buy{min-height:49px;flex:1}.op-detail-buy{flex:0 0 130px}.op-order-hint,.op-small-note{font-size:11px;color:#667a6c;line-height:1.6;margin:10px 0 0}.op-order-hint i{margin-right:5px}.op-detail-support{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;color:#506a5a;border-bottom:1px solid var(--op-border);padding:21px 0}.op-detail-support>i{color:var(--op-green);font-size:19px}.op-detail-support a{color:var(--op-green);font-weight:750}.op-detail-extra{padding-top:40px}.op-detail-extra>h2{font-size:24px;font-weight:800;margin-bottom:15px}.op-detail-extra>.container-fluid{border:1px solid var(--op-border);border-radius:16px;padding:20px!important}.op-detail-extra .description_one{font-size:13px;line-height:1.8;word-break:break-word}.op-detail-extra .description_one img{max-width:100%!important;height:auto!important}.op-tabs a{color:#516c5b;font-weight:700;font-size:13px}.op-tabs .nav-link.active{color:var(--op-green)!important;border-bottom:2px solid var(--op-green)}.op-related{padding-top:40px;padding-bottom:60px}.op-mobile-purchase{display:none}
/* Multi-item cart and single-item direct order */
.op-cart-page{min-height:52vh}.op-cart-page h1{font-weight:800;color:var(--op-ink)}.op-cart-item{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--op-border);border-radius:14px;padding:17px;margin-bottom:12px;box-shadow:0 3px 15px #112e1b0b}.op-cart-item>a{flex:0 0 95px}.op-cart-item img{height:95px;width:95px;object-fit:contain}.op-cart-item-main{min-width:0;flex:1}.op-cart-name{font-size:13px;font-weight:750;color:var(--op-ink);display:block;line-height:1.45;margin-bottom:8px}.op-cart-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.op-cart-actions form{margin:0}.op-cart-qty{width:60px}.op-cart-total{font-weight:800;color:var(--op-green-dark);white-space:nowrap;margin-left:auto}.op-checkout-panel{background:#fff;border:1px solid var(--op-border);border-radius:16px;padding:24px;box-shadow:0 5px 25px #1836230d}.op-checkout-panel h2{font-weight:800;font-size:19px;margin-bottom:20px}.op-checkout-panel label,.op-field label{color:#354e3f;font-size:12px;font-weight:750}.op-checkout-panel .form-control{border-color:#dce6df;min-height:43px;font-size:13px;border-radius:8px}.op-checkout-panel textarea.form-control{min-height:86px}.op-checkout-panel .form-control:focus{border-color:#77ab8a;box-shadow:0 0 0 3px #15714318}.op-cart-summary{border-top:1px solid var(--op-border);padding-top:16px}.op-empty-cart{background:#f7faf7;border:1px dashed #bed3c3;border-radius:14px}.op-direct-order{padding-top:25px;padding-bottom:65px}.op-direct-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,.65fr);gap:28px;align-items:start}.op-checkout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.op-field-full{grid-column:1/-1}.op-summary-product{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--op-border);padding-bottom:16px;margin-bottom:20px}.op-summary-product img{object-fit:contain;border:1px solid var(--op-border);border-radius:10px;flex:0 0 86px;width:86px;height:86px}.op-summary-product a{font-weight:750;color:var(--op-ink);font-size:13px;line-height:1.5}.op-summary-product p{margin-top:8px;color:var(--op-green);font-weight:800}.op-direct-summary .op-qty-stepper{margin:7px 0 20px}.op-summary-line{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:17px;border-top:1px solid var(--op-border)}.op-summary-line span{font-size:12px;color:#697c70}.op-summary-line strong{font-size:22px;color:var(--op-green-dark)}.op-place-order{width:100%;margin-top:21px;min-height:52px;font-size:14px}
/* AJAX feedback */
.op-cart-toast{position:fixed;right:24px;bottom:26px;z-index:99999;display:flex;align-items:center;gap:14px;max-width:min(420px,calc(100vw - 28px));background:#173f2e;border:1px solid #286a45;border-radius:14px;padding:16px;color:#fff;box-shadow:0 18px 48px #001a0b38;font-size:13px;line-height:1.35}.op-cart-toast[hidden]{display:none!important}.op-toast-link{color:#fff!important;font-weight:750;text-decoration:underline!important;white-space:nowrap}.op-toast-close{border:0;color:#fff;font-size:24px;background:transparent;line-height:1;cursor:pointer}.op-cart-toast.is-error{background:#652d2c;border-color:#9f5750}
/* Footer refinements */
.op-storefront footer,.op-storefront .bg-secondary.mt-5.pt-5{background:#f3f7f2!important;border-top:1px solid #e3ece4}.op-storefront .bg-secondary.mt-5.pt-5 h5{font-size:15px}.op-storefront .bg-secondary.mt-5.pt-5 p,.op-storefront .bg-secondary.mt-5.pt-5 a{font-size:12px;line-height:1.8}
@media(max-width:1199.98px){.op-hero-slide{min-height:320px}.op-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.op-card-buying{grid-template-columns:1fr}.op-card-buying .op-btn{min-height:38px}.op-product-content{min-height:235px}.op-header-inner{gap:18px}}
@media(max-width:991.98px){.op-desktop-nav{display:none}.op-announcement-center{display:none}.op-header-inner{min-height:85px}.op-header-actions{gap:11px}.op-header-action span:not(.op-cart-icon):not(.op-cart-count){display:none}.op-header-action>i{font-size:24px}.op-home-hero{grid-template-columns:1fr}.op-hero-aside{display:grid;grid-template-columns:1fr 1fr}.op-promo-tile{min-height:150px}.op-perks{grid-template-columns:repeat(2,minmax(0,1fr))}.op-perks>div:nth-child(3){border-left:0;border-top:1px solid var(--op-border)}.op-perks>div:nth-child(4){border-top:1px solid var(--op-border)}.op-grid-products{grid-template-columns:repeat(3,minmax(0,1fr))}.op-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px}.op-product-buy{flex-wrap:wrap}.op-detail-cart-form{flex:1 1 100%}.op-detail-buy{flex:1 1 100%}.op-direct-form{grid-template-columns:minmax(0,1fr) minmax(265px,.75fr);gap:15px}}
@media(max-width:767.98px){body.op-storefront{padding-bottom:66px}.op-shell{padding-left:15px;padding-right:15px}.op-announcement-inner{justify-content:center;min-height:30px;font-size:11px}.op-announcement a{display:none}.op-header-inner{display:grid;grid-template-columns:1fr auto;gap:7px 10px;padding-top:10px;padding-bottom:12px;min-height:0}.op-brand{flex:none;min-width:0}.op-site-logo{max-height:45px;max-width:160px}.op-header-actions{justify-content:flex-end}.op-header-search{grid-column:1/-1;grid-row:2;height:43px;max-width:none}.op-header-search .op-search-icon{margin-left:12px}.op-header-search input{font-size:12px}.op-header-search button{min-width:72px;font-size:12px}.op-mobile-dock{display:flex;align-items:stretch;position:fixed;z-index:120;bottom:0;left:0;right:0;height:63px;background:#fff;border-top:1px solid #e1eae2;box-shadow:0 -5px 18px #001e0915;padding-bottom:env(safe-area-inset-bottom)}.op-mobile-dock>a,.op-mobile-dock>button{border:0;background:#fff;display:flex;flex:1;align-items:center;flex-direction:column;justify-content:center;gap:4px;padding:7px 2px;font-size:10px;line-height:1.1;color:#687d70;font-weight:700;cursor:pointer}.op-mobile-dock i{font-size:20px}.op-mobile-dock .active,.op-mobile-dock a:hover{color:var(--op-green)}.op-dock-cart-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.op-dock-cart-icon .op-cart-count{top:-8px;right:-14px}.op-mobile-menu{position:fixed;z-index:115;bottom:64px;left:9px;right:9px;padding:12px;background:#fff;box-shadow:0 -8px 28px #001e092b;border:1px solid var(--op-border);border-radius:14px}.op-mobile-menu.show{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.op-mobile-menu a{font-size:12px;font-weight:750;color:var(--op-green-dark);background:#f1f8f2;padding:12px;text-align:center;border-radius:8px}.op-home{padding-top:13px}.op-hero-slide{min-height:310px;grid-template-columns:minmax(0,1fr) 44%}.op-hero-copy{padding:21px}.op-hero-copy h2{font-size:22px;margin:9px 0}.op-hero-copy p{font-size:11px;line-height:1.55}.op-hero-copy .op-eyebrow{font-size:9px;letter-spacing:1px}.op-hero-copy .op-btn-hero{font-size:11px;padding:10px;min-height:37px}.op-hero-aside{gap:10px}.op-promo-tile{padding:16px;min-height:135px}.op-promo-tile h3{font-size:15px;line-height:1.35}.op-promo-tile p{font-size:10px}.op-promo-tile a{font-size:11px}.op-perks{margin:14px 0 36px}.op-perks>div{padding:13px 9px;gap:7px}.op-perks i{font-size:19px;flex:0 0 20px}.op-perks b{font-size:11px}.op-perks small{font-size:9px}.op-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.op-category-card{min-height:151px;padding:11px 7px}.op-category-image{width:75px;height:75px}.op-category-card strong{font-size:11px}.op-category-card small{font-size:10px}.op-home-section{margin-bottom:37px}.op-section-heading{margin-bottom:15px}.op-section-heading h2{font-size:22px}.op-section-heading p{font-size:11px}.op-section-heading .op-eyebrow{font-size:9px}.op-text-action{font-size:11px}.op-grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.op-product-media .op-product-image-link img{padding:10px}.op-product-content{padding:10px;min-height:218px;gap:5px}.op-product-name{font-size:11.5px;min-height:35px;line-height:1.5}.op-product-brand{font-size:9px;letter-spacing:.6px}.op-product-price strong{font-size:14px}.op-product-price del{font-size:10px}.op-product-size{font-size:10px}.op-card-buying{gap:5px}.op-card-buying .op-btn{font-size:11px;min-height:36px;padding:7px 5px}.op-product-discount,.op-product-unavailable{top:7px;left:7px;font-size:9px}.op-between-sections{padding:20px;align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:33px}.op-between-sections h2{font-size:18px}.op-between-sections p{font-size:11px}.op-listing{padding-top:17px}.op-listing-header{padding-bottom:20px}.op-listing-header h1{font-size:25px}.op-listing-header p{font-size:12px}.op-listing-count{font-size:10px;padding:8px}.op-detail{padding-top:16px;padding-bottom:130px}.op-detail-grid{grid-template-columns:1fr;gap:16px}.op-detail-image{position:static;max-width:550px;margin:0 auto}.op-detail-information h1{font-size:23px}.op-detail-prices strong{font-size:28px}.op-detail-summary{font-size:12px;max-height:unset}.op-detail-purchase{padding:12px}.op-product-buy{flex-wrap:nowrap}.op-detail-cart-form{flex:1 1 100%}.op-detail-buy{flex:1 1 100%}.op-detail-support{font-size:11px}.op-detail-extra{padding-top:30px}.op-detail-extra>.container-fluid{padding:13px!important}.op-detail-extra h2{font-size:20px}.op-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start!important}.op-tabs a{white-space:nowrap;font-size:11px}.op-mobile-purchase{position:fixed;z-index:111;left:0;right:0;bottom:63px;background:#fff;border-top:1px solid var(--op-border);box-shadow:0 -7px 16px #152c2115;padding:9px 12px;display:flex;align-items:center;gap:7px}.op-mobile-purchase-price{font-size:12px;font-weight:800;color:var(--op-green-dark);max-width:28%;line-height:1.25}.op-mobile-purchase form{flex:1;min-width:0;margin:0}.op-mobile-purchase .op-btn{font-size:11px;min-height:39px;padding:9px 7px;width:100%}.op-mobile-purchase>a{flex:0 0 25%}.op-related{padding:26px 15px 36px}.op-related-slide .op-product-card{min-height:0}.op-cart-item{padding:12px;gap:9px;flex-wrap:wrap}.op-cart-item>a{flex:0 0 74px}.op-cart-item img{width:74px;height:74px}.op-cart-total{margin-left:83px}.op-cart-name{font-size:12px}.op-cart-page h1{font-size:22px}.op-checkout-panel{padding:16px}.op-direct-order{padding-top:18px}.op-direct-form{grid-template-columns:1fr}.op-checkout-fields{grid-template-columns:1fr}.op-field-full{grid-column:1}.op-cart-toast{bottom:143px;right:9px;left:9px;max-width:none;padding:14px;font-size:12px}.op-storefront .bg-secondary.mt-5.pt-5{margin-top:12px!important}}
@media(max-width:360px){.op-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-hero-slide{grid-template-columns:1fr 37%}.op-hero-copy{padding:17px}.op-hero-copy h2{font-size:19px}.op-hero-copy p{font-size:10px}.op-promo-tile{min-height:128px;padding:11px}.op-promo-tile h3{font-size:13px}.op-mobile-purchase-price{display:none}.op-mobile-purchase>a{flex:0 0 39%}}
@media(prefers-reduced-motion:reduce){.op-storefront *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Override legacy slider and generic mobile header padding without touching style.css. */
.op-home-hero .custom-slider{background:transparent;box-shadow:none;padding:0;margin:0;max-width:none;border-radius:0}
.op-home-hero .owl-dots{margin:0;display:flex;gap:5px;align-items:center}.op-home-hero .owl-dot{background:#bbd7c8!important;width:9px;height:9px;border-radius:50%;margin:0 3px}.op-home-hero .owl-dot.active{background:#fff!important}.op-home-hero .owl-dot span{display:none!important}
.op-detail .tag:hover{background:var(--op-green);color:#fff}.op-detail .tag:hover::after{border-left-color:var(--op-green)}
@media(max-width:767.98px){header.op-header{padding:0;box-shadow:none}.op-mobile-dock{height:calc(63px + env(safe-area-inset-bottom))}.op-mobile-purchase{bottom:calc(63px + env(safe-area-inset-bottom))}.op-mobile-menu{bottom:calc(64px + env(safe-area-inset-bottom))}}

.op-home-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:3px 0 20px}.op-home-intro h1{font-size:18px;font-weight:800;line-height:1.4;margin:0}.op-home-intro p{font-size:12px;color:var(--op-muted);margin:0}
@media(max-width:767.98px){.op-home-intro{display:block;margin:0 0 13px}.op-home-intro h1{font-size:14px}.op-home-intro p{font-size:11px;margin-top:5px}}


/* Product/mobile hotfix v4: repair clipping and make purchasing controls reachable. */
.op-detail-grid > *, .op-detail-information, .op-detail-media, .op-detail-extra,
.op-detail-tab-panels, .op-detail-tab-panels > .tab-pane { min-width:0; }
.op-detail-rich, .op-rich-description, .op-detail-summary { overflow-wrap:anywhere; word-break:normal; }
.op-rich-description img, .op-detail-summary img, .op-rich-description iframe,
.op-detail-summary iframe { max-width:100%!important; height:auto!important; }
.op-rich-description table, .op-detail-summary table { display:block; max-width:100%; overflow-x:auto; }
.op-detail-tabs-content { border:1px solid var(--op-border); border-radius:16px; padding:24px; min-width:0; }
.op-detail-tab-panels { padding:4px 0 0; }
.op-detail-tab-panels .tab-pane { min-width:0; }
.op-tab-heading { font-size:17px; font-weight:750; margin:8px 0 16px; }
.op-review-notice { font-size:12px; color:var(--op-muted); }
.op-customer-review { border-bottom:1px solid var(--op-border); margin-bottom:16px; padding-bottom:14px; }
.op-customer-review h4 { font-size:13px; font-weight:750; margin:0 0 6px; }
.op-customer-review h4 small { display:inline-block; color:var(--op-muted); font-weight:400; }
.op-customer-review p { font-size:12px; margin:8px 0 0; }
.op-review-stars { color:#d99120; font-size:12px; }
.op-detail .tags { display:flex; flex-wrap:wrap; gap:9px; margin:0; padding:0; }
.op-detail .tags li { float:none; }
.op-detail .tag { margin:0; }
@media (max-width:767.98px) {
  html, body.op-storefront { max-width:100%; }
  .op-detail { min-width:0; padding-top:12px; padding-bottom:52px; }
  .op-detail .op-breadcrumb { margin-bottom:13px; }
  .op-detail-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
  .op-detail-image { height:clamp(250px,82vw,360px); aspect-ratio:auto; max-width:550px; padding:12px; border-radius:16px; overflow:hidden; }
  .op-detail-image img { width:100%; height:100%; object-fit:contain; }
  .op-detail-information h1 { font-size:21px; margin:0 0 8px; line-height:1.35; }
  .op-detail-brand { margin:4px 0 7px; }
  .op-detail-prices { margin-top:7px; gap:9px; }
  .op-detail-prices strong { font-size:26px; }
  .op-detail-prices del { font-size:12px; }
  .op-detail-status { margin:6px 0 13px; }
  .op-detail-purchase { padding:12px; margin-bottom:13px; }
  .op-detail .op-product-buy { display:grid; grid-template-columns:minmax(0,1fr); gap:9px; }
  .op-detail .op-detail-cart-form { display:flex; width:100%; min-width:0; gap:9px; flex:initial; }
  .op-detail .op-detail-cart-form .op-qty-stepper { flex:0 0 128px; max-width:128px; min-height:45px; }
  .op-detail .op-detail-cart-form .op-qty-stepper button { min-width:31px; width:31px; }
  .op-detail .op-detail-cart-form .op-qty-stepper input { flex:1; min-width:36px; width:40px; }
  .op-detail .op-detail-add, .op-detail .op-detail-buy { min-width:0; min-height:45px; font-size:12px; }
  .op-detail .op-detail-buy { flex:initial; width:100%; }
  .op-detail .op-order-hint { margin-top:9px; }
  .op-detail-summary { line-height:1.7; padding:11px 0; }
  .op-detail-facts { margin:10px 0 13px; }
  .op-detail-support { padding:14px 0; }
  .op-detail-extra { padding-top:20px; }
  .op-detail-tabs-content { padding:12px; border-radius:12px; }
  .op-detail-tab-panels { padding-top:12px; }
  .op-detail .op-tabs { display:flex; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; }
  .op-detail .op-tabs .nav-link { font-size:11px; padding:11px 12px; flex-shrink:0; }
  .op-reviews-grid > div + div { margin-top:18px; }
  /* Four *equal* dock columns. A genuine icon (SVG) needs no icon-font glyph. */
  .op-mobile-dock { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; }
  .op-mobile-dock > a, .op-mobile-dock > button { width:100%; min-width:0; min-height:0; flex:none; padding:6px 3px; display:flex; text-align:center; visibility:visible; }
  .op-mobile-dock .op-dock-menu-icon { display:block; height:22px; width:22px; flex-shrink:0; }
  .op-mobile-dock .op-dock-menu-trigger[aria-expanded="true"] { color:var(--op-green); }
  /* Only pin buying actions after the normal purchase controls have been passed. */
  .op-detail .op-mobile-purchase { display:none; }
  .op-detail.op-buybar-visible .op-mobile-purchase { display:flex; }
  .op-detail .op-mobile-purchase-price { flex:0 0 auto; }
  .op-detail .op-mobile-purchase form { flex:1 1 auto; }
  .op-detail .op-mobile-purchase > a { flex:0 0 27%; }
  .op-detail .op-mobile-purchase .op-btn { white-space:nowrap; }
}
@media (max-width:360px) {
  .op-detail .op-mobile-purchase > a { flex:0 0 39%; }
}

/* The inherited Bootstrap stylesheet sets white text on every enabled [type=button].
   These specificity-safe rules restore visible Menu and quantity +/- icons. */
.op-storefront .op-qty-stepper button:not(:disabled) { color:var(--op-green-dark); }
@media (max-width:767.98px) {
  .op-storefront .op-mobile-dock > button.op-dock-menu-trigger:not(:disabled) { color:#687d70; }
  .op-storefront .op-mobile-dock > button.op-dock-menu-trigger[aria-expanded="true"]:not(:disabled) { color:var(--op-green); }
}