/* Shared detail panels, item sources, chest drops, pagination, and empty states. */

.detail-title {
    display: flex;
    align-items: center;
    gap: 18px;
}

.detail-icon {
    border: 1px solid #b49663;
    border-radius: 8px;
    background: #fff8df;
    box-shadow: var(--shadow);
}

.item-detail-head {
    display: grid;
    justify-content: stretch;
    justify-items: start;
}

.item-detail-head .detail-title {
    justify-content: flex-start;
}

.detail-panel.is-wide {
    grid-column: 1 / -1;
}

.item-shop-highlight-grid {
    margin-top: 12px;
}

.item-shop-highlight {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    overflow: hidden;
    border: 1px solid #7b4a12;
    background:
        linear-gradient(90deg, rgba(92, 39, 116, 0.9), rgba(121, 73, 16, 0.82)),
        linear-gradient(180deg, #fff4c2, #d6a94b);
    box-shadow:
        0 5px 14px rgba(45, 18, 5, 0.34),
        inset 0 0 0 1px rgba(255, 244, 190, 0.42);
    color: #fff8df;
}

.item-shop-highlight::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.18), transparent 34%, rgba(255, 225, 137, 0.16));
}

.item-shop-highlight-badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.item-shop-highlight-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 2px;
    min-width: 0;
}

.item-shop-highlight-price,
.item-shop-highlight p {
    margin: 0;
}

.item-shop-highlight-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    min-height: 30px;
    width: max-content;
    max-width: 100%;
    padding: 5px 12px;
    border: 1px solid rgba(255, 248, 223, 0.5);
    border-radius: 999px;
    font-size: clamp(0.98rem, 1.25vw, 1.12rem);
    font-weight: 900;
    line-height: 1;
}

.item-shop-highlight p {
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.35;
}

.craftable-at-panel .crafting-recipe-table-wrap {
    margin-top: 14px;
}

.wiki-page-items .crafting-profile .craftable-at-panel.crafting-recipes-panel {
    padding: 10px 12px 12px;
    border: 2px solid #9e332d;
    background: rgba(255, 255, 232, 0.54);
}

.wiki-page-items .crafting-profile .craftable-at-panel.crafting-recipes-panel h2 {
    margin-bottom: 0;
}

.wiki-page-items .crafting-profile .craftable-at-panel .crafting-recipe-table-wrap--item-detail {
    margin-top: 0;
}

.item-attribute-title {
    min-height: 46px;
}

.item-attribute-body {
    padding: 12px;
}

.item-attribute-table {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(73, 51, 31, 0.82);
    border-radius: 8px;
    background: rgba(16, 10, 6, 0.1);
}

.item-attribute-head,
.item-attribute-row {
    display: grid;
    grid-template-columns: minmax(170px, 1.15fr) minmax(0, 1fr);
}

.item-attribute-head {
    min-height: 36px;
    background: linear-gradient(180deg, #2b1f15, #100b08);
    color: #fff8df;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0;
    text-shadow: 1px 1px 2px #000;
}

.item-attribute-head span,
.item-attribute-row span {
    min-width: 0;
}

.item-attribute-head span {
    display: grid;
    align-items: center;
    padding: 8px 12px;
    border-left: 1px solid rgba(255, 248, 223, 0.24);
}

.item-attribute-head span:first-child {
    border-left: 0;
}

.item-attribute-row {
    min-height: 42px;
    border-top: 1px solid rgba(73, 51, 31, 0.6);
    background: rgba(255, 248, 223, 0.5);
}

.item-attribute-row:nth-child(odd) {
    background: rgba(245, 240, 220, 0.66);
}

.item-attribute-name,
.item-attribute-values {
    display: flex;
    align-items: center;
    padding: 8px 12px;
}

.item-attribute-name {
    color: #2f1809;
    font-size: 0.86rem;
    font-weight: 850;
    line-height: 1.2;
}

.item-attribute-values {
    flex-wrap: wrap;
    gap: 6px;
    border-left: 1px solid rgba(73, 51, 31, 0.48);
}

.item-attribute-value {
    color: #8a6015;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.88rem;
    font-weight: 900;
    line-height: 1.2;
}

.item-attribute-arrow {
    color: #8f6a47;
    font-size: 0.8rem;
    font-weight: 900;
}

.item-shop-availability .item-shop-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    align-items: stretch;
    max-height: 360px;
    overflow-y: auto;
    gap: 8px;
    margin-top: 12px;
    padding-right: 4px;
    scrollbar-gutter: stable;
}

