.sizes{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sizes>.size:nth-child(1){order:1} /* M */
.sizes>.size:nth-child(2){order:2} /* L */
.sizes>.size:nth-child(3){order:3} /* XL */
.sizes>.size:nth-child(4){order:4} /* XXL */
.sizes>.size:nth-child(5){order:5} /* 3XL */
.sizes>.size:nth-child(6){order:6} /* 4XL */
.size.available{position:relative;touch-action:manipulation}
.size.available .qty-minus{position:absolute;top:3px;right:3px;z-index:2;display:none;align-items:center;justify-content:center;width:19px;height:19px;min-width:19px;min-height:19px;border:1px solid #dce9e3;border-radius:50%;background:#fff;color:#155d43;font:bold 17px/1 Arial,sans-serif;padding:0;cursor:pointer;box-shadow:0 1px 3px #0002;touch-action:manipulation}
.size.available .qty-minus.visible{display:flex}
.size.available .qty-minus:active{background:#e0f5eb}
@media(max-width:700px){.sizes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.size{min-width:0}.size.available{min-height:95px;padding:9px 5px!important}.size.available input.qty{padding:9px 2px!important}.size label{white-space:nowrap}}
@media print{.qty-minus{display:none!important}}
.size-help{margin:9px 0 0;color:#52615b;font-size:12px;line-height:1.4;text-align:center;font-weight:600}@media(max-width:700px){.size-help{font-size:11px;margin-top:7px}}
:root{--green:#477d78;--greenDark:#285b58;--pink:#55748d;--pinkDark:#344f68;--yellow:#c5d9dd;--blue:#29465e;--ink:#253442;--soft:#f2f6f7}
body{background:#f2f6f8!important;color:#253442}
header{background:#324f63!important;border-bottom:2px solid #adc9cf!important;box-shadow:0 3px 14px rgba(30,54,70,.14)!important}
header h1,.brandText h1{color:#fff!important;text-shadow:none!important}
header .tag1{color:#e3edf0!important}
.brandLogo{border-color:#c6d9db!important;background:#fff!important}
.brandCompany{color:#d2e5e7!important}
.quickBar{background:#fff!important;border:1px solid #dce6e9!important;box-shadow:0 3px 10px rgba(36,65,83,.08)!important}
.loginLine a{color:#294e69!important}
.versionBadge{background:#466983!important;color:#fff!important}
.categoryBtn{background:#e9f0f3!important;border:1px solid #b8cbd3!important;color:#29465e!important;box-shadow:0 2px 0 #a5bcc5!important}
.categoryBtn.active{background:#3e716f!important;border-color:#315e5c!important;color:#fff!important;box-shadow:0 3px 0 #285754!important}
.videosLink{background:#e8f0f3!important;border-color:#bdcdd5!important;color:#29465e!important;box-shadow:0 2px 0 #a8bdc6!important}
.accountLink{background:#516d83!important;border-color:#435c70!important;color:#fff!important;box-shadow:0 2px 0 #354d61!important}
#search,.fields input,.fields textarea{border-color:#bdcdd4!important;background:#fff!important;color:#263b4d!important;box-shadow:none!important}
#search:focus,.fields input:focus,.fields textarea:focus{border-color:#5b8392!important;box-shadow:0 0 0 3px #dcebf0!important}
.searchWrap:before,.sizeTitle{color:#526d83!important}
.card,.customerBox{border-color:#dce6e9!important;box-shadow:0 5px 18px rgba(42,69,83,.08)!important}
.card:before{background:#91b1b8!important}
.customerBox:before{background:#91b1b8!important}
.imageBox{background:#f8fafb!important;border-right-color:#e2eaed!important}
.design,.customerBox h2,.modalTop h2{color:#29465e!important}
.size.available{background:#f3faf9!important;border-color:#a9cfcb!important;box-shadow:0 3px 0 #709f9b!important;color:#285b58!important}
.size.available:hover{background:#e9f5f3!important}
.size.available:active{background:#dcefeb!important}
.size.available label{color:#285b58!important}
.size input{border-color:#bfced1!important;color:#29465e!important}
.size.available .qty-minus{background:#fff!important;color:#285b58!important;border-color:#a9c7c2!important}
.pieces{background:#eaf1f3!important;color:#29465e!important}
.pieces span,.total span{color:#285b58!important}
.clearItem{background:#596e7e!important;color:#fff!important;box-shadow:0 3px 0 #435664!important}
.bottom{border-top:2px solid #adc9cf!important;box-shadow:0 -5px 20px rgba(36,60,74,.1)!important}
.total{color:#29465e!important}
.view{background:#e4edf2!important;color:#29465e!important;box-shadow:0 3px 0 #b1c5ce!important}
.whatsapp{background:#3e716f!important;color:#fff!important;box-shadow:0 3px 0 #285754!important}
.modalBox{border-top-color:#7299a4!important}
#summary{background:#f2f7f7!important;border-color:#cbdfe0!important}
.empty{border-top-color:#7299a4!important}
/* Compact company header; category tiles use current catalogue photographs. */
header .head{padding:9px 14px 11px}
header .headRow{align-items:flex-start}
header .brandText{align-self:center}
header .brandText h1{font-size:clamp(16px,2.1vw,25px);line-height:1.15}
header .headActions{align-items:center;gap:12px}
header .videosLink.videoTile{position:relative;min-height:0;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 2px 0 #a8bdc6!important;text-decoration:none}
header .videoTile img{width:66px;height:72px;display:block;object-fit:cover;object-position:top;border-radius:8px;background:#f4f4f4}
header .videoTile .playBadge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e32661;color:#fff;font-size:16px;line-height:1;box-shadow:0 2px 8px #0009;padding-left:2px}
header .accountLink{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;font-size:12px!important;white-space:nowrap}
header .quickBar{margin-top:10px;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:9px}
header .portalHeading{flex:1 1 auto;min-width:0;text-align:center;color:#29465e;line-height:1.2}
header .portalHeading .portalTitle{display:block;font-size:clamp(17px,2vw,27px);font-weight:900;line-height:1.12}
header .portalHeading .portalSubtitle{display:block;margin-top:5px;font-size:clamp(11px,1.1vw,15px);font-weight:800}
header .portalHeading .portalTagline{display:block;margin-top:4px;font-size:clamp(9px,.9vw,12px);font-weight:600}
header .categoryNav{display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-start;gap:8px;margin:0}
header .quickBar .videoTile{margin-left:auto;flex:0 0 auto}
header .categoryBtn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:4px!important;border-radius:13px!important}
header .categoryBtn img{width:66px;height:72px;flex:0 0 66px;object-fit:cover;object-position:top;border-radius:8px;background:#fff;border:1px solid #dce6e9}
header .categoryBtn .tileLabel,header .videoTile .tileLabel{position:absolute;left:4px;right:4px;bottom:4px;height:19px;line-height:19px;border-radius:0 0 8px 8px;background:rgba(255,255,255,.94);color:#29465e;text-align:center;font-size:12px;font-weight:900;letter-spacing:0;pointer-events:none;text-shadow:0 1px 0 #fff}
header .categoryBtn.active .tileLabel{background:#3e716f;color:#fff;text-shadow:none}
header .videoTile .tileLabel{background:rgba(232,240,243,.95);color:#29465e}
@media(max-width:650px){
 header .head{padding:7px 8px 9px}
 header .headRow{gap:6px}
 header .brandLogo{width:37px;height:37px;flex-basis:37px}
 header .brandText h1{font-size:14px;line-height:1.18}
 header .headActions{gap:5px;align-items:flex-start}
 header .videoTile img{width:49px;height:57px}
 header .videoTile .playBadge{width:27px;height:27px;font-size:14px}
 header .accountLink{font-size:11px!important;padding:9px 10px;min-height:38px}
 header .quickBar{padding:6px;margin-top:7px;gap:4px}
 header .portalHeading{flex:1 1 auto}
 header .portalHeading .portalTitle{font-size:clamp(11px,3.2vw,15px);line-height:1.1}
 header .portalHeading .portalSubtitle{font-size:9px;line-height:1.15;margin-top:3px}
 header .portalHeading .portalTagline{font-size:8px;line-height:1.15;margin-top:2px}
 header .categoryNav{flex:0 1 auto;min-width:0;gap:3px}
 header .categoryBtn{flex:0 0 auto;min-width:0;min-height:0;padding:3px!important}
 header .categoryBtn img{width:47px;height:57px;flex:0 0 47px}
 header .categoryBtn .tileLabel,header .videoTile .tileLabel{left:3px;right:3px;bottom:3px;height:16px;line-height:16px;font-size:10px}
 header .quickBar .videoTile{max-width:none;padding:3px}
 header .quickBar .videoTile img{width:47px;height:57px}
}
.sizeRate{display:block;margin:3px 0 5px;color:#29465e;font-size:10px;font-weight:800;white-space:nowrap}
.designMrpTotal{font-weight:900}
.mrpGrand{display:block;font-size:12px;margin-top:3px;color:#29465e}
@media(max-width:700px){.sizeRate{font-size:9px}.mrpGrand{font-size:10px}}
.sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sizes>.size:nth-child(1){order:1!important} /* M */
.sizes>.size:nth-child(2){order:2!important} /* L */
.sizes>.size:nth-child(3){order:3!important} /* XL */
.sizes>.size:nth-child(4){order:4!important} /* XXL */
.sizes>.size:nth-child(5){order:5!important} /* 3XL */
.sizes>.size:nth-child(6){order:6!important} /* 4XL */
.fields input,.fields select{min-height:48px}
.fields select{width:100%;padding:13px;border:1.5px solid #bdcdd4;border-radius:10px;font-family:inherit;font-size:15px;outline:none;background:#fff;color:#263b4d;cursor:pointer;grid-column:1/-1}
.fields select:focus{border-color:#5b8392!important;box-shadow:0 0 0 3px #dcebf0!important}
#salesmanStatus{grid-column:1/-1;font-size:13px;font-weight:600;color:#285b58}
.fields select:disabled{background:#eef3f5!important;color:#263b4d;opacity:1;cursor:not-allowed}
@media(min-width:1000px){.fields{grid-template-columns:repeat(3,minmax(0,1fr))}.fields select{grid-column:auto}}
@media(max-width:650px){.fields select{grid-column:auto}#salesmanStatus{font-size:12px;line-height:1.4}}
header .categoryNav .pkTileWrap{position:relative;display:inline-block;flex:0 0 auto}
header .categoryBtn.pkTile{border-color:#c9a227!important;box-shadow:0 2px 0 #a8841a!important}
header .categoryBtn.pkTile.active{box-shadow:0 3px 0 #285754,0 0 0 2px #c9a227!important}
.pkEconomy{position:absolute;left:0;right:0;top:100%;margin-top:3px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.3px;color:#8a6a0c;line-height:1;pointer-events:none}
header .quickBar.hasPk{padding-bottom:22px}
.pkRateBar{margin:8px 10px 0;padding:8px 10px;border:1px solid #e3c766;border-radius:10px;background:#fff8dc;color:#6b5208;font-size:12px;font-weight:800;text-align:center;line-height:1.4}
.size .sizeRate{display:block;margin:3px 0 5px;color:#29465e;font-size:10px;font-weight:800;white-space:nowrap}
@media(max-width:700px){header .quickBar.hasPk{padding-bottom:18px}.pkEconomy{font-size:8px}.pkRateBar{font-size:10px}.size .sizeRate{font-size:9px}}