
:root{
  --mk-brand:#8b3f31;
  --mk-brand-dark:#6f2f25;
  --mk-brand-soft:#f6efeb;
  --mk-brand-softer:#fbf7f4;
  --mk-accent:#c79679;
  --mk-ink:#172033;
  --mk-muted:#677286;
  --mk-border:#eaded6;
  --mk-bg:#fcfaf8;
  --mk-card:#ffffff;
  --mk-shadow:0 16px 40px rgba(23,32,51,.08);
  --mk-shadow-soft:0 10px 22px rgba(23,32,51,.05);
  --mk-radius:20px;
  --mk-header-max:1720px;
  --mk-content-max:1460px;
  --mk-copy-max:1180px;
}

html, body{
  overflow-x:hidden;
}

body.mk-theme-body,
body{
  background:var(--mk-bg);
  color:var(--mk-ink);
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.65;
}

a{
  color:var(--mk-brand);
  transition:color .18s ease, opacity .18s ease, transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

a:hover{
  color:var(--mk-brand-dark);
  text-decoration:none;
}

h1,h2,h3,h4,h5,h6{
  color:var(--mk-ink);
  letter-spacing:-.02em;
  line-height:1.14;
}

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl{
  max-width:var(--mk-content-max);
}

.mk-site-header{
  position:sticky;
  top:0;
  z-index:1100;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(234,222,214,.95);
  box-shadow:0 8px 24px rgba(23,32,51,.04);
}

.mk-site-header__inner{
  max-width:var(--mk-header-max);
  margin:0 auto;
  padding:16px 24px;
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:24px;
}


.mk-reset-strip{
  width:100%;
}

.mk-reset-strip__inner{
  max-width:var(--mk-content-max);
  margin:0 auto;
  padding:18px 18px 0;
  display:flex;
  justify-content:flex-end;
}

.mk-reset-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:10px 18px 10px 14px;
  border-radius:18px;
  background:linear-gradient(180deg, #a94838 0%, var(--mk-brand) 100%);
  border:1px solid rgba(139,63,49,.18);
  color:#fff;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 14px 28px rgba(139,63,49,.22);
}

.mk-reset-link:hover{
  background:linear-gradient(180deg, #b65342 0%, var(--mk-brand-dark) 100%);
  color:#fff;
  border-color:rgba(139,63,49,.26);
  transform:translateY(-1px);
}

.mk-reset-link__icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:20px;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}

.mk-reset-link__text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}

.mk-reset-link__text strong{
  display:block;
  font-size:16px;
  font-weight:800;
  color:#fff;
}

.mk-reset-link__text small{
  display:block;
  margin-top:4px;
  font-size:12px;
  font-weight:700;
  color:rgba(255,255,255,.85);
}

.mk-brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:max-content;
  text-decoration:none;
}

.mk-brand:hover{
  text-decoration:none;
}