.item-shop-availability .item-shop-card {
    display: grid;
    align-content: start;
    min-width: 0;
    gap: 9px;
    padding: 9px;
    border: 1px solid rgba(104, 32, 22, 0.52);
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.item-shop-availability .item-shop-head {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    gap: 8px;
    text-decoration: none;
}

.item-shop-availability .item-shop-head:hover,
.item-shop-availability .item-shop-head:focus-visible {
    color: #88283a;
    text-decoration: none;
}

.item-shop-availability .item-shop-head img {
    border: 1px solid var(--line);
    border-radius: 7px;
    background: #fff8df;
}

.item-shop-availability .item-shop-head img[src*="/mob_icon.php"] {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.item-shop-availability .item-shop-head strong,
.item-shop-availability .item-shop-head small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-shop-availability .item-shop-head strong {
    color: inherit;
    font-size: 0.86rem;
    line-height: 1.15;
}

.item-shop-availability .item-shop-head small {
    margin-top: 2px;
    font-size: 0.72rem;
    font-weight: 800;
}

.item-source-chest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    max-height: 360px;
    overflow-y: auto;
    gap: 8px;
    margin-top: 12px;
    padding-right: 4px;
    scrollbar-gutter: stable;
}

.item-source-chest-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    min-height: 50px;
    gap: 8px;
    padding: 7px 9px;
    border: 1px solid rgba(104, 32, 22, 0.52);
    text-decoration: none;
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.item-source-chest-card:hover,
.item-source-chest-card:focus-visible {
    color: #990000;
    text-decoration: none;
    transform: translateY(-1px);
}

.item-source-chest-card span {
    display: block;
    min-width: 0;
}

.item-source-chest-card strong,
.item-source-chest-card small,
.item-source-chest-card em {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-source-chest-card strong {
    font-weight: 900;
    line-height: 1.15;
}

.item-source-chest-card small,
.item-source-chest-card em {
    font-size: 0.74rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.25;
}

.item-source-chest-card em {
    opacity: 0.88;
}

.item-mission-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    max-height: 420px;
    overflow-y: auto;
    gap: 8px;
    margin-top: 12px;
    padding-right: 4px;
    scrollbar-gutter: stable;
}

.item-mission-card {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(104, 32, 22, 0.52);
}

.item-mission-head {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.item-mission-head span,
.item-mission-head strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-mission-head strong {
    color: #2f1809;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.15;
}

.item-mission-name-list {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.item-mission-name-list span {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #5a2e13;
    font-size: 0.82rem;
    font-weight: 850;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-mission-rewards {
    display: grid;
    gap: 7px;
}

.item-mission-reward {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    gap: 8px;
    color: #88283a;
    text-decoration: none;
}

.item-mission-reward:hover,
.item-mission-reward:focus-visible {
    color: #990000;
    text-decoration: none;
}

.item-mission-reward span,
.item-mission-reward strong,
.item-mission-reward small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-mission-reward strong {
    font-size: 0.8rem;
    font-weight: 900;
    line-height: 1.15;
}

.item-mission-reward small {
    margin-top: 1px;
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.15;
}

.item-shop-availability .item-shop-grid {

    display: grid;
    align-items: start;
    justify-content: flex-start;
    justify-self: stretch;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.item-shop-availability .item-shop-grid .shop-stack {
    right: 0;
    bottom: 0;
    min-width: 16px;
    padding: 0 3px;
    font-size: 0.56rem;
}

.item-shop-availability .shop-tooltip {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
}

.effect-detail-panel h2 {
    margin: 0 0 12px;
}

.effect-detail-rows {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(93, 20, 11, 0.74);
}

.muted {
    color: var(--muted);
}

.item-drop-mob-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    max-height: 360px;
    overflow-y: auto;
    gap: 8px;
    margin-top: 12px;
    padding-right: 4px;
    scrollbar-gutter: stable;
}

.item-drop-mob-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    min-height: 46px;
    gap: 8px;
    padding: 7px 9px;
    border: 1px solid rgba(104, 32, 22, 0.52);
    text-decoration: none;
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.item-drop-mob-card:hover,
.item-drop-mob-card:focus-visible {
    color: #990000;
    text-decoration: none;
    transform: translateY(-1px);
}

.item-drop-mob-card img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.item-drop-mob-card span {
    display: block;
    min-width: 0;
}

.item-drop-mob-card strong,
.item-drop-mob-card small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-drop-mob-card strong {
    font-weight: 900;
    line-height: 1.15;
}

.item-drop-mob-card small {
    font-size: 0.78rem;
    font-weight: 800;
}

.item-ranking-reward-availability {
    align-self: start;
}

.item-ranking-reward-grid {
    grid-template-columns: 1fr;
    max-height: none;
    overflow: visible;
    gap: 10px;
    padding-right: 0;
}

.item-ranking-reward-card {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 74px;
    padding: 10px 12px;
    border-color: rgba(136, 40, 58, 0.58);
    background:
        linear-gradient(90deg, rgba(240, 217, 162, 0.9), rgba(255, 248, 223, 0.72)),
        rgba(255, 248, 223, 0.62);
}

.item-ranking-reward-card img {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(104, 32, 22, 0.35);
    border-radius: 8px;
    background: rgba(255, 248, 223, 0.72);
}

.item-ranking-reward-card strong,
.item-ranking-reward-card small {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.item-ranking-reward-card .item-ranking-reward-damage {
    color: #88283a;
    font-weight: 900;
}

.item-damage-ranking-reward-availability .item-ranking-reward-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    align-items: stretch;
}

.item-damage-ranking-reward-card {
    align-items: start;
}

.item-damage-ranking-reward-card img {
    margin-top: 4px;
}

.item-usage-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.item-usage-box {
    min-width: 0;
}

.item-usage-box h2 {
    margin-bottom: 12px;
}

.item-usage-list {
    display: grid;
    max-height: 300px;
    overflow-y: auto;
    gap: 8px;
    padding-right: 4px;
    scrollbar-gutter: stable;
}

.item-usage-link {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
}

.item-usage-link:hover,
.item-usage-link:focus-visible {
    color: #990000;
    text-decoration: none;
}

.item-usage-name,
.item-usage-copy strong {
    display: block;
    width: max-content;
    max-width: 100%;
    border-bottom: 1px solid currentColor;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
}

.item-usage-link:hover .item-usage-name,
.item-usage-link:focus-visible .item-usage-name,
.item-usage-link:hover .item-usage-copy strong,
.item-usage-link:focus-visible .item-usage-copy strong {
    border-bottom-color: transparent;
}

.item-usage-icon {
    transition: transform 140ms ease, filter 140ms ease;
}

.item-usage-link:hover .item-usage-icon,
.item-usage-link:focus-visible .item-usage-icon {
    filter: brightness(1.08) saturate(1.08);
    transform: translateY(-1px);
}

.item-usage-link span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-usage-copy {
    display: grid;
    gap: 1px;
}

.item-usage-copy strong,
.item-usage-copy small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-usage-copy small {
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.1;
}

.item-shop-usage-list {
    display: grid;
    max-height: 300px;
    overflow-y: auto;
    gap: 14px;
    padding-right: 4px;
    scrollbar-gutter: stable;
}

.item-shop-usage-group {
    display: grid;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(143, 106, 71, 0.32);
}

.item-shop-usage-group:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.item-shop-usage-title {
    color: #5d3210;
    font-size: 0.95rem;
    font-weight: 900;
    line-height: 1.15;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.item-shop-usage-title:hover,
.item-shop-usage-title:focus-visible {
    color: #5d140b;
    text-decoration: underline;
}

.item-shop-usage-items {
    display: grid;
    gap: 8px;
}

.chest-drop-grid {

    display: grid;
    align-items: start;
    margin-top: 14px;
}

.chest-drop-tile {
    position: relative;
    display: grid;
    place-items: center;
}

.chest-drop-stack {
    position: absolute;
    font-weight: 900;
    text-align: center;
}

.chest-drop-tile-special {
    padding: 2px;
    color: #5d3210;
    font-size: 0.52rem;
    font-weight: 900;
    line-height: 1.12;
    overflow-wrap: anywhere;
    text-align: center;
}

/* Map/mob detail skin for item detail pages. */

.wiki-page-items .item-detail-head {
    overflow: hidden;
    gap: 2px;
    padding: 0;
    border: 2px solid #7a1a13;
    border-radius: 18px 18px 0 0;
    background: #fbfade;
    box-shadow: 7px 9px 15px rgba(19, 13, 6, 0.36);
}

.wiki-page-items .item-detail-head .back-link {
    margin: 10px 18px;
}

.wiki-page-items .item-detail-head .detail-title {
    box-sizing: border-box;
    width: 100%;
    min-height: 86px;
    padding: 12px 18px;
    border-top: 2px dashed #9e332d;
    background: #2f1d1f;
    color: #f2e4b5;
}

.wiki-page-items .item-detail-head .detail-title > div {
    min-width: 0;
}

.wiki-page-items .item-detail-head .detail-icon {
    border-color: #f0d9a2;
    border-radius: 8px;
    background: #fff8cc;
    box-shadow: inset 0 0 8px rgba(112, 68, 27, 0.16);
}

.wiki-page-items .item-detail-head h1 {
    margin: 0 0 4px;
    color: inherit;
    font-size: clamp(1.25rem, 1.75vw, 1.72rem);
    line-height: 1.1;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}

.wiki-page-items .item-detail-head p {
    color: rgba(242, 228, 181, 0.86);
    font-weight: 800;
}

.wiki-page-items .detail-panel,
.wiki-page-items .armor-upgrade-standalone {
    border: 2px dashed #9e332d;
    border-radius: 0;
    background: rgba(255, 255, 232, 0.54);
    box-shadow: none;
}

.wiki-page-items .detail-panel {
    padding: 10px 14px 14px;
}

.wiki-page-items .detail-panel h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(260px, 80%);
    min-height: 44px;
    margin: 0 auto 10px;
    padding: 6px 14px;
    border: 1px solid #f0d9a2;
    border-radius: 12px;
    background: #2f1d1f;
    color: #f0d9a2;
    font-family: Tahoma, Arial, sans-serif;
    font-size: clamp(1rem, 1.1vw, 1.18rem);
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
    box-shadow: 2px 3px 7px rgba(20, 8, 2, 0.36);
}

.wiki-page-items .detail-panel.item-shop-highlight {
    grid-template-columns: auto minmax(0, 1fr);
    border: 2px dashed #9e332d;
    background: rgba(255, 255, 232, 0.54);
    color: #21170e;
    box-shadow: none;
}

.wiki-page-items .item-shop-highlight::after {
    content: none;
}

.wiki-page-items .item-shop-highlight-badge {
    border: 1px solid #f0d9a2;
    background: #2f1d1f;
    color: #f0d9a2;
    box-shadow: 2px 3px 7px rgba(20, 8, 2, 0.24);
}

.wiki-page-items .item-shop-highlight-price {
    border-color: rgba(100, 16, 13, 0.22);
    background: #fff8cc;
    color: #4b1713;
    text-shadow: none;
}

.wiki-page-items .item-shop-highlight p {
    color: #21170e;
}

.wiki-page-items .effect-detail-rows {
    border-color: #2f1d1f;
    border-radius: 0;
    background: rgba(47, 29, 31, 0.78);
    box-shadow: none;
}

.wiki-page-items .effect-detail-rows .effect-card-row {
    background: rgba(255, 249, 223, 0.68);
}

.wiki-page-items .item-shop-availability .item-shop-card,
.wiki-page-items .item-source-chest-card,
.wiki-page-items .item-mission-card,
.wiki-page-items .item-drop-mob-card {
    border-color: rgba(158, 51, 45, 0.24);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.wiki-page-items .item-shop-availability .item-shop-card:hover,
.wiki-page-items .item-shop-availability .item-shop-card:focus-within,
.wiki-page-items .item-source-chest-card:hover,
.wiki-page-items .item-source-chest-card:focus-visible,
.wiki-page-items .item-drop-mob-card:hover,
.wiki-page-items .item-drop-mob-card:focus-visible {
    border-color: rgba(158, 51, 45, 0.42);
    background: rgba(58, 40, 109, 0.09);
    box-shadow: none;
}

.wiki-page-items .item-shop-availability .item-shop-head,
.wiki-page-items .item-source-chest-card,
.wiki-page-items .item-drop-mob-card,
.wiki-page-items .item-usage-link {
    color: #21170e;
}

.wiki-page-items .item-shop-availability .item-shop-head small,
.wiki-page-items .item-source-chest-card small,
.wiki-page-items .item-source-chest-card em,
.wiki-page-items .item-drop-mob-card small,
.wiki-page-items .item-usage-copy small {
    color: rgba(33, 23, 14, 0.64);
}

.wiki-page-items .item-shop-availability .item-shop-grid,
.wiki-page-items .chest-drop-grid {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.wiki-page-items .item-shop-availability .item-shop-grid {
    --wiki-item-cell-size: 32px;

    grid-template-columns: repeat(auto-fill, 32px);
    gap: 2px;
    padding: 0;
}

.wiki-page-items .chest-drop-grid {
    --wiki-item-cell-size: 32px;

    grid-template-columns: repeat(auto-fill, 32px);
    gap: 0;
    padding: 0;
}

.wiki-page-items .item-shop-availability .item-shop-grid .shop-item-tile,
.wiki-page-items .chest-drop-tile {
    width: 32px;
    border: 0;
    border-radius: 3px;
    background: rgba(255, 248, 206, 0.85);
    box-shadow: inset 0 0 8px rgba(112, 68, 27, 0.16);
}

.wiki-page-items .chest-drop-stack {
    right: 0;
    bottom: 0;
    min-width: 16px;
    height: auto;
    padding: 0 3px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 999px;
    background: #64100d;
    color: #fff7d7;
    font-size: 0.56rem;
    line-height: 1.35;
}

.wiki-page-items .item-shop-usage-group {
    border-bottom-color: rgba(158, 51, 45, 0.24);
}

.wiki-page-items .armor-upgrade-standalone {
    padding: 10px 12px 12px;
}

.wiki-page-items .armor-upgrade-banner {
    min-height: 62px;
    border: 1px solid #f0d9a2;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    background: #2f1d1f;
}

.wiki-page-items .armor-upgrade-card {
    border-color: #2f1d1f;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.wiki-page-items .armor-upgrade-table thead th,
.wiki-page-items .armor-upgrade-table tbody th[scope="row"] {
    background: #2f1d1f;
    color: #f0d9a2;
}

.wiki-page-items .armor-upgrade-table tbody td {
    background: rgba(255, 249, 223, 0.68);
}

.wiki-page-items .armor-upgrade-table tbody tr:nth-child(even) td {
    background: rgba(235, 224, 187, 0.76);
}

@media (max-width: 620px) {
    .item-shop-highlight {
        grid-template-columns: 1fr;
        gap: 10px;
        text-align: center;
    }

    .item-shop-highlight-badge {
        justify-self: center;
    }

    .item-shop-highlight-price {
        justify-self: center;
    }
}