/*
Theme Name: MDS Store Blue
Theme URI: https://shop.mdsnetworx.co.za/
Author: MDS Networx
Description: MDS Store navy and light blue WooCommerce theme.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: mds-store
*/

:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#193d31;background:#f8faf6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:13px 19px;background:#116e50;color:white;font-weight:700}button:hover{background:#0b513c}a{color:inherit;text-decoration:none}.announcement{background:#123d30;color:#e4f7e8;text-align:center;padding:10px 15px;font-size:12px;letter-spacing:.05em}.head{max-width:1360px;margin:auto;display:flex;align-items:center;gap:25px;padding:22px 35px}.logo{font-size:26px;font-weight:900;letter-spacing:-1.5px;white-space:nowrap}.logo span{color:#1a9b70}.logo small{display:block;letter-spacing:3px;font-size:9px;color:#6a8174;font-weight:700;margin-top:3px}.searchbox{display:flex;flex:1;background:white;border:1px solid #e2e9e1;border-radius:16px;padding:5px;box-shadow:0 5px 24px #153f2510}.searchbox input{min-width:0;flex:1;border:0;background:transparent;padding:10px 16px;outline:none}.searchbox button{padding:11px 21px}.cart{background:#e4f2e9;color:#155d45;white-space:nowrap}.cart:hover{color:white}nav{max-width:1360px;margin:auto;display:flex;gap:32px;padding:0 35px 22px;overflow:auto;font-size:13px;font-weight:700;color:#52695c}nav a{white-space:nowrap}nav a:hover{color:#159466}.wrap{max-width:1360px;margin:auto;padding:0 35px}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.hero-main{background:#e2f1e5;border-radius:27px;padding:55px 55px 45px;min-height:330px;position:relative;overflow:hidden}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:3px;color:#277855;font-weight:800}.hero h1{font-size:clamp(37px,4.7vw,65px);letter-spacing:-3px;line-height:1.04;max-width:620px;margin:19px 0}.hero p{font-size:15px;color:#5a7666;max-width:400px;line-height:1.7}.hero-main:after{content:'✳';position:absolute;right:28px;bottom:-80px;font-size:290px;color:#b9dfc4;transform:rotate(-17deg);pointer-events:none}.hero-main>*{position:relative;z-index:1}.hero button{margin-top:14px}.hero-side{border-radius:27px;background:#174b39;color:#fff;padding:38px;display:flex;flex-direction:column;justify-content:space-between;min-height:330px}.hero-side .symbol{font-size:95px;text-align:right}.hero-side h2{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:12px 0}.hero-side p{color:#d0e7d9}.hero-side a{font-weight:800;color:#a6e7c5;font-size:13px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 44px}.benefit{background:white;border:1px solid #edf0e8;border-radius:15px;padding:18px 20px;font-size:13px;color:#5e7266}.benefit b{display:block;color:#1b4935;margin-bottom:5px}.section{display:flex;justify-content:space-between;align-items:end;margin:37px 0 19px}.section h2{font-size:28px;letter-spacing:-1px;margin:6px 0}.section a{color:#13734f;font-size:13px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.product{background:white;border:1px solid #e8eee6;border-radius:19px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-5px);box-shadow:0 15px 32px #174c2714}.picture{height:168px;display:grid;place-items:center;background:#eff5ed;font-size:69px;margin:9px;border-radius:13px}.details{padding:10px 17px 18px;flex:1;display:flex;flex-direction:column}.name{font-size:14px;line-height:1.5;min-height:45px;font-weight:600}.price{font-size:23px;font-weight:800;letter-spacing:-.5px;margin:12px 0 6px}.stock{color:#26805a;font-size:12px;margin-bottom:14px}.details button{margin-top:auto;background:#e4f2e8;color:#126348;width:100%}.details button:hover{background:#126348;color:white}.badge{color:#26714d;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;margin-bottom:10px}.banner{margin:48px 0;background:#eaf0df;padding:35px 42px;border-radius:24px;color:#264d32}.banner h2{font-size:30px;letter-spacing:-1px;margin:0 0 8px}.banner p{color:#627a65}.category-card{padding:25px 12px;text-align:center;cursor:pointer;gap:12px}.category-card .category-icon{font-size:44px;background:#eef6ee;border-radius:15px;padding:18px}.category-card b{font-size:14px}.foot{margin-top:65px;padding:42px 5%;background:#153f31;color:#c4dfd0;font-size:13px;line-height:1.9}.empty{background:white;padding:24px;border-radius:8px}.overlay{position:fixed;inset:0;background:#0008;display:none;justify-content:flex-end;z-index:5}.panel{background:white;width:min(440px,100%);height:100%;padding:25px;overflow:auto}.line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:15px 0}.line button{padding:7px 11px}.close{float:right;background:#e1f2e8;color:#24553e}.checkout{width:100%;margin-top:18px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-main{padding:40px}.hero-side{padding:28px}}@media(max-width:650px){.head{padding:17px;gap:10px;flex-wrap:wrap}.logo{font-size:22px}.searchbox{order:3;flex-basis:100%}nav{padding:0 17px 17px;gap:20px}.wrap{padding:0 13px}.hero{grid-template-columns:1fr}.hero-main{min-height:290px;padding:33px 25px}.hero h1{letter-spacing:-2px}.hero-main:after{font-size:190px;right:0;bottom:-40px}.hero-side{min-height:160px;flex-direction:row;align-items:center}.hero-side .symbol{font-size:55px}.benefits{grid-template-columns:1fr;gap:7px;margin-bottom:30px}.benefit{padding:11px 15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.picture{height:120px;font-size:50px}.details{padding:9px 11px 13px}.section h2{font-size:23px}.banner{padding:25px}.banner h2{font-size:25px}}