.mk-brand__icon{
  width:54px;
  height:54px;
  border-radius:18px;
  background:linear-gradient(180deg, #a73c2e 0%, var(--mk-brand) 100%);
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 14px 28px rgba(139,63,49,.18);
  flex:0 0 auto;
}

.mk-brand__icon svg{
  width:24px;
  height:24px;
  display:block;
}

.mk-brand__text{ display:block; }

.mk-brand__name{
  display:block;
  color:#121a2c;
  font-weight:800;
  font-size:26px;
  line-height:1;
}

.mk-brand__sub{
  display:block;
  margin-top:4px;
  color:var(--mk-muted);
  font-size:14px;
  line-height:1.2;
}

.mk-main-nav{
  display:flex;
  align-items:center;
  gap:28px;
  min-width:0;
  justify-content:flex-start;
  flex-wrap:nowrap;
}

.mk-main-nav a{
  color:#222836;
  text-decoration:none;
  font-weight:700;
  font-size:15px;
  line-height:1.2;
  padding:10px 0;
  border-radius:12px;
  white-space:nowrap;
}

.mk-main-nav a:hover,
.mk-main-nav a.is-active{
  color:var(--mk-brand);
}

.mk-header-actions{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.mk-search{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px;
  width:min(320px, 100%);
  margin-left:auto;
  border:1px solid var(--mk-border);
  border-radius:999px;
  background:#fff;
  box-shadow:var(--mk-shadow-soft);
}

.mk-search input[type="text"]{
  border:0;
  background:transparent;
  min-width:0;
  flex:1 1 auto;
  height:36px;
  padding:0 14px;
  color:var(--mk-ink);
  outline:none;
  font-size:15px;
}

.mk-search input[type="text"]::placeholder{
  color:#8a8f9c;
}

.mk-search button,
.mk-search input[type="submit"]{
  border:0;
  border-radius:999px;
  background:var(--mk-brand);
  color:#fff;
  height:36px;
  padding:0 18px;
  font-weight:800;
  font-size:15px;
  box-shadow:0 8px 18px rgba(139,63,49,.14);
}

.mk-search button:hover,
.mk-search input[type="submit"]:hover{
  background:var(--mk-brand-dark);
}

.mk-cart-pill,
.mk-offerte-pill{
  min-height:52px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-weight:800;
  white-space:nowrap;
}

.mk-cart-pill{
  padding:0 18px;
  background:#fff;
  border:1px solid var(--mk-border);
  color:var(--mk-brand);
  box-shadow:var(--mk-shadow-soft);
}

.mk-cart-pill:hover{
  color:var(--mk-brand-dark);
  text-decoration:none;
}

.mk-cart-pill__icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  color:var(--mk-brand);
}

.mk-cart-pill__count{
  min-width:30px;
  height:30px;
  padding:0 8px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#121a2c;
  color:#fff;
  font-size:14px;
}

.mk-offerte-pill{
  padding:0 26px;
  color:#fff;
  background:linear-gradient(180deg, #a43c2e 0%, var(--mk-brand) 100%);
  box-shadow:0 12px 22px rgba(139,63,49,.16);
}

.mk-offerte-pill:hover{
  color:#fff;
  text-decoration:none;
  background:linear-gradient(180deg, #953628 0%, var(--mk-brand-dark) 100%);
}

.mk-page-wrap{
  padding-top:42px !important;
  padding-bottom:44px !important;
}

.mk-page-container{
  max-width:var(--mk-content-max);
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.mk-page-grid{
  align-items:flex-start;
  row-gap:28px;
}

.mk-theme-body .row.g-5 > .col,
.mk-theme-body .row.g-5 > .col-12,
.mk-theme-body .row.g-5 > .col-lg-6,
.mk-theme-body .row.g-5 > .col-md-6,
.mk-theme-body .row.g-5 > .col-sm-12{
  max-width:var(--mk-copy-max);
  margin:0 auto;
}

.mk-theme-body .col-lg-6,
.mk-theme-body .col,
.mk-theme-body .col-12{
  width:100%;
}

.mk-copy-page,
.mk-theme-body .col > :not(script),
.mk-theme-body .col-lg-6 > :not(script),
.mk-theme-body .col-12 > :not(script){
  max-width:100%;
}

.mk-theme-body .img-thumbnail,
.mk-theme-body img.img-fluid,
.mk-theme-body .img-fluid{
  border:1px solid var(--mk-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--mk-shadow-soft);
  padding:6px;
}

.mk-theme-body iframe{
  border:0;
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--mk-shadow);
}

.mk-theme-body table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  box-shadow:var(--mk-shadow-soft);
}

.mk-theme-body table td,
.mk-theme-body table th{
  padding:12px 14px;
  border-bottom:1px solid #efe5de;
}

.mk-theme-body input[type="text"],
.mk-theme-body input[type="email"],
.mk-theme-body input[type="tel"],
.mk-theme-body input[type="number"],
.mk-theme-body input[type="password"],
.mk-theme-body select,
.mk-theme-body textarea{
  border:1px solid #d9d3cf;
  border-radius:14px;
  background:#fff;
  color:var(--mk-ink);
  min-height:48px;
  padding:12px 14px;
  box-shadow:none;
  outline:none;
}

.mk-theme-body textarea{
  min-height:140px;
}

.mk-theme-body input:focus,
.mk-theme-body select:focus,
.mk-theme-body textarea:focus{
  border-color:rgba(139,63,49,.55);
  box-shadow:0 0 0 4px rgba(139,63,49,.10);
}

.mk-theme-body .btn.btn-primary,
.mk-theme-body input.btn.btn-primary,
.mk-theme-body button.btn.btn-primary,
.mk-theme-body input[type="submit"],
.mk-theme-body button[type="submit"]{
  border:0;
  border-radius:14px;
  padding:12px 22px;
  background:linear-gradient(180deg, #a23e30 0%, var(--mk-brand) 100%) !important;
  color:#fff !important;
  font-weight:700;
  box-shadow:0 10px 20px rgba(139,63,49,.16);
}

.mk-theme-body .btn.btn-primary:hover,
.mk-theme-body input.btn.btn-primary:hover,
.mk-theme-body button.btn.btn-primary:hover,
.mk-theme-body input[type="submit"]:hover,
.mk-theme-body button[type="submit"]:hover{
  background:linear-gradient(180deg, #93382b 0%, var(--mk-brand-dark) 100%) !important;
  transform:translateY(-1px);
}

.mk-theme-body .btn.btn-outline-secondary,
.mk-theme-body .btn-outline-secondary{
  background:#fff;
  color:var(--mk-ink);
  border:1px solid var(--mk-border);
}

.mk-theme-body p[style*="color:red"],
.mk-theme-body p[style*="color: red"]{
  background:#fff4f1 !important;
  border:1px solid #ebc0b6 !important;
  border-left:4px solid var(--mk-brand) !important;
  color:var(--mk-brand-dark) !important;
  padding:14px 16px !important;
  border-radius:14px !important;
}

.mk-theme-body p[style*="color:green"],
.mk-theme-body p[style*="color: green"]{
  background:#f4faf5 !important;
  border:1px solid #cfe1d1 !important;
  color:#3e6547 !important;
  padding:14px 16px !important;
  border-radius:14px !important;
}

.mk-legacy-page,
.mk-copy-card{
  width:100%;
  max-width:var(--mk-copy-max);
  margin:0 auto;
}

.mk-copy-card{
  background:var(--mk-card);
  border:1px solid var(--mk-border);
  border-radius:24px;
  padding:34px;
  box-shadow:var(--mk-shadow);
}

.mk-copy-card h1{
  font-size:clamp(2rem, 3vw, 3rem);
  margin:0 0 16px;
}

.mk-copy-card h2{
  font-size:1.55rem;
  margin:30px 0 12px;
}

.mk-copy-card h3{
  font-size:1.2rem;
  margin:24px 0 10px;
}

.mk-copy-card p,
.mk-copy-card li{
  color:#374151;
}

.mk-copy-card ul{
  padding-left:1.2rem;
}

@media (max-width: 1540px){
  .mk-site-header__inner{
    grid-template-columns:auto 1fr;
    gap:18px 24px;
  }

  .mk-main-nav{
    order:2;
  }

  .mk-header-actions{
    grid-column:1 / -1;
    order:3;
    width:100%;
  }

  .mk-search{
    width:min(620px, 100%);
    margin-left:0;
  }
}

@media (max-width: 1199.98px){
  .mk-site-header__inner{
    padding:14px 18px;
  }

  .mk-main-nav{
    gap:18px;
    overflow:auto;
    padding-bottom:4px;
  }

  .mk-page-wrap{
    padding-top:34px !important;
  }
}

@media (max-width: 767.98px){
  .mk-brand__name{ font-size:22px; }
  .mk-brand__sub{ font-size:13px; }
  .mk-brand__icon{ width:48px; height:48px; border-radius:16px; }
  .mk-site-header__inner{ grid-template-columns:1fr; gap:14px; }
  .mk-main-nav{ order:2; flex-wrap:nowrap; }
  .mk-header-actions{ order:3; display:grid; grid-template-columns:1fr; }
  .mk-search{ width:100%; }
  .mk-cart-pill, .mk-offerte-pill{ justify-content:center; }
  .mk-copy-card{ padding:24px 18px; border-radius:18px; }
}


/* v5 smaller text inputs */
input[type="text"],
input[type="number"],
select{
  font-size:16px;
}


.mk-feature-photo{
  width:min(440px, 46%);
  max-width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  border-radius:20px !important;
  border:1px solid var(--mk-border) !important;
  box-shadow:var(--mk-shadow-soft);
  margin:0 0 20px 24px;
  background:#fff;
}

@media (max-width: 767.98px){
  .mk-feature-photo{
    float:none !important;
    display:block;
    width:100%;
    margin:0 0 18px 0;
    aspect-ratio:auto;
  }
}


/* v11 header / footer fit fixes */
.mk-site-header__inner{
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
}

.mk-main-nav{
  flex:1 1 auto;
  min-width:0;
  justify-content:center;
  gap:clamp(14px, 1.25vw, 24px);
}

.mk-main-nav a{
  font-size:clamp(14px, .92vw, 15px);
}

.mk-header-actions{
  flex:0 0 auto;
  min-width:0;
  gap:8px;
}

.mk-search{
  width:clamp(230px, 18vw, 320px);
  padding:4px;
  gap:6px;
  box-shadow:none;
}

.mk-search input[type="text"]{
  height:34px;
  padding:0 12px;
}

.mk-search button,
.mk-search input[type="submit"]{
  height:34px;
  min-width:100px;
  padding:0 16px;
}

.mk-cart-pill,
.mk-offerte-pill{
  min-height:50px;
  font-size:15px;
}

.mk-cart-pill{
  padding:0 15px;
  gap:10px;
}

.mk-offerte-pill{
  padding:0 22px;
}

@media (max-width: 1480px){
  .mk-brand__name{ font-size:24px; }
  .mk-main-nav{ gap:14px; }
  .mk-search{ width:250px; }
  .mk-cart-pill{ padding:0 13px; }
  .mk-offerte-pill{ padding:0 18px; }
}

@media (max-width: 1320px){
  .mk-site-header__inner{
    grid-template-columns:auto 1fr;
    gap:14px 18px;
  }

  .mk-main-nav{
    order:2;
    grid-column:1 / -1;
    justify-content:flex-start;
    overflow:auto;
    padding-bottom:4px;
  }

  .mk-header-actions{
    order:3;
    grid-column:1 / -1;
    width:100%;
    justify-content:flex-end;
  }
}

@media (max-width: 900px){
  .mk-header-actions{
    flex-wrap:wrap;
  }

  .mk-search{
    width:100%;
    max-width:none;
  }
}

@media (max-width: 767.98px){
  .mk-main-nav{
    gap:12px;
  }
}


@media (max-width: 760px){
  .mk-reset-strip__inner{
    padding:12px 12px 0;
    justify-content:flex-start;
  }

  .mk-reset-link{
    width:100%;
    max-width:220px;
  }
}


@media (max-width: 767.98px){
  .mk-reset-strip__inner{
    justify-content:flex-start;
    padding:14px 14px 0;
  }

  .mk-reset-link{
    width:100%;
    justify-content:center;
    min-height:54px;
    border-radius:16px;
  }

  .mk-reset-link__text small{
    display:none;
  }
}
