#tab-colors {
  color: #333;
}

#tab-colors h2 {
  font-size: 1.8rem;
  margin-bottom: 25px;
  color: #222;
}

#tab-colors form {
   max-width: 480px;
}

#tab-colors .form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}

#tab-colors label {
  flex: 1;
  font-weight: 500;
  font-size: 1rem;
  color: #444;
}

#tab-colors input[type="color"] {
  width: 65px;
  height: 36px;
  border: none;
  border-radius: var(--site-radius, 6px);
  padding: 0;
  cursor: pointer;
  background: none;
  outline: none;
  transition: box-shadow 0.15s;
}

#tab-colors .form-actions {
  text-align: center;
  margin-top: 30px;
}

#tab-colors button {
  font-size: 1rem;
  padding: 6px 22px;
}

#tab-installningar .settings-panel-switches,
[data-settings-panel="epost"] .email-panel-switches {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 0 0 26px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--element-border, rgba(0,0,0,0.14));
}

#tab-texter .text-category-switches {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 28px;
    margin: 0 0 26px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--element-border, rgba(0,0,0,0.14));
}

#tab-texter .text-language-buttons {
    margin-bottom: 18px;
}

#tab-installningar .settings-panel-switch,
#tab-texter .text-panel-switch,
[data-settings-panel="epost"] .email-panel-switch {
    appearance: none;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid rgba(0,0,0,0.22);
    border-radius: var(--button-radius, 6px);
    background: transparent;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.35;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
}

#tab-installningar .settings-panel-switch:not(.is-active):hover,
#tab-texter .text-panel-switch:not(.is-active):hover,
[data-settings-panel="epost"] .email-panel-switch:not(.is-active):hover {
    background: rgba(0,0,0,0.07);
    border-color: rgba(0,0,0,0.22);
    transform: translateY(-1px);
}

#tab-installningar .settings-panel-switch.is-active,
#tab-texter .text-panel-switch.is-active,
[data-settings-panel="epost"] .email-panel-switch.is-active {
    background: #333;
    border-color: #333;
    color: #fff;
}

#tab-installningar .button-group button:disabled {
    background: #d2d2d2 !important;
    color: #777 !important;
    cursor: not-allowed;
    opacity: 0.75;
    box-shadow: none;
}

#tab-installningar .button-group button:disabled:hover {
    background: #d2d2d2 !important;
}

.settings-publish-modal[hidden] {
    display: none;
}

.settings-publish-modal {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0,0,0,0.08);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    box-sizing: border-box;
    opacity: 1;
    transition: opacity 0.22s ease, background-color 0.22s ease;
}

.settings-publish-dialog {
    width: min(520px, 100%);
    max-height: min(78vh, 720px);
    padding: 22px;
    border: 1px solid var(--element-border, rgba(0,0,0,0.16));
    border-radius: var(--site-radius, 8px);
    background: var(--element-bg, #fff);
    color: var(--element-text, #222);
    box-shadow: 0 18px 44px rgba(0,0,0,0.28);
    overflow: auto;
    box-sizing: border-box;
}

.settings-publish-dialog h3 {
    margin: 0 0 10px;
    color: inherit;
}

.settings-publish-dialog p {
    margin: 0 0 14px;
    color: inherit;
}

.settings-publish-list {
    margin: 0 0 18px;
    padding-left: 20px;
    line-height: 1.45;
}

.settings-publish-list li + li {
    margin-top: 6px;
}

.settings-publish-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

[data-settings-panel="epost"] .email-settings-panel {
    display: none;
}

[data-settings-panel="epost"] .email-settings-panel.is-active {
    display: block;
}

[data-settings-panel="epost"] .email-template-settings.email-settings-panel {
    margin-top: 0;
}

[data-settings-panel="epost"] .message {
    margin-bottom: 18px;
}

[data-settings-panel="epost"] .email-settings-card {
    padding: 18px 20px 20px;
    border: 1px solid rgba(0,0,0,0.16);
    border-radius: var(--site-radius, 8px);
    box-sizing: border-box;
    margin-bottom: 4px;
}

[data-settings-panel="epost"] .email-settings-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    font-weight: 600;
    cursor: pointer;
}

[data-settings-panel="epost"] .email-settings-toggle input[type="checkbox"] {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    cursor: pointer;
}

[data-settings-panel="epost"] .email-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px 20px;
    margin-top: 14px;
}

[data-settings-panel="epost"] .email-settings-grid > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

[data-settings-panel="epost"] .email-settings-grid label {
    font-weight: 600;
    font-size: 0.88rem;
    color: #444;
}

[data-settings-panel="epost"] .email-settings-full {
    grid-column: 1 / -1;
}

[data-settings-panel="epost"] .email-settings-actions {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

[data-settings-panel="epost"] .email-settings-actions .button-update {
    width: 100%;
}

[data-settings-panel="epost"] .email-template-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 28px;
    align-items: start;
    margin-top: 10px;

    @media (max-width: 768px) {
        grid-template-columns: 1fr;
    }
}

[data-settings-panel="epost"] .email-preview-heading {
    margin: 0 0 4px;
    font-size: 1rem;
    font-weight: 600;
}

[data-settings-panel="epost"] .email-template-language {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

[data-settings-panel="epost"] .email-template-language h4 {
    margin: 0 0 6px;
}

[data-settings-panel="epost"] .email-template-language label {
    font-weight: 600;
    font-size: 0.88rem;
    color: #444;
    margin-top: 4px;
}

[data-settings-panel="epost"] .email-template-language input,
[data-settings-panel="epost"] .email-template-language textarea {
    width: 100%;
    box-sizing: border-box;
}

[data-settings-panel="epost"] .email-template-preview {
    padding: 14px 16px;
    border: 1px solid rgba(0,0,0,0.16);
    border-radius: var(--site-radius, 8px);
    background: #fafafa;
    font-size: 0.86rem;
    line-height: 1.5;
    box-sizing: border-box;
}

[data-settings-panel="epost"] .email-preview-subject {
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    color: #333;
}

[data-settings-panel="epost"] .email-preview-body {
    color: #333;
}

[data-settings-panel="epost"] .email-preview-body h4,
[data-settings-panel="epost"] .email-preview-body h5 {
    margin: 10px 0 4px;
}

[data-settings-panel="epost"] .email-preview-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 8px 0;
    font-size: 0.82rem;
}

