:root{
  --muku-bg:#f5f2ea;
  --muku-surface:#fffdf9;
  --muku-panel:#ffffffee;
  --muku-line:#ddd6c9;
  --muku-main:#234639;
  --muku-main-soft:#5d7d70;
  --muku-accent:#9b7740;
  --muku-accent-soft:#efe5d3;
  --muku-text:#24322d;
  --muku-sub:#69766f;
  --muku-danger:#8e403a;
  --muku-shadow:0 18px 45px rgba(26,43,35,.08);
  --muku-radius-xl:26px;
  --muku-radius-lg:18px;
  --muku-radius-md:14px;
}

html{scroll-behavior:smooth;background:var(--muku-bg);}
body.muku-customer-ui-page{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.75), transparent 38%),
    linear-gradient(180deg, #f7f4ed 0%, #f3efe7 100%);
  color:var(--muku-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.8;
}
body.muku-customer-ui-page img{max-width:100%;height:auto;border-radius:18px;}
body.muku-customer-ui-page a{color:var(--muku-main);}
body.muku-customer-ui-page a:hover{opacity:.9;}

body.muku-customer-ui-page .muku-ui-shell,
body.muku-customer-ui-page main,
body.muku-customer-ui-page .container,
body.muku-customer-ui-page .wrap,
body.muku-customer-ui-page .page,
body.muku-customer-ui-page .content{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}

body.muku-customer-ui-page h1,
body.muku-customer-ui-page h2,
body.muku-customer-ui-page h3{
  color:#17382f;
  line-height:1.35;
  letter-spacing:.02em;
}
body.muku-customer-ui-page h1{
  font-size:clamp(2rem,5vw,3.45rem);
  margin:0 0 .45em;
}
body.muku-customer-ui-page h2{
  font-size:clamp(1.35rem,3.2vw,2rem);
}
body.muku-customer-ui-page h3{
  font-size:clamp(1.1rem,2.4vw,1.4rem);
}
body.muku-customer-ui-page p,
body.muku-customer-ui-page li,
body.muku-customer-ui-page label,
body.muku-customer-ui-page small,
body.muku-customer-ui-page div{
  word-break:break-word;
}

body.muku-customer-ui-page form,
body.muku-customer-ui-page section,
body.muku-customer-ui-page article,
body.muku-customer-ui-page .card,
body.muku-customer-ui-page .box,
body.muku-customer-ui-page .panel{
  border-radius:var(--muku-radius-xl);
}

body.muku-customer-ui-page form,
body.muku-customer-ui-page .muku-ui-card,
body.muku-customer-ui-page .card,
body.muku-customer-ui-page .box,
body.muku-customer-ui-page .panel,
body.muku-customer-ui-page .notice,
body.muku-customer-ui-page .block,
body.muku-customer-ui-page .item{
  background:var(--muku-panel);
  border:1px solid var(--muku-line);
  box-shadow:var(--muku-shadow);
}

body.muku-customer-ui-page input[type="text"],
body.muku-customer-ui-page input[type="email"],
body.muku-customer-ui-page input[type="password"],
body.muku-customer-ui-page input[type="date"],
body.muku-customer-ui-page input[type="number"],
body.muku-customer-ui-page input[type="search"],
body.muku-customer-ui-page input[type="url"],
body.muku-customer-ui-page textarea,
body.muku-customer-ui-page select{
  width:100%;
  min-height:56px;
  padding:14px 16px;
  border:1px solid #bdc9c1;
  background:#fff;
  color:var(--muku-text);
  border-radius:16px;
  font-size:16px;
  box-sizing:border-box;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.muku-customer-ui-page textarea{min-height:130px;resize:vertical;}
body.muku-customer-ui-page input:focus,
body.muku-customer-ui-page textarea:focus,
body.muku-customer-ui-page select:focus{
  border-color:var(--muku-main-soft);
  box-shadow:0 0 0 4px rgba(93,125,112,.16);
}

body.muku-customer-ui-page button,
body.muku-customer-ui-page input[type="submit"],
body.muku-customer-ui-page input[type="button"],
body.muku-customer-ui-page .button,
body.muku-customer-ui-page .btn,
body.muku-customer-ui-page a.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  min-height:56px;
  padding:14px 24px;
  border-radius:18px;
  border:0;
  background:linear-gradient(180deg, #5f7f70 0%, #476457 100%);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
  letter-spacing:.02em;
  box-shadow:0 14px 28px rgba(38,66,54,.18);
  cursor:pointer;
  transition:transform .18s ease, opacity .18s ease, box-shadow .18s ease;
}
body.muku-customer-ui-page button:hover,
body.muku-customer-ui-page input[type="submit"]:hover,
body.muku-customer-ui-page input[type="button"]:hover,
body.muku-customer-ui-page .button:hover,
body.muku-customer-ui-page .btn:hover,
body.muku-customer-ui-page a.btn:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(38,66,54,.2);
}
body.muku-customer-ui-page button[disabled],
body.muku-customer-ui-page input[disabled],
body.muku-customer-ui-page .is-disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
}

