/* 27 REGION 3.29.4 — approved concept 03, native links and inline SVG. */
.cs27-shop-navigation.cs27-shop-navigation--tiles {
  container: cs27-shop-nav / inline-size;
  width:100%; min-width:0; margin:0; box-sizing:border-box;
}
.s27-hero>.cs27-shop-navigation--tiles {padding:0 28px 20px}
.cs27-donation-page>.cs27-shop-navigation--tiles {margin:18px 0 24px}
.cs27-shop-navigation--tiles .cs27-shop-tabs {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:stretch; gap:10px; width:100%; max-width:100%; min-width:0;
  margin:0; padding:0; border:0; border-radius:0;
  background:transparent; box-shadow:none; overflow:visible;
}
body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a {
  position:relative; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:8px; min-width:0; min-height:108px; width:100%;
  margin:0; padding:15px 8px 11px; box-sizing:border-box;
  border:1px solid #394146; border-radius:15px;
  background:linear-gradient(145deg,#252b2f,#1e2427);
  color:#c4ccd2; font:600 13px/1.35 'Segoe UI',Roboto,Arial,sans-serif;
  text-align:center; text-decoration:none; white-space:normal;
  box-shadow:none; transform:none;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.cs27-shop-navigation--tiles .cs27-shop-tabs>a::before,
.cs27-shop-navigation--tiles .cs27-shop-tabs>a::after {content:none;display:none}
body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs .cs27-shop-tile-icon {
  display:block; width:32px; height:32px; flex:0 0 32px; margin:0;
  color:#a8b2ba; fill:none; pointer-events:none;
}
.cs27-shop-navigation--tiles .cs27-shop-tile-label {
  display:flex; align-items:center; justify-content:center;
  min-width:0; min-height:2.7em; max-width:100%;
  color:inherit; font:inherit; white-space:normal; overflow-wrap:break-word;
}
body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a[aria-current="page"] {
  color:#fff3ee; border-color:#ff754c;
  background:linear-gradient(145deg,#3c2c27,#302624);
}
body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a[aria-current="page"] .cs27-shop-tile-icon {color:#ff845e}
@media(hover:hover) {
  body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a:hover {
    color:#fff; border-color:#778189; background:linear-gradient(145deg,#2c3337,#252c30);
    transform:none; box-shadow:none;
  }
  body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a:hover .cs27-shop-tile-icon {color:#e1e6e9}
  body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a[aria-current="page"]:hover {border-color:#ff9c7d;background:linear-gradient(145deg,#493229,#372923)}
  body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a[aria-current="page"]:hover .cs27-shop-tile-icon {color:#ff9c7d}
}
body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a:active {transform:none}
body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a:focus-visible {outline:2px solid #ffad8f!important;outline-offset:3px}
.cs27-shop-navigation--tiles .cs27-shop-nav-links {gap:14px;margin:14px 0 0;min-width:0}
.cs27-shop-navigation--tiles .cs27-shop-nav-divider {height:1px;flex:1 1 30px;background:#343c41;min-width:15px}
body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-nav-links>a {color:#aab4bc;font-size:11px;line-height:1.5;padding:3px 0}
body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-nav-links>a:hover,
body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-nav-links>a[aria-current="page"] {color:#ffad8f}
/* Viewport fallback; container rules also cover the narrower donation column. */
@media(max-width:991px) {.cs27-shop-navigation--tiles .cs27-shop-tabs {grid-template-columns:repeat(3,minmax(0,1fr))}}
@container cs27-shop-nav (max-width:850px) {.cs27-shop-navigation--tiles .cs27-shop-tabs {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px) {
  .s27-hero>.cs27-shop-navigation--tiles {padding:0 18px 18px}
  .cs27-shop-navigation--tiles .cs27-shop-tabs {gap:8px}
  body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a {min-height:92px;padding:12px 6px 9px;font-size:12px;border-radius:12px;gap:5px}
  body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs .cs27-shop-tile-icon {width:28px;height:28px;flex-basis:28px}
}
@container cs27-shop-nav (max-width:380px) {.cs27-shop-navigation--tiles .cs27-shop-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px) {
  .cs27-shop-navigation--tiles .cs27-shop-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs27-shop-navigation--tiles .cs27-shop-nav-links {gap:8px}
  .cs27-shop-navigation--tiles .cs27-shop-nav-divider {display:none}
}
@media(prefers-reduced-motion:reduce) {
  body[data-template="cs27Reg"] :is(#cs27-market.s27,.cs27-donation-page) .cs27-shop-navigation--tiles .cs27-shop-tabs>a {transition:none}
}