[data-settings-panel="epost"] .email-preview-body th,
[data-settings-panel="epost"] .email-preview-body td {
    padding: 4px 6px;
    border: 1px solid rgba(0,0,0,0.14);
    text-align: left;
}

[data-settings-panel="epost"] .email-preview-body th {
    background: rgba(0,0,0,0.05);
    font-weight: 600;
}

[data-settings-panel="epost"] .email-preview-total {
    margin-top: 8px;
}

[data-settings-panel="epost"] .email-preview-separator {
    border-top: 1px solid rgba(0,0,0,0.12);
    margin: 10px 0;
}

[data-settings-panel="epost"] .email-preview-support {
    font-size: 0.82rem;
    color: #666;
}

#tab-installningar .settings-subpanel {
    display: none;
}

#tab-installningar .settings-subpanel.is-active {
    display: block;
    background: transparent !important;
    margin-left: auto;
    margin-right: auto;
}

#tab-installningar .settings-subpanel[data-settings-panel="typsnitt"].is-active,
#tab-installningar .settings-subpanel[data-settings-panel="tema"].is-active,
#tab-installningar .settings-subpanel[data-settings-panel="butik"].is-active,
#tab-installningar .settings-subpanel[data-settings-panel="texter"].is-active {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

#tab-installningar {
    --settings-panel-border-width: 1px;
    --settings-panel-border-color: var(--element-border, rgba(0,0,0,0.16));
    --settings-theme-panel-width: min(100%, 520px);
    background: transparent !important;
}

#tab-installningar .settings-section-title {
    margin: 28px 0 14px;
    font-size: 1.15rem;
    font-weight: 700;
    color: #333;
    text-align: center;
}

#tab-installningar .settings-section-title:first-of-type {
    margin-top: 0;
}

#tab-installningar .settings-subpanel > .settings-section-title:first-child {
    margin-top: 0;
}

#tab-installningar .settings-section-title--sub {
    margin-top: 0 !important;
    padding-top: 48px !important;
    font-size: 1.5rem !important;
}

#tab-installningar .media-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 320px));
    gap: 24px;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 28px;
}

#tab-installningar .media-settings-grid .form-row-upload {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 320px;
    min-height: 100%;
    margin-bottom: 0;
    padding: 14px 16px 16px;
    border: var(--settings-panel-border-width) solid var(--settings-panel-border-color);
    border-radius: var(--site-radius, 8px);
    box-sizing: border-box;
    line-height: 1.55;
}

#tab-installningar .media-settings-grid .custom-file {
    order: 20;
    margin-top: auto;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    overflow: visible;
}

#tab-installningar .media-settings-grid .current-image,
#tab-installningar .media-settings-grid .logo-preview,
#tab-installningar .media-settings-grid .favicon-preview,
#tab-installningar .media-settings-grid .presentation-preview,
#tab-installningar .media-settings-grid .watermark-preview {
    margin-bottom: 14px;
}

#tab-installningar .settings-checkbox-row {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 12px 0 14px;
    color: var(--element-text, #333);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.25;
}

#tab-installningar .settings-checkbox-row input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
}

#tab-installningar .media-admin-preview-img {
    display: block;
    width: 100%;
    height: 96px;
    object-fit: contain;
    object-position: left center;
    margin-top: 8px;
}

#tab-installningar .logo-admin-preview-img {
    max-width: 180px;
}

#tab-installningar .logo-compact-admin-preview-img {
    max-width: 120px;
}

#tab-installningar .favicon-admin-preview-img {
    width: 64px;
    max-width: 64px;
}

#tab-installningar .presentation-admin-preview-img {
    max-width: 220px;
}

#tab-installningar .watermark-bg-box {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #c0c0c0;
    border-radius: 4px;
    min-height: 48px;
    margin-top: 8px;
}

#tab-installningar .upload-help-text {
    display: inline-block;
    color: color-mix(in srgb, var(--element-text, #555) 72%, transparent);
    font-size: 0.85rem;
    line-height: 1.3;
    white-space: nowrap;
}

#tab-installningar .font-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, max-content));
    gap: 24px;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 24px;
}

#tab-installningar .font-setting {
    width: 100%;
    max-width: 460px;
    margin-bottom: 0;
    padding: 14px 16px 16px;
    background: var(--element-panel-bg, #f3f3f3);
    border: var(--settings-panel-border-width) solid var(--settings-panel-border-color);
    border-radius: var(--site-radius, 8px);
    box-sizing: border-box;
}

#tab-installningar .font-setting label {
    margin-bottom: 6px;
}

#tab-installningar .font-setting select {
    display: block;
    width: 320px;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 6px;
    background-color: #fff;
}

#tab-installningar .delivery-time-number {
    width: 42px;
    max-width: 42px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
}

#tab-installningar .delivery-time-unit {
    width: 76px;
    max-width: 76px;
    background-color: #fff;
}

#tab-installningar .delivery-time-region-row {
    display: grid;
    grid-template-columns: minmax(92px, auto) auto auto auto auto auto;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

#tab-installningar .delivery-time-region-row label {
    margin: 0;
    font-weight: 600;
}

@media (max-width: 768px) {
    #tab-installningar .delivery-time-region-row {
        grid-template-columns: auto auto auto auto auto;
        grid-template-rows: auto auto;
        width: 100%;
    }
    #tab-installningar .delivery-time-region-row label {
        grid-column: 1 / -1;
    }
}

#tab-installningar .theme-radius-panel {
    width: var(--settings-theme-panel-width);
    max-width: 100%;
    margin: 0 auto 26px;
    padding: 10px;
    border: var(--settings-panel-border-width) solid var(--settings-panel-border-color);
    border-radius: var(--site-radius, 8px);
    box-sizing: border-box;
}

#tab-installningar .theme-radius-panel > .settings-section-title,
#tab-installningar .gallery-card-preview-shell > .settings-section-title {
    margin: 0 0 8px;
}

#tab-installningar .button-radius-setting,
#tab-installningar .layout-radius-setting,
#tab-installningar .button-theme-setting,
#tab-installningar .font-setting,
#tab-installningar .gallery-card-style-setting,
#tab-installningar .gallery-card-font-setting,
#tab-installningar .gallery-card-radius-setting {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    align-items: center;
    width: 100%;
    max-width: 100%;
    gap: 8px;
    margin: 0 0 10px;
    padding: 11px 11px;
    background: var(--element-panel-bg, #f3f3f3);
    color: var(--element-text, #222);
    border-radius: var(--site-radius, 8px);
    box-sizing: border-box;
}

#tab-installningar .layout-radius-setting,
#tab-installningar .gallery-card-radius-setting {
    margin-bottom: 10px;
}

