/* Shared navigation actions: collection links, service cards and product cards. */
body.ps-home-page {
 --ps-action-text: #173e82;
 --ps-action-bg: linear-gradient(135deg, #ffffffed, #edf3ffed);
 --ps-action-border: #b9cdeb;
 --ps-action-shadow: 0 4px 12px #123f8a09, inset 0 1px 0 #fff;
 --ps-action-arrow: linear-gradient(145deg, #2961c7, #173d86);
 --ps-action-focus: #245eea;
}
html[data-home-theme=dark] body.ps-home-page {
 --ps-action-text: #d7e6ff;
 --ps-action-bg: linear-gradient(135deg, #193354ba, #11233cde);
 --ps-action-border: #365780;
 --ps-action-shadow: 0 4px 16px #01081326, inset 0 1px 0 #a8caff14;
 --ps-action-arrow: linear-gradient(145deg, #346ac2, #214583);
 --ps-action-focus: #a3c8ff;
}
.ps-home-page .ps-action {
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 gap: 18px;
 min-height: 48px;
 max-width: 100%;
 padding-block: 5px;
 padding-inline: 18px 6px;
 border: 1px solid var(--ps-action-border);
 border-radius: 14px;
 background: var(--ps-action-bg);
 color: var(--ps-action-text) !important;
 box-shadow: var(--ps-action-shadow);
 font: 700 13px/1.8 var(--font-body);
 text-decoration: none;
 text-align: start;
 vertical-align: middle;
 -webkit-backdrop-filter: blur(12px);
 backdrop-filter: blur(12px);
 transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
 -webkit-tap-highlight-color: transparent;
}
.ps-action::after {
 content: '';
 position: absolute;
 inset: 0 16px auto;
 height: 1px;
 background: linear-gradient(90deg, transparent, #d7e9ff9c, transparent);
 pointer-events: none;
}
.ps-action__label { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.ps-action__icon {
 display: grid;
 place-items: center;
 width: 36px;
 height: 36px;
 flex: 0 0 36px;
 border: 1px solid #d9eaff20;
 border-radius: 10px;
 background: var(--ps-action-arrow);
 color: #fff;
 box-shadow: inset 0 1px 0 #d3e6ff30, 0 3px 8px #173d8614;
 transition: background .2s ease, border-color .2s ease;
}
.ps-action__icon svg { display: block; width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
.ps-home-page .ps-action--primary {
 background: linear-gradient(135deg, #245bc0, #163977);
 border-color: #3366b9;
 color: #fff !important;
 box-shadow: 0 6px 18px #103b8520, inset 0 1px 0 #d8e9ff24;
}
.ps-action--primary .ps-action__icon { background: #ffffff12; border-color: #c1dcff3d; box-shadow: inset 0 1px 0 #ffffff17; }
.ps-home-page .ps-action--card { width: 100%; justify-content: space-between; }
.ps-home-page .ps-action--compact { min-height: 44px; gap: 12px; padding-block: 5px; padding-inline-start: 14px; font-size: 12px; }
.ps-action--compact .ps-action__icon { width: 32px; height: 32px; flex-basis: 32px; border-radius: 9px; }
.ps-article-card__body > .ps-action { margin-top: auto; align-self: flex-start; }
.ps-action:dir(ltr) .ps-action__icon svg { transform: rotate(180deg); }
.ps-action--previous .ps-action__icon svg { rotate: 180deg; }
.ps-home-page .ps-action.pc-mobile { display: none; }
@media (max-width:900px) { .ps-home-page .ps-action.pc-mobile { display: inline-flex; } }
.ps-store-bar { flex-wrap: wrap; }
@media (hover:hover) {
 .ps-home-page .ps-action:hover {
  background: linear-gradient(135deg, #2456a9, #17376b);
  border-color: #4c7fc7;
  color: #fff !important;
  box-shadow: 0 8px 20px #133f8a1f, inset 0 1px 0 #d8e9ff29;
  text-decoration: none;
  transform: translateY(-2px);
 }
 .ps-action:hover .ps-action__icon { background: #ffffff14; border-color: #b8d9ff4d; }
 .ps-action:hover .ps-action__icon svg { transform: translateX(-3px); }
 .ps-action:dir(ltr):hover .ps-action__icon svg { transform: translateX(3px) rotate(180deg); }
}
.ps-home-page .ps-action:active { transform: translateY(1px); box-shadow: inset 0 2px 6px #061c4624; }
.ps-home-page .ps-action:focus-visible { outline: 3px solid var(--ps-action-focus); outline-offset: 4px; }
@media (max-width:767px) {
 .ps-home-page .ps-action { min-height: 44px; gap: 12px; padding-block: 5px; padding-inline-start: 14px; font-size: 12px; }
 .ps-action__icon { width: 32px; height: 32px; flex-basis: 32px; border-radius: 9px; }
 .ps-section-head:has(> .ps-action) { flex-wrap: wrap; align-items: center; gap: 12px; }
 .ps-section-head:has(> .ps-action) > div { flex: 1 1 160px; min-width: 0; }
 .ps-section-head > .ps-action { margin-inline-start: auto; }
 .ps-service-card__foot:has(.ps-action) { flex-wrap: wrap; gap: 12px; }
 .ps-hero__actions .ps-action { font-size: 12px; gap: 8px; }
 .ps-final__actions .ps-action { flex: 1 1 auto; }
}
@media (prefers-reduced-motion:reduce) {
 .ps-home-page .ps-action, .ps-action__icon, .ps-action__icon svg { transition: none; animation: none; }
 .ps-home-page .ps-action:is(:hover,:active) { transform: none; }
 .ps-action:is(:hover,:active) .ps-action__icon svg { transform: none; }
 .ps-action:dir(ltr):is(:hover,:active) .ps-action__icon svg { transform: rotate(180deg); }
}
@media (forced-colors:active) {
 .ps-home-page .ps-action, .ps-action__icon { background: Canvas; color: LinkText !important; border-color: ButtonText; box-shadow: none; backdrop-filter: none; }
}