body.muku-customer-ui-page .muku-ui-hero{
  position:relative;
  padding:30px 24px 20px;
  margin:0 auto 28px;
}
body.muku-customer-ui-page .muku-ui-hero::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.35));
  pointer-events:none;
}
body.muku-customer-ui-page .muku-ui-hero > *{position:relative;z-index:1;}
body.muku-customer-ui-page .muku-ui-kicker{
  display:inline-block;
  padding:8px 14px;
  border-radius:999px;
  background:var(--muku-accent-soft);
  color:#745421;
  font-size:13px;
  font-weight:700;
  margin-bottom:12px;
}
body.muku-customer-ui-page .muku-ui-lead{
  font-size:clamp(1rem,2.2vw,1.18rem);
  color:#55645d;
}

body.muku-customer-ui-page .muku-ui-steps{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 10px;
}
body.muku-customer-ui-page .muku-ui-step{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--muku-line);
  color:#45544e;
  font-size:14px;
  font-weight:700;
}
body.muku-customer-ui-page .muku-ui-step-no{
  width:24px;height:24px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--muku-main);color:#fff;font-size:12px;
}

body.muku-customer-ui-page .muku-ui-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
body.muku-customer-ui-page .muku-ui-stack{display:grid;gap:18px;}
body.muku-customer-ui-page .muku-ui-card{padding:24px;}
body.muku-customer-ui-page .muku-ui-muted{color:var(--muku-sub);font-size:.96rem;}
body.muku-customer-ui-page .muku-ui-note{
  padding:14px 16px;
  border-radius:16px;
  background:#f7fbf8;
  border:1px solid #d9e5de;
  color:#466156;
  font-size:.95rem;
}
body.muku-customer-ui-page .muku-ui-alert{
  padding:14px 16px;
  border-radius:16px;
  background:#fff8f7;
  border:1px solid #e8c2be;
  color:var(--muku-danger);
}
body.muku-customer-ui-page .muku-ui-success{
  padding:14px 16px;
  border-radius:16px;
  background:#eef8f1;
  border:1px solid #c8dfcd;
  color:#355949;
}
body.muku-customer-ui-page .muku-ui-price{
  display:inline-flex;
  padding:8px 12px;
  background:#f6efe1;
  border-radius:999px;
  color:#7b5a22;
  font-weight:700;
  font-size:.94rem;
}

body.muku-customer-ui-page .muku-ui-field{display:grid;gap:8px;margin-bottom:14px;}
body.muku-customer-ui-page .muku-ui-field label{font-weight:700;color:#263831;}
body.muku-customer-ui-page .muku-ui-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;}
body.muku-customer-ui-page .muku-ui-full button,
body.muku-customer-ui-page .muku-ui-full .button,
body.muku-customer-ui-page .muku-ui-full .btn,
body.muku-customer-ui-page .muku-ui-full input[type="submit"]{width:100%;}

body.muku-customer-ui-page .muku-ui-section-title{
  margin:0 0 6px;
  font-size:1.55rem;
}
body.muku-customer-ui-page .muku-ui-center{text-align:center;}

body.muku-customer-ui-page .muku-ui-grave-preview,
body.muku-customer-ui-page .grave-card,
body.muku-customer-ui-page .memorial-card{
  background:linear-gradient(180deg, #f1f8f3 0%, #edf5ef 100%);
  border:1px solid #d5dfd7;
  border-radius:28px;
  padding:26px;
}

body.muku-customer-ui-page .muku-ui-offerings{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body.muku-customer-ui-page .muku-ui-choice{
  padding:14px;
  background:#fff;
  border:1px solid var(--muku-line);
  border-radius:18px;
  text-align:center;
}

body.muku-customer-ui-page hr{border:none;border-top:1px solid var(--muku-line);margin:26px 0;}
body.muku-customer-ui-page table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;}
body.muku-customer-ui-page th,body.muku-customer-ui-page td{padding:12px 14px;border-bottom:1px solid #ece7dd;}
body.muku-customer-ui-page th{background:#f7f4ec;text-align:left;color:#31453c;}
body.muku-customer-ui-page ul,body.muku-customer-ui-page ol{padding-left:1.35em;}

@media (max-width:900px){
  body.muku-customer-ui-page .muku-ui-grid{grid-template-columns:1fr;}
  body.muku-customer-ui-page .muku-ui-offerings{grid-template-columns:1fr;}
}
@media (max-width:640px){
  body.muku-customer-ui-page{
    font-size:15px;
  }
  body.muku-customer-ui-page .muku-ui-card,
  body.muku-customer-ui-page form,
  body.muku-customer-ui-page .card,
  body.muku-customer-ui-page .box,
  body.muku-customer-ui-page .panel{padding:18px !important;}
  body.muku-customer-ui-page button,
  body.muku-customer-ui-page input[type="submit"],
  body.muku-customer-ui-page input[type="button"],
  body.muku-customer-ui-page .button,
  body.muku-customer-ui-page .btn{width:100%;}
}