#tab-installningar .theme-radius-panel .layout-radius-setting {
    margin-bottom: 0;
}

#tab-installningar .theme-radius-panel .button-radius-setting,
#tab-installningar .theme-radius-panel .layout-radius-setting,
#tab-installningar .theme-radius-panel .font-setting {
    width: min(100%, 370px);
    margin-left: auto;
    margin-right: auto;
}

#tab-installningar .theme-radius-panel .settings-color-fields {
    width: min(100%, 370px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 11px;
}

#tab-installningar .button-radius-setting select,
#tab-installningar .layout-radius-setting select,
#tab-installningar .button-theme-setting select,
#tab-installningar .font-setting select,
#tab-installningar .gallery-card-style-setting select,
#tab-installningar .gallery-card-font-setting select,
#tab-installningar .gallery-card-radius-setting select {
    width: 100%;
    max-width: 100%;
    height: 30px;
    margin: 0;
    padding: 2px 6px;
    background-color: #fff;
    box-sizing: border-box;
}

#tab-installningar .gallery-card-style-setting,
#tab-installningar .gallery-card-font-setting,
#tab-installningar .gallery-card-radius-setting,
#tab-installningar .gallery-card-price-setting,
#tab-installningar .gallery-card-sold-setting,
#tab-installningar .gallery-card-views-setting,
#tab-installningar .gallery-card-likes-setting {
    width: min(100%, 370px);
    margin: 0 auto 14px;
}

#tab-installningar .gallery-card-style-setting,
#tab-installningar .gallery-card-font-setting,
#tab-installningar .gallery-card-radius-setting {
    margin: 0 0 10px;
}

#tab-installningar .button-radius-setting label,
#tab-installningar .layout-radius-setting label,
#tab-installningar .button-theme-setting label,
#tab-installningar .font-setting label,
#tab-installningar .gallery-card-style-setting label,
#tab-installningar .gallery-card-font-setting label,
#tab-installningar .gallery-card-radius-setting label {
    margin: 0;
    color: var(--element-text, #222);
}

#tab-installningar .button-radius-setting label,
#tab-installningar .layout-radius-setting label,
#tab-installningar .font-setting label,
#tab-installningar .gallery-card-style-setting label,
#tab-installningar .gallery-card-font-setting label,
#tab-installningar .gallery-card-radius-setting label {
    text-align: left;
}

#tab-installningar .gallery-card-price-setting label,
#tab-installningar .gallery-card-sold-setting label,
#tab-installningar .gallery-card-views-setting label,
#tab-installningar .gallery-card-likes-setting label {
    font-weight: 500;
}

#tab-installningar .gallery-card-preview-shell {
    width: var(--settings-theme-panel-width);
    max-width: 100%;
    margin: 0 auto 26px;
    padding: 10px;
    border: var(--settings-panel-border-width) solid var(--settings-panel-border-color);
    border-radius: var(--site-radius, 8px);
    box-sizing: border-box;
    overflow: visible;
}

#tab-installningar .gallery-card-preview {
    --card-w: 220px;
    --card-h: 170px;

    width: 100%;
    max-width: 100%;
    padding: 24px 18px 42px;
    overflow: visible;
    box-sizing: border-box;

    background: var(--page-bg);
    border-radius: var(--site-radius, 8px);

    display: flex;
    justify-content: center;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-card,
#tab-installningar .gallery-card-preview.gallery-card-style-original .nf-card,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-card,
.admin-gallery-card-preview.gallery-card-style-original .nf-card {
    box-shadow: var(--gallery-card-preview-shadow, var(--gallery-card-shadow));
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic .nf-thumb,
.admin-gallery-card-preview.gallery-card-style-classic .nf-thumb {
    box-shadow: var(--gallery-card-preview-shadow, var(--gallery-card-shadow));
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-views-badge,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-views-badge {
    background: var(--gallery-badge-bg);
    color: var(--element-text);
    box-shadow: var(--gallery-card-shadow);
    backdrop-filter: none;
}

#tab-installningar .gallery-card-preview .nf-card {
    width: var(--card-w);
    max-width: 100%;
    flex: 0 0 var(--card-w);
    pointer-events: none;
}

#tab-installningar .gallery-card-preview .nf-bottom,
#tab-installningar .gallery-card-preview .nf-bottom-price,
#tab-installningar .gallery-card-preview .nf-views-badge,
#tab-installningar .gallery-card-preview .nf-like-toggle {
    display: none;
}

