/* DEC Experience v3 - tangible, shared UI improvements.
   Applied after the existing brand/hero styles. No dependency, no APIs changed.
   Public icon geometry is shared with resources/views/storefront/partials/dec-icon.blade.php. */
:root {
  --dec-ui-navy: #0a3059;
  --dec-ui-navy-hover: #164f80;
  --dec-ui-accent: var(--color-flame-500, #d5a04c);
  --dec-ui-muted: #536d85;
  --dec-ui-border: #d6e4f1;
  --dec-ui-surface: #f3f8fd;
  --dec-ui-shadow: 0 10px 30px -20px rgb(10 44 78 / .25);
  --dec-ui-shadow-hover: 0 24px 46px -22px rgb(10 44 78 / .27);
  --dec-ui-ease: cubic-bezier(.2,.7,.25,1);
  --dec-ui-duration: 220ms;
  --dec-experience-version: 20261023;
}
html { scroll-padding-top: 92px; }
#main { color: #15385d; }
#main img, .dec-ref-footer img { max-width: 100%; }
#main :is(h1,h2,h3,h4), .dec-ref-footer h2 { text-wrap: balance; }
#main :is(.dec-ref-kicker,.dec-svc-eyebrow,.dec-ops-v4-eyebrow,.dec-ops-v5-kicker) {
  font-weight: 780; letter-spacing: .14em; line-height: 1.6;
}
/* A consistent engineering-detail accent, not a new palette. */
#main :is(.dec-v3-heading-row,.dec-ref-section-header,.dec-svc-catalogue-heading,.dec-svc-why-heading,.dec-svc-process-heading,.dec-ops-v6-values-heading) .dec-ref-kicker::before,
#main :is(.dec-v3-heading-row,.dec-ref-section-header,.dec-svc-catalogue-heading,.dec-svc-why-heading,.dec-svc-process-heading,.dec-ops-v6-values-heading) .dec-svc-eyebrow::before,
#main :is(.dec-v3-heading-row,.dec-ref-section-header,.dec-svc-catalogue-heading,.dec-svc-why-heading,.dec-svc-process-heading,.dec-ops-v6-values-heading) .dec-ops-v5-kicker::before {
  content:""; display:inline-block;vertical-align:middle; width:18px;height:2px;
  margin-right:9px;background:var(--dec-ui-accent); border-radius:2px;
}
/* Buttons: larger, consistently aligned, tactile without bouncing. */
:is(#main,.dec-ref-header,.dec-ref-footer) :is(.dec-ref-button,.dec-svc-btn,.dec-corporate-hero__actions a) {
  min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:11px 20px;border-radius:6px;font-size:13px;line-height:1.3;font-weight:760;
  transition:background-color var(--dec-ui-duration) ease,color var(--dec-ui-duration) ease,
   border-color var(--dec-ui-duration) ease,box-shadow var(--dec-ui-duration) ease,transform var(--dec-ui-duration) var(--dec-ui-ease);
}
:is(#main,.dec-ref-header,.dec-ref-footer) :is(.dec-ref-button,.dec-svc-btn,.dec-corporate-hero__actions a):not(:disabled):hover {
  transform:translateY(-2px); box-shadow:0 9px 22px -11px rgb(10 47 88 / .45);
}
:is(#main,.dec-ref-header,.dec-ref-footer) :is(.dec-ref-button,.dec-svc-btn,.dec-corporate-hero__actions a):active {
  transform:translateY(0);box-shadow:none;
}
:is(#main,.dec-ref-header,.dec-ref-footer) :is(.dec-ref-button,.dec-svc-btn) svg,
:is(#main,.dec-ref-header,.dec-ref-footer) :is(.dec-ref-button,.dec-svc-btn) [aria-hidden="true"] {
  transition:transform var(--dec-ui-duration) var(--dec-ui-ease);
}
:is(#main,.dec-ref-header,.dec-ref-footer) :is(.dec-ref-button,.dec-svc-btn):hover svg,
:is(#main,.dec-ref-header,.dec-ref-footer) :is(.dec-ref-button,.dec-svc-btn):hover [aria-hidden="true"] {
  transform:translateX(3px);
}
:is(#main,.dec-ref-header,.dec-ref-footer,.dec-admin-shell) :is(a,button,input,select,textarea,summary):focus-visible {
  outline:3px solid #c78d33;outline-offset:3px;
}
/* Header: real animated underline, clearer action targets, more legible type. */
.dec-ref-header { border-bottom:1px solid #e0e9f2; box-shadow:0 6px 24px rgb(9 41 74 / .065); }
.dec-ref-desktop-nav {gap:clamp(15px,1.55vw,28px);}
.dec-ref-nav-link {font-size:13px;font-weight:735;transition:color .2s ease;}
.dec-ref-nav-link::after {
  content:"";position:absolute;left:50%;right:50%;height:2px;bottom:0;background:var(--dec-ui-navy-hover);
  transition:left .22s var(--dec-ui-ease),right .22s var(--dec-ui-ease);
}
.dec-ref-nav-link:hover::after,.dec-ref-nav-link.active::after {left:0;right:0;}
.dec-ref-nav-link.active::after {height:3px;background:var(--dec-ui-accent);}
.dec-ref-header :is(.dec-ref-header-search,.dec-ref-account,.dec-ref-menu-button) {
  min-width:44px;width:44px;height:44px;min-height:44px;display:grid;place-items:center;
  border:1px solid transparent;border-radius:7px;color:var(--dec-ui-navy);
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.dec-ref-header :is(.dec-ref-header-search,.dec-ref-account,.dec-ref-menu-button):hover,
.dec-ref-header :is(.dec-ref-header-search,.dec-ref-account,.dec-ref-menu-button)[aria-expanded="true"] {
  background:#e9f3fc;border-color:#c6dcec;color:#0c5b93;
}
.dec-ref-header .dec-ref-header-quote {min-height:45px;padding-inline:16px;}
.dec-ref-products-dropdown {border:1px solid var(--dec-ui-border);border-top:3px solid var(--dec-ui-accent);box-shadow:0 20px 42px rgb(4 29 62 / .15);border-radius:0 0 8px 8px;animation:dec-ui-drop .2s var(--dec-ui-ease) both;}
.dec-ref-products-dropdown a {transition:padding-left .18s,background-color .18s;}
.dec-ref-products-dropdown a:hover {padding-left:18px;background:#eff6fd;}
.dec-ref-search-panel {box-shadow:0 16px 24px rgb(7 31 62 / .09);animation:dec-ui-drop .24s var(--dec-ui-ease) both;}
.dec-ref-search-row input {min-height:45px;border-radius:6px;border:1px solid #bfcfe1;}
.dec-ref-search-row input:focus-visible {border-color:#467eae;}
.dec-ref-mobile-menu {animation:dec-ui-drop .22s var(--dec-ui-ease) both;}
.dec-ref-mobile-menu > a:not(.dec-ref-button),.dec-ref-mobile-menu summary {
  border-radius:4px;transition:background-color .2s,color .2s,padding-left .2s;
}
.dec-ref-mobile-menu > a:not(.dec-ref-button):hover,.dec-ref-mobile-menu summary:hover {
  background:#f0f7fd;color:var(--dec-ui-navy-hover);padding-left:10px;
}
.dec-ref-mobile-menu > a.active {color:var(--dec-ui-navy-hover);border-left:3px solid var(--dec-ui-accent);padding-left:10px;}
@keyframes dec-ui-drop {from {opacity:.5;transform:translateY(-7px)} to {opacity:1;transform:translateY(0)}}
/* Four hero facts retain their approved position, with unified outlined icons. */
#main .dec-corporate-hero__feature {gap:10px;align-items:center;}
#main .dec-corporate-hero__feature > svg {width:35px;height:35px;min-width:35px;padding:7px;border-radius:9px;background:rgb(225 240 250 / .85);color:#104f84;stroke-width:1.8;transition:background-color .2s,transform .2s;}
#main .dec-corporate-hero__feature:hover > svg {background:#d4e9f8;transform:translateY(-2px);}
#main .dec-corporate-hero__feature strong {font-size:12px;}
#main .dec-corporate-hero__feature > span {font-size:12px;}
/* Shared section scale - previous 16px vertical padding looked cramped on desktop. */
#main .dec-v3-section {padding-block:clamp(43px,5vw,76px);}
#main .dec-v3-about {padding-block:clamp(45px,5.2vw,78px);}
#main .dec-v3-heading-row {margin-bottom:clamp(22px,2.7vw,38px);align-items:end;gap:25px;}
#main .dec-v3-heading-row h2 {font-size:clamp(27px,2.75vw,40px);line-height:1.17;letter-spacing:-.027em;}
#main .dec-v3-heading-row > p {font-size:clamp(13px,1.05vw,15px);line-height:1.65;color:var(--dec-ui-muted);}
#main .dec-v3-about h2 {font-size:clamp(28px,2.8vw,42px);line-height:1.13;margin-block:12px 14px;}
#main .dec-v3-about-copy p {font-size:clamp(14px,1.05vw,16px);line-height:1.76;margin-bottom:22px;color:var(--dec-ui-muted);}
#main .dec-v3-about-grid {gap:clamp(19px,2.5vw,36px);grid-template-columns:minmax(0,1.14fr) minmax(0,1fr) minmax(245px,.74fr);}
#main .dec-v3-about-image {border-radius:8px;min-height:260px;box-shadow:var(--dec-ui-shadow);}
#main .dec-v3-about-proof {padding:clamp(17px,1.75vw,24px);gap:12px;border-radius:8px;background:#f2f7fd;border-color:var(--dec-ui-border);}
#main .dec-v3-about-proof > div {gap:12px;}
#main .dec-v3-about-proof strong {font-size:clamp(12px,.98vw,14px);line-height:1.35;white-space:normal!important;}
#main .dec-v3-about-proof small {font-size:11px;line-height:1.45;margin-top:3px;}
#main .dec-v3-proof-icon {width:43px;height:43px;border-radius:11px;background:#e0eefb;transition:transform .22s,background .22s;}
#main .dec-v3-about-proof > div:hover .dec-v3-proof-icon {transform:translateY(-2px);background:#cfe6f8;}
/* Operations cards: bring formerly hidden Lucide icon into view. */
#main .dec-v3-operations-grid {gap:clamp(16px,1.65vw,25px);}
#main .dec-v3-operation-card {border:1px solid var(--dec-ui-border);border-radius:9px;box-shadow:var(--dec-ui-shadow);transition:transform .24s var(--dec-ui-ease),box-shadow .24s var(--dec-ui-ease),border-color .24s;}
#main .dec-v3-operation-card:hover,#main .dec-v3-operation-card:focus-within {transform:translateY(-5px);border-color:#a4c6df;box-shadow:var(--dec-ui-shadow-hover);}
#main .dec-v3-operation-image {aspect-ratio:1.75;background:#e5f1fa;}
#main .dec-v3-operation-image img {transition:transform .45s var(--dec-ui-ease);}
#main .dec-v3-operation-card:hover img {transform:scale(1.045);}
#main .dec-v3-operation-content {padding:20px;}
#main .dec-v3-operation-title {gap:11px;}
#main .dec-v3-operation-icon {display:grid!important;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:#e8f3fc;color:#15568a;box-shadow:inset 0 0 0 1px #d1e5f5;transition:background .2s,color .2s,transform .22s;}
#main .dec-v3-operation-icon svg {width:22px;height:22px;stroke-width:1.8;}
#main .dec-v3-operation-card:hover .dec-v3-operation-icon {background:var(--dec-ui-navy);color:white;transform:translateY(-2px);}
#main .dec-v3-operation-title h3 {font-size:clamp(16px,1.15vw,19px);line-height:1.35;}
#main .dec-v3-operation-content p {font-size:13.5px;line-height:1.65;margin-block:13px 18px;}
#main .dec-v3-inline-link {font-size:13px;gap:8px;transition:color .18s,gap .18s;}
#main .dec-v3-inline-link:hover {gap:13px;}
/* Home equipment: larger product photography and visible direction arrow. */
#main .dec-v3-equipment-grid {gap:clamp(13px,1.3vw,20px);}
#main .dec-v3-equipment-card {background:#fff;border:1px solid var(--dec-ui-border);border-radius:9px;box-shadow:0 5px 18px rgb(9 44 78 / .045);transition:transform .24s var(--dec-ui-ease),border-color .24s,box-shadow .24s;}
#main .dec-v3-equipment-card:hover,#main .dec-v3-equipment-card:focus-visible {transform:translateY(-5px);border-color:#8dbad8;box-shadow:var(--dec-ui-shadow-hover);}
#main .dec-v3-equipment-image {aspect-ratio:1.18;background:#f1f6fa;}
#main .dec-v3-equipment-image img {padding:13px;transition:transform .4s var(--dec-ui-ease);}
#main .dec-v3-equipment-card:hover .dec-v3-equipment-image img {transform:scale(1.065);}
#main .dec-v3-equipment-label {min-height:60px;padding:11px 14px;font-size:13px;border-top-color:#deebf4;}
#main .dec-v3-equipment-label svg {width:19px;height:19px;opacity:1;transform:none;transition:transform .2s;}
#main .dec-v3-equipment-card:hover .dec-v3-equipment-label svg {transform:translateX(4px);}
#main .dec-v3-impact-content {padding-block:clamp(37px,4vw,58px);}
#main .dec-v3-impact-facts svg {width:32px;height:32px;margin-bottom:8px;color:#f0c981;stroke-width:1.65;}
#main .dec-v3-impact-facts strong {font-size:clamp(25px,2.15vw,33px);}
#main .dec-v3-impact-facts span {font-size:12px;line-height:1.55;}
/* Services catalogue and process: visible icon tiles, cards and numbered steps. */
#main .dec-svc-catalogue {padding-block:clamp(48px,5.1vw,78px);}
#main .dec-svc-catalogue-heading {margin-bottom:30px;}
#main :is(.dec-svc-catalogue-heading h2,.dec-svc-why-heading h2,.dec-svc-process-heading h2) {font-size:clamp(28px,2.75vw,41px);letter-spacing:-.025em;line-height:1.18;}
#main .dec-svc-catalogue-heading > p {font-size:14px;line-height:1.7;}
#main .dec-svc-grid {gap:22px;}
#main .dec-svc-card {border:1px solid var(--dec-ui-border);border-radius:9px;overflow:hidden;box-shadow:var(--dec-ui-shadow);transition:transform .24s var(--dec-ui-ease),box-shadow .24s var(--dec-ui-ease),border-color .24s;}
#main .dec-svc-card:hover,#main .dec-svc-card:focus-within {transform:translateY(-5px);border-color:#99bddb;box-shadow:var(--dec-ui-shadow-hover);}
#main .dec-svc-card-image {height:clamp(165px,14vw,215px);overflow:hidden;}
#main .dec-svc-card-image img {transition:transform .45s var(--dec-ui-ease);}
#main .dec-svc-card:hover .dec-svc-card-image img {transform:scale(1.045);}
#main .dec-svc-card-content {padding:21px;gap:14px;}
#main .dec-svc-card-icon {width:44px;height:44px;border-radius:12px;background:#e7f2fc;color:#12558d;box-shadow:inset 0 0 0 1px #d2e6f5;transition:background .22s,color .22s,transform .22s;}
#main .dec-svc-card-icon svg {width:23px;height:23px;stroke-width:1.8;}
#main .dec-svc-card:hover .dec-svc-card-icon {background:var(--dec-ui-navy);color:white;transform:translateY(-2px);}
#main .dec-svc-card h3 {font-size:clamp(16px,1.24vw,19px);line-height:1.32;}
#main .dec-svc-card p {font-size:13px;line-height:1.64;}
#main .dec-svc-card-link {display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:750;transition:gap .2s,color .2s;}
#main .dec-svc-card-link:hover {gap:13px;}
/* Designed empty state uses real service wording, not mock catalogue entries. */
#main .dec-svc-empty {min-height:230px;padding:clamp(23px,3vw,42px);border:1px solid #cee0ef;border-left:4px solid var(--dec-ui-navy-hover);border-radius:10px;background:linear-gradient(115deg,#f0f7fd,#fff 68%);box-shadow:var(--dec-ui-shadow);}
#main .dec-svc-empty-icon {display:grid;place-items:center;width:52px;height:52px;border-radius:13px;color:#15578b;background:#dceefc;margin-bottom:16px;}
#main .dec-svc-empty-icon svg {width:26px;height:26px;}
#main .dec-svc-empty h3 {font-size:clamp(20px,1.7vw,25px);line-height:1.25;}
#main .dec-svc-empty p {font-size:14px;max-width:640px;line-height:1.7;margin-block:10px 20px;}
#main .dec-svc-why {padding-block:clamp(49px,5.2vw,75px);}
#main .dec-svc-why-grid {gap:clamp(13px,1.5vw,22px);}
#main .dec-svc-why-item {border:1px solid var(--dec-ui-border);border-radius:9px;background:#fff;box-shadow:0 6px 21px rgb(7 37 70 / .04);transition:transform .23s var(--dec-ui-ease),box-shadow .23s,border-color .23s;}
#main .dec-svc-why-item:hover {transform:translateY(-4px);border-color:#a8c9e3;box-shadow:var(--dec-ui-shadow-hover);}
#main .dec-svc-why-icon {width:46px;height:46px;min-width:46px;border-radius:12px;background:#e5f2fb;color:#145689;display:grid;place-items:center;}
#main .dec-svc-why-icon svg {width:24px;height:24px;stroke-width:1.8;}
#main .dec-svc-why-copy {font-size:13.5px;line-height:1.5;}
#main .dec-svc-process {padding-block:clamp(45px,5vw,75px);}
#main .dec-svc-steps {gap:clamp(13px,1.8vw,27px);}
#main .dec-svc-step {border:1px solid var(--dec-ui-border);border-radius:9px;background:#fff;box-shadow:var(--dec-ui-shadow);transition:transform .23s,box-shadow .23s,border-color .23s;}
#main .dec-svc-step:hover {transform:translateY(-4px);border-color:#aacbe3;box-shadow:var(--dec-ui-shadow-hover);}
#main .dec-svc-step-number {color:#0c5997;font-weight:800;}
#main .dec-svc-step-icon {background:#e5f2fc;border-radius:13px;color:#12558a;display:grid;place-items:center;}
#main .dec-svc-step-icon svg {stroke-width:1.8;}
#main .dec-svc-step h3 {font-size:clamp(15px,1.22vw,18px);}
#main .dec-svc-step p {font-size:13px;line-height:1.65;}
/* Operations: elegant, consistent line icons replace mismatched solid symbols. */
#main :is(.dec-ops-v5-standard-icon,.dec-ops-v5-goal-icon,.dec-ops-v6-value-icon) {display:grid;place-items:center;border-radius:12px;background:#e8f3fb;color:#164f80;flex-shrink:0;transition:background-color .23s,color .23s,transform .23s;}
#main .dec-ops-v5-standard-icon {width:52px;height:52px;margin-bottom:13px;}
#main .dec-ops-v5-goal-icon {width:48px;height:48px;}
#main .dec-ops-v6-value-icon {width:48px;height:48px;}
#main :is(.dec-ops-v5-standard-icon,.dec-ops-v5-goal-icon,.dec-ops-v6-value-icon) svg {display:block;width:24px;height:24px;max-height:none;stroke-width:1.8;}
#main :is(.dec-ops-v5-standard-card,.dec-ops-v5-goal,.dec-ops-v6-value-card):hover :is(.dec-ops-v5-standard-icon,.dec-ops-v5-goal-icon,.dec-ops-v6-value-icon) {background:var(--dec-ui-navy);color:#fff;transform:translateY(-3px);}
#main :is(.dec-ops-v4-workflow-card,.dec-ops-v5-sector-card,.dec-ops-v5-standard-card,.dec-ops-v6-value-card) {border-color:var(--dec-ui-border);border-radius:9px;box-shadow:var(--dec-ui-shadow);transition:transform .24s var(--dec-ui-ease),box-shadow .24s,border-color .24s;}
#main :is(.dec-ops-v4-workflow-card,.dec-ops-v5-sector-card,.dec-ops-v5-standard-card,.dec-ops-v6-value-card):hover {transform:translateY(-4px);border-color:#a4c7e0;box-shadow:var(--dec-ui-shadow-hover);}
#main .dec-ops-v5-standard-card {min-height:168px;padding:22px 15px;}
#main .dec-ops-v5-standard-card h3 {font-size:clamp(14px,1.08vw,16px);margin-bottom:7px;}
#main .dec-ops-v5-standard-card p {font-size:12.5px;line-height:1.5;}
#main .dec-ops-v6-value-card {min-height:100px;padding:16px;gap:14px;}
#main .dec-ops-v6-value-card h3 {font-size:clamp(14px,1.04vw,16px);}
#main .dec-ops-v6-value-card p {font-size:12.5px;}
#main .dec-ops-v4-workflow-card-head {min-height:57px;padding:12px;}
#main .dec-ops-v4-workflow-card-head h3 {font-size:clamp(13px,1.05vw,16px);}
#main .dec-ops-v4-step-number {background:var(--dec-ui-navy);width:38px;height:38px;}
#main .dec-ops-v4-workflow-card > p {font-size:13px;line-height:1.6;padding:14px 17px 18px;}
/* Contact: card icon surfaces, clearer form and helpful feedback. */
#main .dec-contact-page-info-grid {gap:clamp(12px,1.5vw,21px);}
#main .dec-contact-page-info-grid article {border-radius:9px;border:1px solid var(--dec-ui-border);background:#fff;box-shadow:var(--dec-ui-shadow);transition:transform .24s,box-shadow .24s,border-color .24s;}
#main .dec-contact-page-info-grid article:hover {transform:translateY(-3px);border-color:#aac9e0;box-shadow:var(--dec-ui-shadow-hover);}
#main .dec-contact-page-info-grid article > span {width:46px;height:46px;border-radius:11px;background:#e8f2fb;color:#165c92;display:grid;place-items:center;}
#main .dec-contact-page-info-grid article svg {width:23px;height:23px;stroke-width:1.8;}
#main .dec-contact-page-info-grid article strong {font-size:14px;}
#main .dec-contact-page-form-panel {border-radius:11px;box-shadow:0 13px 34px -24px rgb(6 37 75 / .22);}
#main .dec-contact-form-field > span {font-size:13px;font-weight:740;}
#main .dec-contact-form-field :is(input,textarea,select) {min-height:46px;border:1px solid #c7d8e9;border-radius:6px;background:#fff;transition:border-color .18s,box-shadow .18s;}
#main .dec-contact-form-field :is(input,textarea,select):focus {outline:none;border-color:#3271a1;box-shadow:0 0 0 3px rgb(40 112 172 / .13);}
#main .dec-contact-form-field textarea {min-height:118px;}
#main .dec-contact-form-submit {min-height:46px;border-radius:6px;transition:background-color .2s,transform .2s,box-shadow .2s;}
#main .dec-contact-form-submit:not(:disabled):hover {transform:translateY(-2px);box-shadow:0 8px 20px -8px rgb(6 38 77 / .36);}
/* Product cards & catalogues - subtle elevation with purposeful photo interaction. */
#main .decbd-product-card {border:1px solid var(--dec-ui-border)!important;border-radius:9px!important;background:#fff!important;box-shadow:var(--dec-ui-shadow)!important;transition:transform .25s var(--dec-ui-ease),box-shadow .25s,border-color .25s!important;}
#main .decbd-product-card:hover,#main .decbd-product-card:focus-within {transform:translateY(-5px);border-color:#8fb6d7!important;box-shadow:var(--dec-ui-shadow-hover)!important;}
#main .decbd-product-image {overflow:hidden;}
#main .decbd-product-art {transition:transform .45s var(--dec-ui-ease)!important;}
#main .decbd-product-card:hover .decbd-product-art {transform:scale(1.04);}
#main .decbd-product-image-arrow {opacity:1;transition:transform .2s,background-color .2s;}
#main .decbd-product-card:hover .decbd-product-image-arrow {transform:translate(2px,-2px);}
#main .decbd-product-details-link {font-weight:760;}
/* Footer: clear hover affordances and more intentional spacing. */
.dec-ref-footer-main {padding-block:clamp(38px,4vw,55px);}
.dec-ref-footer-main h3 {font-size:14px;letter-spacing:.01em;margin-bottom:19px;}
.dec-ref-footer-main :is(.dec-ref-footer-links a,.dec-ref-footer-product-links a) {font-size:12px;line-height:1.6;transition:color .2s,transform .2s;}
.dec-ref-footer-main :is(.dec-ref-footer-links a,.dec-ref-footer-product-links a):hover {color:#fff;transform:translateX(3px);}
.dec-ref-footer-contact-grid > a {transition:background-color .2s,color .2s;}
.dec-ref-footer-contact-grid > a:hover {background:rgb(255 255 255 / .055);}
.dec-ref-footer-social a,.dec-ref-footer-community-links a {transition:background .2s,transform .2s;}
.dec-ref-footer-social a:hover,.dec-ref-footer-community-links a:hover {transform:translateY(-3px);background:#1e77b5;}
/* Admin - same professional component states, without touching any CRUD logic. */
.dec-admin-shell .dec-admin-nav-link {border-radius:7px;transition:background-color .18s,color .18s,transform .18s;}
.dec-admin-shell .dec-admin-nav-link:hover {transform:translateX(3px);background:#254653;}
.dec-admin-shell .dec-admin-nav-link[aria-current="page"] {box-shadow:inset 3px 0 var(--dec-ui-accent);}
.dec-admin-shell .dec-admin-nav-link svg {stroke-width:1.8;width:19px;height:19px;}
.dec-admin-shell :is(.dec-admin-panel,.surface) {border-radius:9px;box-shadow:var(--dec-ui-shadow);}
.dec-admin-shell .dec-admin-panel > header {min-height:65px;}
.dec-admin-shell .dec-admin-table-scroll tbody tr {transition:background-color .16s;}
.dec-admin-shell .dec-admin-table-scroll tbody tr:hover {background:#edf5fb;}
.dec-admin-shell :is(button,.btn):not(:disabled) {transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;}
.dec-admin-shell :is(button,.btn):not(:disabled):active {transform:translateY(1px);}
.dec-admin-shell :is(input,select,textarea) {transition:border-color .18s,box-shadow .18s;}
.dec-admin-shell :is(input,select,textarea):focus {border-color:#4987b4;box-shadow:0 0 0 3px rgb(41 112 172 / .12);}
/* Smooth staged appearance for content without scroll listeners or delays to clicks. */
@media (prefers-reduced-motion: no-preference) {
 #main :is(.dec-v3-operation-card,.dec-v3-equipment-card,.dec-svc-card,.dec-svc-why-item,.dec-svc-step,.dec-ops-v5-standard-card,.dec-ops-v6-value-card) {animation:dec-ui-enter .36s var(--dec-ui-ease) both;}
 #main :is(.dec-v3-operation-card,.dec-v3-equipment-card,.dec-svc-card,.dec-svc-why-item,.dec-svc-step):nth-child(2) {animation-delay:60ms;}
 #main :is(.dec-v3-operation-card,.dec-v3-equipment-card,.dec-svc-card,.dec-svc-why-item,.dec-svc-step):nth-child(3) {animation-delay:100ms;}
 #main :is(.dec-v3-operation-card,.dec-v3-equipment-card,.dec-svc-card,.dec-svc-why-item,.dec-svc-step):nth-child(4) {animation-delay:140ms;}
}
@keyframes dec-ui-enter {from {opacity:.55}to {opacity:1}}
/* Responsive tightening without changing the mobile copy-first approved heroes. */
@media (min-width:761px) and (max-width:1150px) {
  #main .dec-ops-v4-workflow-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
  #main .dec-ops-v4-workflow-arrow {display:none;}
}
@media (max-width:1100px) {
  #main .dec-v3-about-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  #main .dec-v3-about-proof {grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;}
  #main .dec-v3-operations-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #main .dec-v3-equipment-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  #main .dec-ops-v5-standard-card {min-height:150px;}
}
@media (max-width:760px) {
  #main .dec-v3-section,#main .dec-v3-about {padding-block:clamp(34px,6vw,48px);}
  #main .dec-v3-heading-row {gap:13px;align-items:flex-start;}
  #main .dec-v3-heading-row h2 {font-size:clamp(24px,5.4vw,32px);}
  #main .dec-v3-about-grid {grid-template-columns:1fr;gap:16px;}
  #main .dec-v3-about-image {min-height:0;aspect-ratio:1.7;}
  #main .dec-v3-about-proof {grid-column:auto;}
  #main .dec-v3-about h2 {font-size:clamp(25px,6vw,34px);}
  #main .dec-v3-about-copy p {font-size:14px;}
  #main .dec-v3-operation-content {padding:16px;}
  #main .dec-v3-equipment-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #main .dec-v3-equipment-label {min-height:56px;padding:10px;font-size:12px;}
  #main .dec-v3-operation-title h3 {font-size:15px;}
  #main .dec-svc-card-content {padding:16px;}
  #main .dec-svc-why-item {min-width:0;}
  #main .dec-svc-why-copy {font-size:12px;}
  #main :is(.dec-ops-v5-standard-icon,.dec-ops-v5-goal-icon,.dec-ops-v6-value-icon) {width:42px;height:42px;}
  #main .dec-ops-v5-standard-card {min-height:140px;padding:16px 11px;}
  #main .dec-ops-v6-value-card {min-height:90px;padding:13px;}
  #main .dec-svc-catalogue {padding-block:35px;}
  .dec-ref-header :is(.dec-ref-header-search,.dec-ref-account,.dec-ref-menu-button){min-width:44px;width:44px;height:44px;}
  #main .dec-v3-impact-content {padding-block:30px;}
}
@media (max-width:440px) {
 #main .dec-v3-operations-grid {grid-template-columns:1fr;}
 #main .dec-v3-about-proof {grid-template-columns:1fr;}
 #main .dec-v3-about-proof > div {min-height:45px;}
 #main .dec-v3-operation-image {aspect-ratio:2.1;}
 #main .dec-v3-equipment-grid {gap:10px;}
 #main .dec-v3-equipment-image {aspect-ratio:1.2;}
 #main .dec-svc-why-grid {gap:12px;}
 #main .dec-svc-why-item {padding:14px;}
 #main .dec-svc-why-icon {width:39px;min-width:39px;height:39px;}
 #main .dec-svc-steps {grid-template-columns:1fr;}
 #main .dec-ops-v5-standards-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 #main .dec-ops-v5-standard-icon {width:46px;height:46px;}
 #main .dec-ref-button,#main .dec-svc-btn {max-width:100%;}
}
@media (hover:none) {
  #main :is(.dec-v3-operation-card,.dec-v3-equipment-card,.dec-svc-card,.decbd-product-card):hover {transform:none;}
  #main .dec-v3-equipment-label svg {opacity:1;}
}
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;}
 :is(#main,.dec-ref-header,.dec-ref-footer) :is(.dec-ref-button,.dec-svc-btn):hover,
 #main :is(.dec-v3-operation-card,.dec-v3-equipment-card,.dec-svc-card,.dec-svc-step,.dec-svc-why-item,.dec-ops-v5-standard-card) {transform:none!important;}
}

/* DEC v32: homepage features product records, not category links.
   Intrinsic columns keep individual product cards usable from phones to ultrawide screens. */
#main .dec-v3-featured-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
  align-items: stretch;
  gap: clamp(13px, 1.5vw, 21px);
}
#main .dec-v3-featured-products-grid > .decbd-product-card { min-width: 0; height: 100%; }
#main .dec-v3-featured-products-grid .decbd-product-image { aspect-ratio: 1.32 !important; }
#main .dec-v3-featured-products-grid .decbd-product-body h3 { overflow-wrap: anywhere; }