.elementor-kit-14{--e-global-color-primary:#0A2540;--e-global-color-secondary:#0099A8;--e-global-color-text:#1A1A2E;--e-global-color-accent:#6B7B8D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ══════════════════════════════════════════════════════════
   Uniforms4Me — Custom CSS
   Paste into: Elementor → Site Settings → Custom CSS
   (or Appearance → Customize → Additional CSS)
   ══════════════════════════════════════════════════════════ */

:root{
  --mp-navy:#0A2540;
  --mp-teal:#0099A8;
  --mp-teal-lt:#E6F6F8;
  --mp-ice:#F5F8FB;
  --mp-text:#1A1A2E;
  --mp-muted:#6B7B8D;
  --mp-border:#E2E8F0;
}

/* ─── Category cards ─── */
.mp-cat-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.mp-cat-card{
  background:#fff;
  border:1px solid var(--mp-border);
  border-radius:10px;
  padding:28px 24px;
  text-decoration:none;
  display:block;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.mp-cat-card:hover{
  border-color:var(--mp-teal);
  transform:translateY(-2px);
  box-shadow:0 6px 22px rgba(10,37,64,.08);
}
.mp-cat-card i{ font-size:30px; color:var(--mp-teal); display:block; margin-bottom:14px; }
.mp-cat-card h3{ font-size:16px; font-weight:600; color:var(--mp-navy); margin:0 0 4px; }
.mp-cat-card p{ font-size:13px; color:var(--mp-muted); margin:0; }

/* ─── Product cards ─── */
.mp-prod-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.mp-prod-card{
  background:#fff;
  border:1px solid var(--mp-border);
  border-radius:10px;
  overflow:hidden;
  text-decoration:none;
  display:block;
  transition:box-shadow .2s ease, transform .2s ease;
}
.mp-prod-card:hover{
  box-shadow:0 6px 24px rgba(10,37,64,.10);
  transform:translateY(-2px);
}
.mp-prod-img{
  background:var(--mp-ice);
  height:200px;
  display:flex; align-items:center; justify-content:center;
  position:relative;
}
.mp-prod-img i{ font-size:56px; color:#B4C4D4; }
.mp-badge{
  position:absolute; top:12px; left:12px;
  background:var(--mp-teal-lt); color:var(--mp-teal);
  font-size:11px; font-weight:600; letter-spacing:.04em;
  text-transform:uppercase; padding:4px 10px; border-radius:4px;
}
.mp-badge-static{ position:static; display:inline-block; }
.mp-prod-body{ padding:18px 20px 20px; }
.mp-prod-cat{ font-size:12px; color:var(--mp-muted); margin:0 0 6px;
  text-transform:uppercase; letter-spacing:.05em; }
.mp-prod-name{ font-size:16px; font-weight:600; color:var(--mp-text);
  margin:0 0 6px; line-height:1.3; }
.mp-prod-meta{ font-size:13px; color:var(--mp-muted); margin:0 0 12px; }
.mp-prod-foot{ display:flex; align-items:center; justify-content:space-between; }
.mp-price{ font-size:18px; font-weight:700; color:var(--mp-navy); }
.mp-view{ font-size:13px; font-weight:600; color:var(--mp-teal); }

/* ─── Shop filter pills ─── */
.mp-pill-row{ display:flex; gap:8px; flex-wrap:wrap; }
.mp-pill{
  padding:8px 20px; border-radius:20px; font-size:13px; font-weight:500;
  background:#fff; color:var(--mp-text); border:1px solid var(--mp-border);
  text-decoration:none; transition:all .2s ease;
}
.mp-pill:hover{ border-color:var(--mp-teal); color:var(--mp-teal); }
.mp-pill-on{ background:var(--mp-navy); color:#fff; border-color:var(--mp-navy); }
.mp-pill-on:hover{ color:#fff; border-color:var(--mp-navy); }
.mp-sort{
  padding:8px 12px; border:1px solid var(--mp-border); border-radius:6px;
  font-size:13px; color:var(--mp-text); background:#fff; font-family:inherit;
}

/* ─── Product detail ─── */
.mp-gallery-main{
  background:var(--mp-ice); border:1px solid var(--mp-border);
  border-radius:12px; height:480px;
  display:flex; align-items:center; justify-content:center;
}
.mp-gallery-main i{ font-size:120px; color:#B4C4D4; }
.mp-thumbs{ display:flex; gap:8px; margin-top:12px; }
.mp-thumb{
  width:80px; height:80px; background:var(--mp-ice);
  border:1px solid var(--mp-border); border-radius:8px;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
}
.mp-thumb i{ font-size:26px; color:#B4C4D4; }
.mp-thumb-on{ border:2px solid var(--mp-teal); }

.mp-pd-title{ font-size:28px; font-weight:700; color:var(--mp-navy); margin:12px 0 8px; }
.mp-pd-pricerow{ display:flex; align-items:center; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
.mp-pd-price{ font-size:24px; font-weight:700; color:var(--mp-navy); }
.mp-pd-stars{ font-size:13px; color:#F0A500; }
.mp-pd-desc{ font-size:15px; color:var(--mp-muted); line-height:1.7; margin:0 0 24px; }
.mp-pd-group{ margin-bottom:24px; }
.mp-pd-label{ font-size:13px; font-weight:600; color:var(--mp-text); margin:0 0 10px; }
.mp-pd-labelrow{ display:flex; justify-content:space-between; align-items:center; }
.mp-pd-guide{ font-size:13px; color:var(--mp-teal); text-decoration:none; }

.mp-swatch-row, .mp-size-row{ display:flex; gap:8px; flex-wrap:wrap; }
.mp-swatch{
  padding:8px 16px; border-radius:6px; font-size:13px;
  background:#fff; color:var(--mp-text); border:1.5px solid var(--mp-border);
  cursor:pointer; transition:all .15s ease;
}
.mp-swatch:hover{ border-color:var(--mp-teal); }
.mp-swatch-on{ background:var(--mp-teal-lt); color:var(--mp-teal);
  border-color:var(--mp-teal); font-weight:600; }
.mp-size{
  width:48px; height:44px; border-radius:6px; font-size:13px;
  background:#fff; color:var(--mp-text); border:1.5px solid var(--mp-border);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:all .15s ease;
}
.mp-size:hover{ border-color:var(--mp-navy); }
.mp-size-on{ background:var(--mp-navy); color:#fff; border-color:var(--mp-navy); font-weight:600; }

.mp-pd-cartrow{ display:flex; gap:12px; margin-bottom:24px; }
.mp-qty{
  display:flex; border:1px solid var(--mp-border); border-radius:6px; overflow:hidden;
}
.mp-qty span{
  width:40px; display:flex; align-items:center; justify-content:center;
  font-size:16px; background:#fff; cursor:pointer; user-select:none;
}
.mp-qty b{
  width:48px; display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:600;
  border-left:1px solid var(--mp-border); border-right:1px solid var(--mp-border);
}
.mp-addcart{
  flex:1; background:var(--mp-teal); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:16px; font-weight:600; border-radius:6px;
  text-decoration:none; padding:16px 24px; transition:background .2s ease;
}
.mp-addcart:hover{ background:#00808C; color:#fff; }

.mp-pd-features{ background:var(--mp-ice); border-radius:8px; padding:20px; }
.mp-pd-features div{
  display:flex; align-items:center; gap:10px;
  font-size:13px; color:var(--mp-text); margin-bottom:10px;
}
.mp-pd-features div:last-child{ margin-bottom:0; }
.mp-pd-features i{ color:var(--mp-teal); font-size:13px; }

/* ─── About: stats ─── */
.mp-stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:32px; text-align:center;
}
.mp-stat-num{ font-size:36px; font-weight:800; color:var(--mp-navy); margin:0 0 4px; }
.mp-stat-lbl{ font-size:13px; color:var(--mp-muted); margin:0; }

/* ─── Contact ─── */
.mp-info-card{ background:var(--mp-ice); border-radius:10px; padding:28px; }
.mp-info-row{
  display:flex; gap:16px; padding-bottom:20px; margin-bottom:20px;
  border-bottom:1px solid var(--mp-border);
}
.mp-info-row:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0; }
.mp-info-row i{ font-size:20px; color:var(--mp-teal); margin-top:3px; width:24px; }
.mp-info-lbl{ font-size:13px; color:var(--mp-muted); margin:0 0 2px; }
.mp-info-val{ font-size:15px; font-weight:600; color:var(--mp-navy); margin:0 0 2px; }
.mp-info-note{ font-size:12px; color:var(--mp-muted); margin:0; }

.mp-group-card{ background:var(--mp-navy); border-radius:10px; padding:28px; color:#fff; }
.mp-group-card h3{ font-size:16px; font-weight:600; margin:0 0 8px; color:#fff; }
.mp-group-card p{ font-size:14px; color:rgba(255,255,255,.6); line-height:1.6; margin:0 0 16px; }
.mp-group-card a{
  display:inline-block; padding:11px 24px; border-radius:6px;
  border:1.5px solid rgba(255,255,255,.3); color:#fff;
  font-size:14px; font-weight:600; text-decoration:none; transition:all .2s ease;
}
.mp-group-card a:hover{ background:rgba(255,255,255,.1); color:#fff; }

/* ─── Global polish ─── */
::selection{ background:var(--mp-teal-lt); color:var(--mp-navy); }
a:focus-visible, button:focus-visible, .mp-pill:focus-visible,
.mp-size:focus-visible, .mp-swatch:focus-visible{
  outline:2px solid var(--mp-teal); outline-offset:2px;
}
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* ══════════════ RESPONSIVE ══════════════ */
@media (max-width:1024px){
  .mp-cat-grid{ grid-template-columns:repeat(3,1fr); }
  .mp-prod-grid{ grid-template-columns:repeat(3,1fr); }
  .mp-stats{ grid-template-columns:repeat(2,1fr); gap:24px; }
  .mp-gallery-main{ height:380px; }
  .mp-gallery-main i{ font-size:90px; }
}
@media (max-width:767px){
  .mp-cat-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .mp-prod-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .mp-prod-img{ height:150px; }
  .mp-prod-img i{ font-size:40px; }
  .mp-prod-body{ padding:14px 14px 16px; }
  .mp-prod-name{ font-size:14px; }
  .mp-gallery-main{ height:300px; }
  .mp-pd-cartrow{ flex-wrap:wrap; }
  .mp-addcart{ flex:1 1 100%; }
  .mp-info-card, .mp-group-card{ padding:22px; }
}
@media (max-width:480px){
  .mp-cat-grid{ grid-template-columns:1fr 1fr; }
  .mp-stats{ grid-template-columns:1fr 1fr; }
  .mp-stat-num{ font-size:28px; }
}/* End custom CSS */