.admin-gallery-card-preview .nf-views-badge,
.admin-gallery-card-preview .nf-like-toggle {
    display: none;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-price .nf-bottom-price {
    display: block;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-sold .nf-bottom {
    display: flex;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-views .nf-views-badge {
    display: inline-flex;
}

.admin-gallery-card-preview.gallery-preview-show-views .nf-views-badge {
    display: inline-flex;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-likes .nf-like-toggle {
    display: inline-flex;
}

.admin-gallery-card-preview.gallery-preview-show-likes .nf-like-toggle {
    display: inline-flex;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus,
#tab-installningar .gallery-card-preview.gallery-card-style-original,
.admin-gallery-card-preview.gallery-card-style-bildfokus,
.admin-gallery-card-preview.gallery-card-style-original {
    padding-top: 44px;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-sold.gallery-preview-show-price .nf-bottom-price {
    display: none;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom {
    justify-content: center;
    text-align: center;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom .nf-price {
    display: none;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-card {
    grid-template-areas:
        "thumb thumb"
        "title sold";
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-title {
    align-self: center;
    min-width: 0;
    padding: 11px 8px 14px 14px;
    text-align: left;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom {
    align-self: center;
    grid-area: sold;
    justify-content: flex-end;
    padding: 11px 14px 14px 8px;
    text-align: right;
    white-space: nowrap;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-sold {
    margin: 0;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "thumb"
        "title";
    grid-template-columns: 1fr;
    grid-template-rows: var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-title {
    align-self: center;
    padding: 11px 14px 14px;
    text-align: center;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "price"
        "views";
    grid-template-rows: auto var(--card-h) auto auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "views";
    grid-template-rows: auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "price";
    grid-template-rows: auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "price";
    grid-template-rows: auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-bottom-price,
#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-views-badge,
#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-bottom,
#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-views-badge {
    grid-area: price;
    align-self: start;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-bottom-price {
    justify-self: stretch;
    justify-content: flex-end;
    text-align: right;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-views-badge {
    justify-self: start;
    margin: 10px 0 0 8px;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-bottom {
    justify-self: stretch;
    justify-content: flex-end;
    text-align: right;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-views-badge {
    justify-self: start;
    margin: 10px 0 0 8px;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price.gallery-preview-show-sold .nf-views-badge {
    justify-self: center;
    margin: 6px auto 0;
}

#tab-installningar .gallery-card-preview .nf-card:hover {
    transform: none;
}

#tab-installningar .gallery-card-preview .nf-thumb img {
    max-height: none;
}

#tab-installningar .gallery-card-preview .nf-thumb {
    position: relative;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom {
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    box-sizing: border-box;
    width: fit-content;
    max-width: calc(100% - 20px);
    margin: 0;
    padding: 6px 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: #333;
    box-shadow: 0 4px 12px rgba(0,0,0,0.16);
    white-space: nowrap;
    text-overflow: ellipsis;
    justify-content: center;
    text-align: center;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom .nf-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom .nf-price {
    display: none;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom .nf-sold,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom .nf-sold {
    display: inline-block;
    width: auto;
    margin: 0;
    color: #555;
    font-size: 0.86rem;
    text-align: center;
}

#tab-installningar .settings-color-panel {
    width: var(--settings-theme-panel-width);
    max-width: 100%;
    margin: 6px auto 26px;
    padding: 10px;
    border: var(--settings-panel-border-width) solid var(--settings-panel-border-color);
    border-radius: var(--site-radius, 8px);
    box-sizing: border-box;
}

#tab-installningar .shop-settings-panel {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 18px;
    padding: 14px 16px;
    border: var(--settings-panel-border-width) solid var(--settings-panel-border-color);
    border-radius: var(--site-radius, 8px);
    box-sizing: border-box;
}

#tab-installningar .shop-settings-panel label {
    margin-top: 0;
}

#tab-installningar .shop-settings-panel input,
#tab-installningar .shop-settings-panel select {
    background-color: #fff;
}

#tab-installningar .shipping-zone-panel {
    display: grid;
    gap: 10px;
}

#tab-installningar .shop-settings-panel > .settings-section-title {
    margin: 0 0 10px;
}

#tab-installningar .shipping-zone-row {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    margin: 0;
}

#tab-installningar .shipping-zone-row label {
    margin: 0;
}

#tab-installningar .shipping-cost-input {
    width: 100px;
    max-width: 100px;
}

@media (max-width: 768px) {
    #tab-installningar .shipping-cost-input {
        width: 60px;
        max-width: 60px;
    }
    #tab-installningar .size-extra-unit-word {
        display: none;
    }
}

#tab-installningar .size-settings-grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
}


#tab-installningar .size-settings-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

#tab-installningar .size-row-label {
    width: 90px;
    flex: 0 0 90px;
    margin: 0;
    font-weight: 600;
    white-space: nowrap;
}

@media (max-width: 768px) {
    #tab-installningar .size-row-label-word {
        display: none;
    }
    #tab-installningar .size-row-label {
        width: auto;
        flex: 0 0 auto;
    }
}

#tab-installningar .size-label-input {
    width: 80px;
    flex: 0 0 80px;
    background-color: #fff;
}

#tab-installningar .size-label-input:invalid,
#tab-installningar .size-label-input.size-label-invalid {
    border-color: #c0392b;
    background-color: #fff8f8;
    outline: none;
}

#tab-installningar .size-label-input:invalid:focus,
#tab-installningar .size-label-input.size-label-invalid:focus {
    box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.25);
}

#tab-installningar .size-label-unit {
    width: 24px;
    flex: 0 0 24px;
    font-size: 0.9rem;
}

#tab-installningar .size-extra-sep {
}

#tab-installningar .size-extra-base {
    font-size: 0.85rem;
    font-style: italic;
}

#tab-installningar .settings-hint {
    margin: 10px 0 0;
    font-size: 0.85rem;
}

#tab-installningar .size-label-error {
    margin: -2px 0 4px 94px;
    font-size: 0.8rem;
    color: #c0392b;
}

@media (min-width: 769px) {
    #tab-installningar .settings-subpanel.is-active {
        display: inline-grid;
        grid-auto-rows: auto;
        align-items: stretch;
        justify-content: center;
        width: max-content;
        max-width: 100%;
    }

    #tab-installningar .settings-subpanel[data-settings-panel="bilder"].is-active {
        display: block;
        width: 100%;
    }

    #tab-installningar .settings-subpanel[data-settings-panel="typsnitt"].is-active,
    #tab-installningar .settings-subpanel[data-settings-panel="tema"].is-active,
    #tab-installningar .settings-subpanel[data-settings-panel="butik"].is-active,
    #tab-installningar .settings-subpanel[data-settings-panel="texter"].is-active {
        display: flex;
        align-items: center;
        width: 100%;
    }

    #tab-installningar .theme-radius-panel,
    #tab-installningar .gallery-card-preview-shell,
    #tab-installningar .settings-color-panel,
    #tab-installningar .shop-settings-panel {
        width: auto;
        justify-self: stretch;
    }
}

#tab-installningar .settings-subsection-title {
    margin: 0 0 16px;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: #333;
}

#tab-installningar .settings-color-fields {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

#tab-installningar .settings-optional-note {
    margin: -4px 0 12px;
    font-size: 0.9rem;
    color: var(--element-text, #555);
    opacity: 0.78;
}

#tab-installningar .settings-color-fields .form-row {
    display: grid;
    grid-template-columns: 65px 90px minmax(150px, auto);
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

#tab-installningar .settings-color-fields .form-row:last-child {
    margin-bottom: 0;
}

#tab-installningar .settings-color-fields label {
    margin: 0;
    font-weight: 500;
    font-size: 1rem;
    color: #444;
}

#tab-installningar .settings-color-fields .color-text-auto-label,
#tab-installningar .settings-color-fields .banner-text-color-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    white-space: nowrap;
}

#tab-installningar .settings-color-fields .color-text-auto-label input,
#tab-installningar .settings-color-fields .banner-text-color-label input {
    width: auto;
    margin: 0;
}

#tab-installningar .settings-color-fields input[type="color"] {
    width: 65px;
    height: 36px;
    border: none;
    border-radius: var(--site-radius, 6px);
    padding: 0;
    cursor: pointer;
    background: none;
    outline: none;
}

