/* v1.0.4 corrective release: definitive card inset and assistant/back-to-top separation.
   Never change commerce, passport, account or QR application logic here. */

/* Three features: real independent cards, comfortable interior spacing, precise alignment. */
body.dpp-premium-page .dpp-capabilities {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  background:transparent;
  border:0;
  align-items:stretch;
}
body.dpp-premium-page .dpp-capabilities article,
body.dpp-premium-page .dpp-capabilities article:first-child,
body.dpp-premium-page .dpp-capabilities article:last-child {
  position:relative;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  min-height:278px;
  gap:0;
  margin:0;
  padding:29px 28px 29px !important;
  border:1px solid #d9d1c5;
  border-top:3px solid #b97045;
  border-radius:8px;
  background:#fffdf9;
  box-shadow:0 5px 16px rgba(24,39,50,.035);
}
body.dpp-premium-page .dpp-capabilities .dpp-feature-id {
  font:800 10px/1.45 Arial,sans-serif;
  letter-spacing:.12em;
  color:#a75e37;
  margin:0 0 17px;
  padding:0;
}
body.dpp-premium-page .dpp-capabilities .dpp-feature-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:45px;
  height:45px;
  flex:0 0 45px;
  margin:0 0 21px;
  padding:0;
  background:#f6ebe2;
  border:1px solid #d6bbaa;
  border-radius:7px;
  color:#b5683c;
}
body.dpp-premium-page .dpp-capabilities article h3 {
  font:400 24px/1.17 Georgia,'Times New Roman',serif;
  letter-spacing:-.025em;
  margin:0 0 14px;
  color:#24333d;
}
body.dpp-premium-page .dpp-capabilities article p {
  margin:0;
  padding:0;
  max-width:36ch;
  font:400 15px/1.7 Arial,sans-serif;
  color:#536069;
}

/* Four workflow cards: equal visual hierarchy, horizontal spacing, no zero-left first item. */
body.dpp-premium-page .dpp-steps {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  background:transparent;
  border:0;
}
body.dpp-premium-page .dpp-steps > div,
body.dpp-premium-page .dpp-steps > div:first-child,
body.dpp-premium-page .dpp-steps > div:last-child {
  box-sizing:border-box;
  min-width:0;
  min-height:194px;
  margin:0;
  padding:24px 24px 27px !important;
  border:1px solid #d9d1c5;
  border-left:3px solid #b97045;
  border-radius:7px;
  background:#fffdf9;
}
body.dpp-premium-page .dpp-steps > div span {
  font:800 12px/1.35 Arial,sans-serif;
  letter-spacing:.08em;
  color:#aa6339;
}
body.dpp-premium-page .dpp-steps > div h3 {
  font:400 24px/1.2 Georgia,'Times New Roman',serif;
  margin:20px 0 10px;
  letter-spacing:-.025em;
  color:#24333d;
}
body.dpp-premium-page .dpp-steps > div p {
  font:400 14px/1.65 Arial,sans-serif;
  margin:0;
  padding:0;
  color:#59656a;
}

/* Assistance and return-to-top are independent controls on the right. */
body .dp-mini-assistant,
body.dpp-premium-page .dp-mini-assistant {
  position:fixed !important;
  right:20px !important;
  left:auto !important;
  bottom:20px !important;
  z-index:160 !important;
}
body.dpp-premium-page .dpp-backtop,
body.dpp-premium-page .dpp-backtop.is-visible {
  position:fixed;
  right:24px;
  bottom:98px;
  width:56px;
  height:56px;
  border-radius:12px;
  z-index:155;
}
/* When the help panel is opened, remove the scroll button from the overlay area. */
body:has(.dp-mini-assistant-panel:not([hidden])) .dpp-backtop {
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Responsive grid rules override earlier styles at the same cascade level. */
@media (max-width:950px){
  body.dpp-premium-page .dpp-capabilities {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.dpp-premium-page .dpp-steps {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  body.dpp-premium-page .dpp-capabilities,
  body.dpp-premium-page .dpp-steps {grid-template-columns:1fr;gap:12px;}
  body.dpp-premium-page .dpp-capabilities article,
  body.dpp-premium-page .dpp-capabilities article:first-child,
  body.dpp-premium-page .dpp-capabilities article:last-child {padding:23px 22px 25px !important;min-height:0;}
  body.dpp-premium-page .dpp-steps > div,
  body.dpp-premium-page .dpp-steps > div:first-child,
  body.dpp-premium-page .dpp-steps > div:last-child {padding:22px 21px 23px !important;min-height:0;}
  body .dp-mini-assistant,
  body.dpp-premium-page .dp-mini-assistant {right:12px !important;left:auto !important;bottom:13px !important;}
  body.dpp-premium-page .dpp-backtop,
  body.dpp-premium-page .dpp-backtop.is-visible {right:15px;bottom:86px;width:48px;height:48px;}
}
/* Equal accent on every workflow item; earlier adjacent-sibling rules must not win. */
body.dpp-premium-page .dpp-steps > div + div,
body.dpp-premium-page .dpp-steps > div:first-child,
body.dpp-premium-page .dpp-steps > div:last-child {
  border-left:3px solid #b97045;
}
