/* MOBITREKS interior design layer. Deliberately never target .mobitreks-home.
   Brand tokens are taken from the approved homepage; use Bagisto's native forms,
   category filters, product components, and checkout functionality unchanged. */
main.mobitreks-interior{
  --mobi-ink:#17231b;--mobi-deep-green:#17392d;--mobi-secondary:#566258;
  --mobi-paper:#fff;--mobi-muted:#f7f8f5;--mobi-line:#e2e6e0;
  --mobi-round:15px;--mobi-image-round:16px;
  color:var(--mobi-ink);min-height:55vh;
  font-family:Arial,Helvetica,sans-serif;
}
main.mobitreks-interior .container{max-width:1530px;margin-left:auto;margin-right:auto}
main.mobitreks-interior h1,main.mobitreks-interior h2,main.mobitreks-interior h3{
  font-family:Arial,Helvetica,sans-serif;letter-spacing:-.02em;color:var(--mobi-ink)
}
main.mobitreks-interior h1{font-weight:700;line-height:1.2}
main.mobitreks-interior .rounded-xl{border-radius:var(--mobi-round)}
main.mobitreks-interior .rounded-2xl{border-radius:18px}
main.mobitreks-interior input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
main.mobitreks-interior select, main.mobitreks-interior textarea{
  border-radius:10px;border-color:#cbd3c9;min-height:44px;
}
main.mobitreks-interior input:focus-visible,main.mobitreks-interior select:focus-visible,
main.mobitreks-interior textarea:focus-visible{
  outline:2px solid #366e51;outline-offset:1px;border-color:#366e51
}
main.mobitreks-interior .primary-button,
main.mobitreks-interior button[class*=bg-navyBlue]{
  background:var(--mobi-deep-green);color:#fff;border-radius:28px;
  font-weight:700;min-height:43px;
  transition:background .2s ease,transform .2s ease;
}
main.mobitreks-interior .primary-button:hover,
main.mobitreks-interior button[class*=bg-navyBlue]:hover{background:#265844}
main.mobitreks-interior .secondary-button{border-radius:24px;border-color:#c3ccc2}
main.mobitreks-interior a:focus-visible,main.mobitreks-interior button:focus-visible{
  outline:3px solid #367050;outline-offset:3px;
}
main.mobitreks-interior .text-navyBlue{color:var(--mobi-deep-green)}
main.mobitreks-interior .panel-side{
  border:1px solid var(--mobi-line);border-radius:var(--mobi-round);
  padding:17px;background:#fff;
}
main.mobitreks-interior .panel-side button,
main.mobitreks-interior .panel-side label{font-size:14px;line-height:1.5}
main.mobitreks-interior .grid a:has(img),main.mobitreks-interior .grid article:has(img){
  border-radius:var(--mobi-round);
}
main.mobitreks-interior img[loading=lazy]{border-radius:var(--mobi-image-round)}
/* Native customer sign-in/register/contact forms: change visuals only. */
main.mobitreks-interior>.container>.m-auto.w-full{
  border-radius:20px;border:1px solid var(--mobi-line);
  box-shadow:0 20px 52px rgba(27,42,30,.055);
  background:#fff;
}
main.mobitreks-interior>.container>.m-auto.w-full>h1{font-size:clamp(29px,3vw,42px)}
main.mobitreks-interior>.container>.m-auto.w-full>p{color:#58645d}
main.mobitreks-interior .font-dmserif{font-family:Arial,Helvetica,sans-serif}
main.mobitreks-interior .text-zinc-500{color:#657067}
main.mobitreks-interior .max-w-\[870px\]{max-width:870px}
@media(max-width:760px){
  main.mobitreks-interior .container{padding-left:16px;padding-right:16px}
  main.mobitreks-interior .panel-side{padding:10px}
  main.mobitreks-interior>.container>.m-auto.w-full{border:0;box-shadow:none}
  main.mobitreks-interior h1{font-size:clamp(24px,7vw,34px)}
}
@media(prefers-reduced-motion:reduce){
  main.mobitreks-interior .primary-button{transition:none}
}