#tab-installningar .settings-color-fields input[type="color"].is-auto,
#settingsForm .settings-color-fields input[type="color"].is-auto {
    opacity: 1;
    cursor: default;
}

.upload-preview-shell {
    width: fit-content;
    max-width: 100%;
    margin: 18px 0 24px;
    padding: 14px 18px 18px;
    border: 1px solid rgba(0,0,0,0.16);
    border-radius: var(--site-radius, 8px);
    box-sizing: border-box;
    overflow: visible;
}

#step1 > .custom-file {
    display: grid;
    align-items: center;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    width: 100%;
}

#step1 > .upload-file-control .upload-file-limit {
    justify-self: end;
    color: var(--theme-text-color);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
}

#step1 > .upload-file-control .upload-file-button {
    justify-self: center;
}

#step1 > .upload-file-control .upload-file-spacer {
    justify-self: start;
}

@media (max-width: 560px) {
    #step1 > .custom-file {
        grid-template-columns: 1fr;
    }

    #step1 > .upload-file-control .upload-file-spacer {
        display: none;
    }

    #step1 > .upload-file-control .upload-file-limit,
    #step1 > .upload-file-control .upload-file-button {
        justify-self: center;
    }
}

.upload-preview-shell > strong {
    display: block;
    margin-bottom: 10px;
}

.upload-preview-shell > br {
    display: none;
}

.admin-gallery-card-preview {
    --card-w: 220px;
    --card-h: 170px;
    width: var(--card-w);
    max-width: 100%;
    padding: 8px 0 24px;
    overflow: visible;
}

.admin-gallery-card-preview .nf-card {
    width: var(--card-w);
    max-width: 100%;
    flex: 0 0 var(--card-w);
    pointer-events: none;
}

.upload-gallery-card-preview .nf-title h3 {
    line-height: 1.25;
}

.admin-gallery-card-preview .nf-bottom,
.admin-gallery-card-preview .nf-bottom-price {
    display: none;
}

.admin-gallery-card-preview.gallery-preview-show-price .nf-bottom-price {
    display: block;
}

.admin-gallery-card-preview.gallery-preview-show-sold .nf-bottom {
    display: flex;
}

.admin-gallery-card-preview.gallery-preview-show-sold.gallery-preview-show-price .nf-bottom-price {
    display: none;
}

.admin-gallery-card-preview.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom {
    justify-content: center;
    text-align: center;
}

.admin-gallery-card-preview.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom .nf-price {
    display: none;
}

.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-card {
    grid-template-areas:
        "thumb thumb"
        "title sold";
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: var(--card-h) auto;
}

.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-title {
    align-self: center;
    min-width: 0;
    padding: 11px 8px 14px 14px;
    text-align: left;
}

.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom {
    align-self: center;
    grid-area: sold;
    justify-content: flex-end;
    padding: 11px 14px 14px 8px;
    text-align: right;
    white-space: nowrap;
}

.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-sold {
    margin: 0;
}

.admin-gallery-card-preview.gallery-card-style-original:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "thumb"
        "title";
    grid-template-columns: 1fr;
    grid-template-rows: var(--card-h) auto;
}

.admin-gallery-card-preview.gallery-card-style-original:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-title {
    align-self: center;
    padding: 11px 14px 14px;
    text-align: center;
}