/* MDS Networx blue-and-white theme */
:root{color:#142e48;background:#f6faff}body{background:#f6faff;color:#142e48}.announcement{background:#102b45;color:#e9f5ff}.head{background:#102b45;color:#fff;max-width:none;padding-left:max(35px,calc((100% - 1290px)/2));padding-right:max(35px,calc((100% - 1290px)/2))}.logo span{color:#75caff}.logo small{color:#b9d9f2}.searchbox{border-color:#d4e7f6}.searchbox input{color:#142e48}.cart{background:#dcefff;color:#102b45}nav{max-width:none;background:#fff;border-bottom:1px solid #e1eefa;padding-left:max(35px,calc((100% - 1290px)/2));color:#42617b}nav a:hover,.section a{color:#2383c5}button{background:#75caff;color:#102b45}button:hover{background:#48afea;color:#102b45}.hero-main{background:#e9f5ff}.eyebrow{color:#287db4}.hero p{color:#526d82}.hero-main:after{color:#d0e9fc}.hero-side{background:#102b45}.hero-side p{color:#c3dff1}.hero-side a{color:#75caff}.hero-side .eyebrow{color:#a4dfff!important}.benefit{border-color:#e3edf8;color:#567087}.benefit b{color:#142e48}.product{border-color:#e1eefa}.product:hover{box-shadow:0 15px 32px #153b6818}.picture{background:#eaf4ff}.price{color:#142e48}.stock,.badge{color:#287db4}.details button{background:#dcefff;color:#102b45}.details button:hover{background:#75caff;color:#102b45}.banner{background:#e6f3ff;color:#142e48}.banner p{color:#567087}.category-card .category-icon{background:#eaf4ff}.foot{background:#102b45;color:#c4dff1}.close{background:#e6f3ff;color:#142e48}.empty{background:#fff}@media(max-width:650px){.head{padding:17px}nav{padding:0 17px 17px}}

.head .searchbox{max-width:720px}.head .searchbox form{display:flex;width:100%}.head .searchbox form input{flex:1;min-width:0;border:0;padding:10px 16px;outline:0}.head .searchbox form button{margin:5px}.product img{width:100%;height:100%;object-fit:contain}.picture{overflow:hidden}.details a.button{display:block;text-align:center;background:#dcefff;color:#102b45;border-radius:12px;padding:12px;margin-top:auto;font-size:13px;font-weight:700}.details a.button:hover{background:#75caff}.product .name a:hover{color:#2383c5}.woocommerce .quantity .qty{padding:8px}.woocommerce div.product,.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{max-width:1250px;margin:35px auto;padding:0 20px}.woocommerce div.product form.cart .button,.woocommerce button.button.alt,.woocommerce a.button.alt{background:#75caff;color:#102b45}.woocommerce ul.products li.product{border:1px solid #e1eefa;padding:12px;border-radius:17px;background:#fff}.woocommerce ul.products li.product .price{color:#142e48}.page-title{margin:28px 0}.mds-content{max-width:1250px;margin:30px auto;padding:0 20px;min-height:45vh}.foot a{color:#c4dff1}.screen-reader-text{position:absolute;left:-9999px}