.admin-gallery-card-preview.gallery-card-style-original:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom .nf-sold,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom .nf-sold {
    width: 100%;
    font-size: 0.78em;
    text-align: center;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "price"
        "views";
    grid-template-rows: auto var(--card-h) auto auto;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "views";
    grid-template-rows: auto var(--card-h) auto;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "price";
    grid-template-rows: auto var(--card-h) auto;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "price";
    grid-template-rows: auto var(--card-h) auto;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-bottom-price,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-views-badge,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-bottom,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-views-badge {
    grid-area: price;
    align-self: start;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-bottom-price {
    justify-self: stretch;
    justify-content: flex-end;
    text-align: right;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-views-badge {
    justify-self: start;
    margin: 10px 0 0 8px;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-bottom {
    justify-self: stretch;
    justify-content: flex-end;
    text-align: right;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-views-badge {
    justify-self: start;
    margin: 10px 0 0 8px;
}

.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views.gallery-preview-show-price.gallery-preview-show-sold .nf-views-badge {
    justify-self: center;
    margin: 6px auto 0;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes .nf-card,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes .nf-card {
    grid-template-areas:
        "thumb"
        "title"
        "price";
    grid-template-rows: var(--card-h) auto auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes:not(.gallery-preview-show-sold) .nf-card:has(.nf-bottom-price),
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes:not(.gallery-preview-show-sold) .nf-card:has(.nf-bottom-price),
#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-card,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-card {
    grid-template-areas:
        "thumb thumb"
        "title sold";
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "thumb"
        "title";
    grid-template-columns: 1fr;
    grid-template-rows: var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-card {
    grid-template-areas:
        "title likes"
        "thumb thumb"
        "price price";
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "title likes"
        "thumb thumb";
    grid-template-rows: auto var(--card-h);
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card {
    grid-template-areas:
        "title likes"
        "thumb thumb"
        "price price"
        "views views";
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto var(--card-h) auto auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "title likes"
        "thumb thumb"
        "views views";
    grid-template-rows: auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "title likes"
        "thumb thumb"
        "price price";
    grid-template-rows: auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-title,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-title {
    min-width: 0;
    padding-left: 8px;
    padding-right: 10px;
    text-align: left;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-title h3,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-like-toggle,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-like-toggle {
    justify-self: end;
    padding: 7px 8px 12px 0;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes) .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes) .nf-card {
    grid-template-areas:
        "title views"
        "thumb thumb"
        "price price";
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes):not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes):not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "title views"
        "thumb thumb";
    grid-template-rows: auto var(--card-h);
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card {
    grid-template-areas:
        "title views likes"
        "thumb thumb thumb"
        "price price price";
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-rows: auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "title views likes"
        "thumb thumb thumb";
    grid-template-rows: auto var(--card-h);
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views .nf-views-badge,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views .nf-views-badge {
    grid-area: views;
    justify-self: end;
    align-self: center;
    margin: 0;
    padding: 0 7px 9px 0;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes) .nf-title,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes) .nf-title {
    min-width: 0;
    padding: 0 0 9px 7px;
    text-align: left;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes) .nf-title h3,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes) .nf-title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card {
    grid-template-areas:
        "likes likes"
        "title views"
        "thumb thumb"
        "price price";
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card {
    grid-template-areas:
        "likes likes"
        "title views"
        "thumb thumb";
    grid-template-rows: auto auto var(--card-h);
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-like-toggle,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-like-toggle {
    justify-self: center;
    padding: 7px 0 12px;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-title,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-title {
    padding: 0 0 9px 7px;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-views-badge,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-views-badge {
    padding-right: 7px;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-card {
    grid-template-areas:
        "title views likes"
        "thumb thumb thumb"
        "price price price";
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-rows: auto var(--card-h) auto;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-like-toggle,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-like-toggle {
    justify-self: end;
    padding: 0 8px 9px 4px;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-views-badge,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price).gallery-preview-show-sold .nf-views-badge {
    padding-right: 4px;
}

.admin-gallery-card-preview .nf-card:hover {
    transform: none;
}

.admin-gallery-card-preview .nf-thumb {
    position: relative;
}

.admin-gallery-card-preview .nf-thumb img {
    max-height: none;
}

#tab-installningar .gallery-card-preview .nf-card-wrap,
.admin-gallery-card-preview .nf-card-wrap {
    display: grid;
    grid-template-rows: auto auto;
    gap: 10px;
    justify-items: center;
    width: var(--card-w);
}

#tab-installningar .gallery-card-preview .nf-card-wrap > .nf-card,
.admin-gallery-card-preview .nf-card-wrap > .nf-card {
    justify-self: stretch;
    width: 100%;
}

#tab-installningar .gallery-card-preview .nf-card-wrap > .nf-like-row,
.admin-gallery-card-preview .nf-card-wrap > .nf-like-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 4px;
}

#tab-installningar .gallery-card-preview .nf-card-wrap > .nf-like-toggle,
.admin-gallery-card-preview .nf-card-wrap > .nf-like-toggle {
    grid-area: auto !important;
    position: static !important;
    justify-self: center !important;
    align-self: center !important;
    place-self: center !important;
    margin: 0 !important;
    padding: 0 0 4px !important;
    transform: none !important;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-likes .nf-card-wrap > .nf-like-toggle,
.admin-gallery-card-preview.gallery-preview-show-likes .nf-card-wrap > .nf-like-toggle,
#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-card-wrap > .nf-like-toggle,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes .nf-card-wrap > .nf-like-toggle {
    justify-self: center !important;
    place-self: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-likes .nf-like-toggle,
.admin-gallery-card-preview.gallery-preview-show-likes .nf-like-toggle {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
    padding-top: 8px !important;
    padding-bottom: 12px !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-likes .nf-like-toggle,
#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes .nf-like-toggle,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-likes .nf-like-toggle,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes .nf-like-toggle {
    position: static !important;
    grid-area: likes !important;
    justify-self: center !important;
    align-self: center !important;
    transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 0 !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-likes .nf-card,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-likes .nf-card {
    grid-template-areas:
        "thumb"
        "likes" !important;
    grid-template-rows: var(--card-h) auto !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes .nf-card,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes .nf-card {
    grid-template-areas:
        "thumb"
        "title"
        "price"
        "likes" !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: var(--card-h) auto auto auto !important;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-likes .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-preview-show-likes .nf-card-wrap > .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "price" !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto var(--card-h) auto !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-likes .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-likes .nf-card-wrap > .nf-card {
    grid-template-areas: "thumb" !important;
    grid-template-rows: var(--card-h) !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes .nf-card-wrap > .nf-card {
    grid-template-areas:
        "thumb"
        "title"
        "price" !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: var(--card-h) auto auto !important;
}

#tab-installningar .gallery-card-preview.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card {
    grid-template-areas:
        "title"
        "thumb" !important;
    grid-template-rows: auto var(--card-h) !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card {
    grid-template-areas: "thumb" !important;
    grid-template-rows: var(--card-h) !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card {
    grid-template-areas:
        "thumb"
        "title" !important;
    grid-template-rows: var(--card-h) auto !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-card-wrap > .nf-card {
    grid-template-areas:
        "thumb thumb"
        "title sold" !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: var(--card-h) auto !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-card-wrap > .nf-card .nf-bottom,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-card-wrap > .nf-card .nf-bottom {
    grid-area: sold !important;
}

#tab-installningar .gallery-card-preview .nf-card-wrap > .nf-like-row,
.admin-gallery-card-preview .nf-card-wrap > .nf-like-row {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 4px !important;
    margin: 0 !important;
}

#tab-installningar .gallery-card-preview .nf-card-wrap > .nf-like-row > .nf-like-toggle,
.admin-gallery-card-preview .nf-card-wrap > .nf-like-row > .nf-like-toggle {
    grid-area: auto !important;
    position: static !important;
    justify-self: auto !important;
    align-self: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card-wrap > .nf-card {
    grid-template-areas:
        "title views"
        "thumb thumb"
        "price price" !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto var(--card-h) auto !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views:not(.gallery-preview-show-price):not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card {
    grid-template-areas:
        "title views"
        "thumb thumb" !important;
    grid-template-rows: auto var(--card-h) !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card-wrap > .nf-card .nf-views-badge,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes.gallery-preview-show-views .nf-card-wrap > .nf-card .nf-views-badge {
    grid-area: views !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 7px 9px 0 !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap {
    position: relative;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap > .nf-like-row,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap > .nf-like-row {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: auto !important;
    padding: 0 7px 0 4px !important;
    z-index: 5;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap > .nf-like-row > .nf-like-toggle,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap > .nf-like-row > .nf-like-toggle {
    padding: 0 !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap > .nf-card {
    grid-template-areas:
        "title"
        "thumb"
        "price" !important;
    grid-template-columns: 1fr !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap > .nf-card .nf-title,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-likes:not(.gallery-preview-show-views) .nf-card-wrap > .nf-card .nf-title {
    padding-right: 48px !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes).gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-title,
.admin-gallery-card-preview.gallery-card-style-classic.gallery-preview-show-views:not(.gallery-preview-show-likes).gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-classic .nf-card,
.admin-gallery-card-preview.gallery-card-style-classic .nf-card {
    margin-top: 12px;
}

#tab-installningar .font-inline-preview {
    color: #222;
    line-height: 1.4;
    margin-top: 6px;
}

#tab-installningar .font-preview-headings {
    font-size: 2rem;
    font-weight: 700;
}

#tab-installningar .font-preview-image {
    font-size: 1.2rem;
    font-weight: 700;
}

#tab-installningar .font-preview-base {
    font-size: 1rem;
}

#tab-installningar .font-preview-btn {
    appearance: none;
    border: none;
    border-radius: var(--button-radius, 6px);
    padding: 10px 14px;
    background: var(--admin-theme-bg, #222);
    color: var(--admin-theme-text, #fff);
    font-family: var(--font-buttons, inherit) !important;
    font-size: 0.95rem;
    cursor: default;
    display: block;
    margin: 12px auto 0;
    width: fit-content;
}

#tab-installningar .font-preview-btn.font-preview-btn-secondary {
    background: var(--button-secondary-bg, #c7c7c7);
    color: var(--button-secondary-text, #222);
}

#tab-installningar .font-preview-btn-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    margin-top: 12px;
}

html.button-theme-text #tab-installningar .font-preview-btn-group {
    gap: 28px;
}

#tab-installningar .font-preview-btn-group > .font-preview-btn {
    display: inline-block;
    margin: 0;
    width: auto;
}

#tab-installningar .settings-subpanel[data-settings-panel="tema"] .button-theme-setting input[type="color"] {
    width: 65px;
    height: 30px;
    border: none;
    border-radius: var(--site-radius, 6px);
    padding: 0;
    cursor: pointer;
    background: none;
    outline: none;
}

html.button-theme-text #tab-installningar .font-preview-btn {
    background: transparent !important;
    border: none !important;
    color: var(--admin-theme-bg, #222) !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.5em 0 !important;
    width: fit-content;
}

html.button-theme-text #tab-installningar .font-preview-btn.font-preview-btn-secondary {
    background: transparent !important;
    border: none !important;
    color: var(--button-secondary-bg, #c7c7c7) !important;
    text-transform: uppercase !important;
    font-weight: 600;
    padding: 0.5em 0 !important;
    width: fit-content;
}

@media (min-width: 769px) and (max-width: 1180px) {
  #tab-texter .text-category-switches {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: min(100%, 760px);
    gap: 8px;
    margin: 0 auto 18px;
  }

  #tab-texter .text-category-switches .text-panel-switch {
    width: 100%;
    min-height: 38px;
    padding: 7px 8px;
    font-size: clamp(0.76rem, 1.45vw, 0.9rem);
    white-space: normal;
    line-height: 1.15;
    text-wrap: balance;
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}

@media (max-width: 768px) {
  #tab-colors form {
    padding: 20px;
  }

  #tab-colors .form-row {
    flex-direction: column;
    align-items: flex-start;
  }

  #tab-colors label {
    margin-bottom: 8px;
  }

  #tab-installningar .settings-panel-switches,
  #tab-texter .text-switch-row,
  [data-settings-panel="epost"] .email-panel-switches {
    gap: 6px;
  }

  #tab-installningar .settings-panel-switch {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 6px;
    font-size: 0.88rem;
    white-space: nowrap;
  }

  #tab-texter .text-panel-switch,
  [data-settings-panel="epost"] .email-panel-switch {
    flex: 1 1 calc(50% - 6px);
    padding: 8px 9px;
    font-size: 0.88rem;
  }

  #tab-texter .text-category-switches {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: min(100%, 680px);
    gap: 6px;
    margin: 0 auto 18px;
    overflow: visible;
    padding-bottom: 0;
  }


  #tab-texter .text-category-switches .text-panel-switch {
    width: 100%;
    min-height: 38px;
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 7px 6px;
    font-size: clamp(0.64rem, 2.25vw, 0.82rem);
    white-space: normal;
    line-height: 1.15;
    text-wrap: balance;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  #tab-installningar .media-settings-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #tab-installningar .media-settings-grid .form-row-upload {
    max-width: none;
  }

  #tab-installningar .font-settings-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #tab-installningar .font-setting {
    width: auto;
    max-width: none;
    padding: 12px 12px 14px;
  }

  #tab-installningar .font-setting select {
    width: 100%;
    max-width: none;
  }

  #tab-installningar .font-preview-headings {
    font-size: 1.4rem;
  }

  #tab-installningar .font-preview-image {
    font-size: 1rem;
  }

  #tab-installningar .font-preview-base {
    font-size: 0.95rem;
  }

  #tab-installningar .font-preview-btn {
    width: 100%;
    font-size: 0.9rem;
    padding: 9px 12px;
  }

  #tab-installningar .theme-radius-panel,
  #tab-installningar .gallery-card-preview-shell,
  #tab-installningar .shop-settings-panel {
    width: 100%;
    padding: 10px;
  }

  #tab-installningar .button-radius-setting,
  #tab-installningar .layout-radius-setting,
  #tab-installningar .button-theme-setting,
  #tab-installningar .gallery-card-style-setting,
  #tab-installningar .gallery-card-font-setting,
  #tab-installningar .gallery-card-radius-setting {
    align-items: center;
    width: 100%;
    gap: 10px;
  }

  #tab-installningar .button-radius-setting select,
  #tab-installningar .layout-radius-setting select,
  #tab-installningar .button-theme-setting select,
  #tab-installningar .gallery-card-style-setting select,
  #tab-installningar .gallery-card-font-setting select,
  #tab-installningar .gallery-card-radius-setting select {
    width: 150px;
  }

  #tab-installningar .button-radius-setting label,
  #tab-installningar .layout-radius-setting label,
  #tab-installningar .button-theme-setting label,
  #tab-installningar .gallery-card-style-setting label,
  #tab-installningar .gallery-card-font-setting label,
  #tab-installningar .gallery-card-radius-setting label {
    flex: 0 0 104px;
    width: 104px;
    text-align: left;
  }

  #tab-installningar select {
    max-width: 100%;
    box-sizing: border-box;
  }

  #tab-installningar .settings-color-panel {
    width: 100%;
    padding: 10px;
  }

  #tab-installningar .settings-color-fields {
    width: 100%;
  }

  #tab-installningar .settings-color-fields .form-row {
    gap: 12px;
  }

  #tab-installningar .settings-color-fields label {
    flex: 1;
  }

  #tab-installningar .gallery-card-preview {
    --card-w: min(220px, 100%);
    --card-h: 160px;
    margin: 0 auto;
  }

  .upload-preview-shell {
    width: 100%;
    padding: 12px;
  }

  .admin-gallery-card-preview {
    --card-w: min(220px, 100%);
    --card-h: 160px;
    margin: 0 auto;
  }
}

@media (max-width: 480px) {
  #tab-texter .text-category-switches {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.about-photo-upload {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.about-photo-preview-wrap {
  position: relative;
  width: 100px;
  height: 100px;
}

.about-photo-preview {
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.14);
  display: block;
}

.about-photo-remove-btn {
  all: unset;
  position: absolute;
  top: -8px;
  right: -8px;
  color: var(--element-text, #111);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.12s ease;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.about-photo-remove-btn:hover,
.about-photo-remove-btn:focus,
.about-photo-remove-btn:focus-visible {
  opacity: 1;
  outline: none;
}

.about-social-section {
  margin-top: 22px;
  padding: 16px 18px 18px;
  border: 1px solid rgba(0,0,0,0.13);
  border-radius: var(--site-radius, 8px);
  background: rgba(0,0,0,0.02);
}

.about-social-title {
  font-weight: 600;
  font-size: 0.95rem;
  margin-bottom: 14px;
}

.about-social-optional {
  font-weight: 400;
  font-size: 0.85rem;
  color: #888;
}

.about-popup-photo {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  margin: 0 auto 12px;
  border: 2px solid rgba(0,0,0,0.08);
}

.about-popup-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,0.1);
}

.about-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0,0,0,0.05);
  transition: background 0.15s ease, transform 0.15s ease;
  text-decoration: none;
}

.about-social-link:hover {
  background: rgba(0,0,0,0.12);
  transform: translateY(-1px);
}

.about-social-icon {
  width: 22px;
  height: 22px;
  display: block;
  filter: var(--element-icon-filter, brightness(0));
}
#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card {
  grid-template-areas:
    "thumb thumb"
    "title price" !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: var(--card-h) auto !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card .nf-title,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card .nf-title {
  grid-area: title !important;
  align-self: center !important;
  min-width: 0 !important;
  padding: 11px 8px 14px 14px !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card .nf-title h3,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card .nf-title h3 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card .nf-bottom-price,
.admin-gallery-card-preview.gallery-card-style-original.gallery-preview-show-likes.gallery-preview-show-price:not(.gallery-preview-show-sold) .nf-card-wrap > .nf-card .nf-bottom-price {
  grid-area: price !important;
  align-self: center !important;
  justify-self: end !important;
  padding: 11px 14px 14px 8px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-title,
#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-title h3,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-title,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-title h3 {
  color: #ffffff !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-views-badge,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-views-badge {
  background: rgba(255, 255, 255, 0.82) !important;
  color: #111111 !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-views-badge span,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-views-badge span {
  color: #111111 !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-views-badge img,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-views-badge img {
  filter: brightness(0) !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price,
#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price .nf-price,
#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom .nf-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price .nf-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom .nf-price {
  color: #111111 !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom,
#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price {
  min-height: 28px !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus:not(.gallery-preview-show-price) .nf-bottom-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus:not(.gallery-preview-show-price) .nf-bottom-price {
  display: none !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom-price {
  display: none !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom {
  display: contents !important;
  position: static !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom .nf-price,
#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom .nf-sold,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom .nf-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom .nf-sold {
  position: absolute !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: fit-content !important;
  min-height: 28px !important;
  max-width: calc(100% - 20px) !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #333333 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.16) !important;
  backdrop-filter: blur(6px) !important;
  text-align: center !important;
  white-space: nowrap !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom .nf-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom .nf-price {
  top: 10px !important;
  right: 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom .nf-sold,
.admin-gallery-card-preview.gallery-card-style-bildfokus.gallery-preview-show-price.gallery-preview-show-sold .nf-bottom .nf-sold {
  right: 10px !important;
  bottom: 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
}

#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price .nf-price,
#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom .nf-price,
#tab-installningar .gallery-card-preview.gallery-card-style-bildfokus .nf-bottom .nf-sold,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom-price .nf-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom .nf-price,
.admin-gallery-card-preview.gallery-card-style-bildfokus .nf-bottom .nf-sold {
  font-family: inherit !important;
  font-size: 0.86em !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#tab-installningar .settings-subpanel[data-settings-panel="tema"].is-active > .theme-radius-panel,
#tab-installningar .settings-subpanel[data-settings-panel="tema"].is-active > .gallery-card-preview-shell,
#tab-installningar .settings-subpanel[data-settings-panel="tema"].is-active > .settings-color-panel {
  align-self: center !important;
  justify-self: center !important;
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  box-sizing: border-box !important;
}


#tab-installningar .settings-subpanel[data-settings-panel="butik"].is-active > .shop-settings-panel {
  align-self: center !important;
  justify-self: center !important;
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  box-sizing: border-box !important;
}

#tab-installningar .settings-subpanel[data-settings-panel="tema"] .button-radius-setting,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .layout-radius-setting,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .button-theme-setting,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .gallery-card-style-setting,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .gallery-card-font-setting,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .gallery-card-radius-setting {
  grid-template-columns: 150px minmax(0, 220px) !important;
  justify-content: start !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: min(100%, 370px) !important;
}

#tab-installningar .settings-subpanel[data-settings-panel="tema"] .button-radius-setting select,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .layout-radius-setting select,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .button-theme-setting select,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .gallery-card-style-setting select,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .gallery-card-font-setting select,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .gallery-card-radius-setting select {
  width: 100% !important;
  max-width: 220px !important;
}

#tab-installningar .settings-subpanel[data-settings-panel="tema"] .button-theme-setting,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .button-radius-setting {
  background: transparent !important;
}

#tab-installningar .settings-subpanel[data-settings-panel="tema"] .theme-radius-panel .layout-radius-setting,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .theme-radius-panel .font-setting {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 320px) !important;
  align-items: start !important;
  justify-content: start !important;
  width: min(100%, 370px) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#tab-installningar .settings-subpanel[data-settings-panel="tema"] .theme-radius-panel .layout-radius-setting select,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .theme-radius-panel .font-setting select,
#tab-installningar .settings-subpanel[data-settings-panel="tema"] .theme-radius-panel .font-inline-preview {
  grid-column: 2 !important;
  width: 320px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#tab-installningar .settings-subpanel[data-settings-panel="tema"] .theme-radius-panel .font-inline-preview {
  margin-top: 4px !important;
}

.media-admin-preview-img {
    max-width: 100%;
    height: auto;
    display: block;
}

#tab-installningar .settings-subpanel[data-settings-panel="epost"].is-active {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

.epost-settings-inner {
    max-width: 680px;
    width: 100%;
}

.texter-settings-inner,
#tab-texter {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.texter-settings-inner {
    width: min(100%, 1100px);
    padding: 18px 20px 20px;
    box-sizing: border-box;
}