/* =====================================================
   PRODUKTSIDA – Uppsala Vitvaror
   ===================================================== */

.uv-single-product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--uv-spacing-2xl);
    align-items: start;
    /* v1.5.0 punkt 9: minskad topp-padding – breadcrumbs ligger direkt ovanför */
    padding: var(--uv-spacing-sm) 0 var(--uv-spacing-3xl);
}

.uv-single-product > * {
    min-width: 0;
}

@media (max-width: 768px) {
    .uv-single-product { grid-template-columns: 1fr; gap: var(--uv-spacing-lg); }
}

/* === Galleri === */
.uv-product-gallery {
    position: sticky;
    top: calc(var(--uv-header-height, 70px) + var(--uv-spacing-lg));
}

/* Galleri ska INTE vara sticky på mobil */
@media (max-width: 768px) {
    .uv-product-gallery {
        position: static;
    }
}

.uv-product-gallery__main {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1;
    background: var(--uv-color-light-background);
    border: 0;
    border-radius: var(--uv-radius-lg);
    overflow: hidden;
    margin-bottom: var(--uv-spacing-md);
    cursor: zoom-in;
    padding: 0;
}

.uv-product-gallery__main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.uv-product-gallery__thumbnail-nav {
    display: flex;
    align-items: center;
    gap: var(--uv-spacing-sm);
    min-width: 0;
}

.uv-product-gallery__thumbnails {
    display: flex;
    gap: var(--uv-spacing-sm);
    flex-wrap: nowrap;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.uv-product-gallery__thumbnails::-webkit-scrollbar {
    display: none;
}

.uv-product-gallery__track-arrow {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--uv-color-border);
    border-radius: var(--uv-radius-full);
    background: var(--uv-color-white);
    color: var(--uv-color-text);
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
}

.uv-product-gallery__track-arrow[hidden] {
    display: none;
}

.uv-product-gallery__thumb {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    border-radius: var(--uv-radius-md);
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color var(--uv-transition-fast);
    background: var(--uv-color-light-background);
    padding: 0;
}

.uv-product-gallery__thumb:hover,
.uv-product-gallery__thumb.is-active {
    border-color: var(--uv-color-primary);
}

.uv-product-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uv-product-gallery__main:focus-visible,
.uv-product-gallery__thumb:focus-visible,
.uv-product-gallery__track-arrow:focus-visible,
.uv-lightbox button:focus-visible {
    outline: 3px solid var(--uv-color-primary);
    outline-offset: 3px;
}

.uv-lightbox[hidden] { display: none; }

.uv-lightbox {
    position: fixed;
    z-index: var(--uv-z-modal, 100002);
    inset: 0;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 4vw, 3rem);
}

.uv-lightbox__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.78);
    cursor: default;
}

.uv-lightbox__content {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: min(100%, 1200px);
    max-height: 100%;
}

.uv-lightbox__img {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 4rem);
    width: auto;
    height: auto;
    object-fit: contain;
}

.uv-lightbox__close,
.uv-lightbox__nav {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: var(--uv-radius-full);
    background: rgba(255, 255, 255, 0.94);
    color: #111;
    cursor: pointer;
    font-size: 2rem;
    line-height: 1;
}

.uv-lightbox__close { top: 0.5rem; right: 0.5rem; }
.uv-lightbox__nav--prev { left: 0.5rem; top: 50%; transform: translateY(-50%); }
.uv-lightbox__nav--next { right: 0.5rem; top: 50%; transform: translateY(-50%); }

@media (max-width: 600px) {
    .uv-product-gallery__track-arrow { display: none; }
    .uv-lightbox { padding: 1rem; }
    .uv-lightbox__img { max-height: calc(100vh - 2rem); }
    .uv-lightbox__nav { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
    .uv-product-gallery__thumbnails { scroll-behavior: auto; }
}

/* === Produktsammanfattning === */
.uv-single-product__summary {
    display: flex;
    flex-direction: column;
    gap: var(--uv-spacing-md);
}

/* Köprad – kvantitet + lägg-till-knapp på samma höjd */
.uv-product-purchase-row,
.woocommerce form.cart .quantity {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex-wrap: wrap;
}

/* WooCommerce kvantitetsfält */
.woocommerce .quantity .qty,
.woocommerce form.cart .qty {
    min-height: var(--uv-control-height-lg);
    height: var(--uv-control-height-lg);
    padding: 0 0.75rem;
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    font-size: var(--uv-font-size-base);
    font-family: var(--uv-font-family);
    color: var(--uv-color-text);
    width: 80px;
    text-align: center;
    -moz-appearance: textfield;
}
.woocommerce .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/* WooCommerce köpknapp */
.woocommerce .single_add_to_cart_button,
.woocommerce button.single_add_to_cart_button {
    min-height: var(--uv-control-height-lg);
    height: var(--uv-control-height-lg);
    background-color: var(--uv-color-primary);
    color: var(--uv-color-white);
    border: none;
    border-radius: var(--uv-radius-md);
    font-size: var(--uv-font-size-base);
    font-weight: 700;
    font-family: var(--uv-font-family);
    padding: 0 2rem;
    cursor: pointer;
    transition: background-color var(--uv-transition-fast);
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    line-height: 1;
}
.woocommerce .single_add_to_cart_button:hover {
    background-color: var(--uv-color-primary-dark);
}

/* WooCommerce form.cart flex-layout */
.woocommerce form.cart {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 12px;
}

.uv-single-product__title {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--uv-color-dark);
    line-height: 1.2;
}

.uv-single-product__meta-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--uv-spacing-md);
}

.uv-stock-status {
    display: inline-flex;
    align-items: center;
    gap: var(--uv-spacing-xs);
    font-size: var(--uv-font-size-sm);
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: var(--uv-radius-full);
}

.uv-stock-status.uv-stock--in    { background: rgba(40, 122, 67, 0.1); color: var(--uv-color-success); }
.uv-stock-status.uv-stock--low   { background: rgba(180, 83, 9, 0.1); color: #b45309; }
.uv-stock-status.uv-stock--out   { background: rgba(180, 35, 24, 0.1); color: var(--uv-color-error); }
.uv-stock-status.uv-stock--backorder { background: var(--uv-color-light-background); color: var(--uv-color-muted); }

.uv-single-product__sku {
    font-size: var(--uv-font-size-sm);
    color: var(--uv-color-muted);
}

.uv-single-product__sku-label { font-weight: 600; }

.uv-warranty-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--uv-font-size-sm);
    font-weight: 600;
    color: var(--uv-color-success);
}

.uv-warranty-badge svg { width: 16px; height: 16px; }

/* Pris */
.uv-single-product__price {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
}

.uv-single-product__price del {
    color: var(--uv-color-muted);
    font-size: 1.25rem;
    font-weight: 400;
    text-decoration: line-through;
}

.uv-single-product__price ins {
    color: var(--uv-color-error);
    text-decoration: none;
}

/* Kort beskrivning */
.uv-single-product__excerpt {
    color: var(--uv-color-muted);
    font-size: var(--uv-font-size-base);
    line-height: 1.7;
    border-top: 1px solid var(--uv-color-border);
    padding-top: var(--uv-spacing-md);
}

/* Lägg till i kundvagn */
.woocommerce .quantity .qty {
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    padding: 0.625rem 0.75rem;
    font-size: var(--uv-font-size-base);
    font-family: var(--uv-font-family);
    width: 80px;
    text-align: center;
    min-height: 44px;
    transition: border-color var(--uv-transition-fast);
}

.woocommerce .quantity .qty:focus {
    outline: none;
    border-color: var(--uv-color-primary);
    box-shadow: 0 0 0 3px rgba(230, 102, 12, 0.15);
}

.woocommerce .single_add_to_cart_button,
.woocommerce button.button.alt {
    background-color: var(--uv-color-primary) !important;
    color: var(--uv-color-white) !important;
    border: 2px solid var(--uv-color-primary) !important;
    border-radius: var(--uv-radius-md) !important;
    font-size: var(--uv-font-size-base) !important;
    font-weight: 700 !important;
    font-family: var(--uv-font-family) !important;
    padding: 0.875rem 2rem !important;
    min-height: 52px !important;
    cursor: pointer !important;
    transition: background-color var(--uv-transition-fast) !important;
    letter-spacing: 0.01em !important;
}

.woocommerce .single_add_to_cart_button:hover {
    background-color: var(--uv-color-primary-dark) !important;
    border-color: var(--uv-color-primary-dark) !important;
}

.woocommerce .single_add_to_cart_button:disabled,
.woocommerce .single_add_to_cart_button[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed !important;
}

.woocommerce form.cart {
    display: flex;
    gap: var(--uv-spacing-sm);
    align-items: center;
    flex-wrap: wrap;
}

/* Variabla produkter: attributen ligger i egna fullbreddsrader ovanför
   den separata köp-raden. WooCommerces egen tabell/variation-logik bevaras. */
.woocommerce form.cart.variations_form {
    display: block;
    width: 100%;
}

.woocommerce form.cart.variations_form table.variations,
.woocommerce form.cart.variations_form table.variations tbody,
.woocommerce form.cart.variations_form table.variations tr,
.woocommerce form.cart.variations_form table.variations th,
.woocommerce form.cart.variations_form table.variations td {
    display: block;
    width: 100%;
}

.woocommerce form.cart.variations_form table.variations {
    margin: 0 0 var(--uv-spacing-md);
}

.woocommerce form.cart.variations_form table.variations tr {
    margin: 0 0 var(--uv-spacing-md);
}

.woocommerce form.cart.variations_form table.variations th.label {
    padding: 0 0 var(--uv-spacing-xs);
    text-align: left;
    color: var(--uv-color-text);
    font-size: var(--uv-font-size-sm);
    font-weight: 600;
    line-height: 1.4;
}

.woocommerce form.cart.variations_form table.variations td.value {
    padding: 0;
}

.woocommerce form.cart.variations_form table.variations select {
    width: 100%;
    min-height: var(--uv-control-height-lg);
    padding: 0.75rem 2.75rem 0.75rem 1rem;
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    background-color: var(--uv-color-white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23697174' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 18px;
    color: var(--uv-color-text);
    font-family: var(--uv-font-family);
    font-size: var(--uv-font-size-base);
    line-height: 1.3;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color var(--uv-transition-fast), box-shadow var(--uv-transition-fast);
}

.woocommerce form.cart.variations_form table.variations select:hover {
    border-color: var(--uv-color-muted);
}

.woocommerce form.cart.variations_form table.variations select:focus {
    outline: none;
    border-color: var(--uv-color-primary);
    box-shadow: 0 0 0 3px rgba(230, 102, 12, 0.15);
}

.woocommerce form.cart.variations_form .reset_variations {
    display: inline-block;
    margin-top: var(--uv-spacing-sm);
    font-size: var(--uv-font-size-sm);
}

.woocommerce form.cart.variations_form .single_variation_wrap,
.woocommerce form.cart.variations_form .woocommerce-variation-add-to-cart {
    width: 100%;
}

.woocommerce form.cart.variations_form .single_variation {
    margin-bottom: var(--uv-spacing-sm);
}

.woocommerce form.cart.variations_form .woocommerce-variation-add-to-cart {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: var(--uv-spacing-sm);
}

.woocommerce form.cart.variations_form .woocommerce-variation-add-to-cart .quantity {
    flex: 0 0 auto;
}

@media (max-width: 360px) {
    .woocommerce form.cart.variations_form .woocommerce-variation-add-to-cart {
        flex-wrap: wrap;
    }

    .woocommerce form.cart.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
    }
}

/* Installation */
.uv-install-option {
    background: var(--uv-color-light-background);
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    padding: var(--uv-spacing-md);
}

.uv-install-option__label {
    display: flex;
    align-items: flex-start;
    gap: var(--uv-spacing-sm);
    cursor: pointer;
    font-weight: 600;
}

.uv-install-checkbox {
    width: 20px;
    height: 20px;
    accent-color: var(--uv-color-primary);
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer;
}

.uv-install-option__text {
    line-height: 1.4;
}

.uv-install-option__info {
    font-size: var(--uv-font-size-sm);
    color: var(--uv-color-muted);
    /* v1.7.5 (1.1): samma vänsterkant som installationsraden ovanför –
       ingen extra indragning. */
    margin: var(--uv-spacing-sm) 0 0;
}

/* Favoritknapp produktsida */
.uv-single-product__favorite {
    display: inline-flex;
    align-items: center;
    gap: var(--uv-spacing-sm);
    background: none;
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    padding: 0.625rem 1rem;
    cursor: pointer;
    font-size: var(--uv-font-size-sm);
    font-weight: 600;
    font-family: var(--uv-font-family);
    color: var(--uv-color-text);
    transition: border-color var(--uv-transition-fast), color var(--uv-transition-fast), background-color var(--uv-transition-fast);
    min-height: 44px;
}

.uv-single-product__favorite:hover,
.uv-single-product__favorite.is-favorite {
    border-color: var(--uv-color-primary);
    color: var(--uv-color-primary);
    background-color: rgba(230, 102, 12, 0.05);
}

.uv-single-product__favorite svg { width: 18px; height: 18px; }

.uv-single-product__favorite.is-favorite .uv-heart-icon {
    fill: var(--uv-color-primary);
}

/* === Product info cards (details/summary) – Klarna + Leverans === */
.uv-product-info-card {
    background: var(--uv-color-light-background);
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    overflow: hidden;
}

.uv-product-info-card__summary {
    display: flex;
    align-items: center;
    gap: var(--uv-spacing-sm);
    padding: var(--uv-spacing-md);
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background-color var(--uv-transition-fast);
}

/* Ta bort standardmarkören i Chrome/Safari */
.uv-product-info-card__summary::-webkit-details-marker { display: none; }
.uv-product-info-card__summary::marker { display: none; }

/* Hover håller sig inom border-radius (overflow: hidden på parent) */
.uv-product-info-card__summary:hover,
.uv-product-info-card__summary:focus-visible {
    background-color: rgba(0, 0, 0, 0.04);
    outline: none;
}

.uv-product-info-card__icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.uv-product-info-card__icon svg {
    width: 22px;
    height: 22px;
    color: var(--uv-color-primary);
}

.uv-product-info-card__label {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Klarna: synlig rubrik (uv_klarna_title) ovanför kort-texten */
.uv-klarna-info__title {
    font-size: var(--uv-font-size-sm);
    font-weight: 700;
    color: var(--uv-color-text);
    display: block;
}

.uv-klarna-info__short {
    font-size: var(--uv-font-size-xs);
    font-weight: 400;
    color: var(--uv-color-muted);
    display: block;
}

.uv-product-info-card__arrow {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: var(--uv-color-muted);
    transition: transform var(--uv-transition-base);
}

.uv-product-info-card__arrow svg { width: 18px; height: 18px; }

details[open] .uv-product-info-card__arrow,
.uv-product-info-card[open] .uv-product-info-card__arrow {
    transform: rotate(180deg);
}

.uv-product-info-card__content {
    padding: var(--uv-spacing-md);
    border-top: 1px solid var(--uv-color-border);
    font-size: var(--uv-font-size-sm);
    color: var(--uv-color-text);
    line-height: 1.7;
    /* v1.5.0 punkt 10: expanderat innehåll får aldrig svämma över på mobil */
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Korten själva ska hållas inom sin kolumn */
.uv-product-info-card {
    max-width: 100%;
    min-width: 0;
}

/* Leveranstabellen scrollar horisontellt i stället för att trycka ut sidan */
.uv-delivery-table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
    .uv-product-info-card__content {
        padding: var(--uv-spacing-sm);
    }
}

.uv-klarna-info__fallback-logo {
    font-weight: 900;
    font-size: 1.1rem;
    letter-spacing: -0.02em;
    color: #17120f;  /* Klarna svart */
}

.uv-klarna-info__logo {
    height: 22px;
    width: auto;
    object-fit: contain;
}

/* === Äldre klasser kvar för bakåtkompatibilitet === */
/* Klarna-info */
.uv-klarna-info {
    background: var(--uv-color-light-background);
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    padding: var(--uv-spacing-md);
}

.uv-klarna-info__header {
    display: flex;
    align-items: center;
    gap: var(--uv-spacing-sm);
    flex-wrap: wrap;
}

.uv-klarna-info__logo {
    height: 20px;
    width: auto;
    object-fit: contain;
}

.uv-klarna-info__short {
    font-size: var(--uv-font-size-sm);
    font-weight: 500;
    color: var(--uv-color-text);
}

.uv-klarna-info__toggle {
    margin-left: auto;
    color: var(--uv-color-primary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.uv-klarna-info__chevron {
    transition: transform var(--uv-transition-base);
}

.uv-klarna-info__toggle[aria-expanded="true"] .uv-klarna-info__chevron {
    transform: rotate(180deg);
}

.uv-klarna-info__body {
    margin-top: var(--uv-spacing-md);
    padding-top: var(--uv-spacing-md);
    border-top: 1px solid var(--uv-color-border);
    font-size: var(--uv-font-size-sm);
    color: var(--uv-color-muted);
    line-height: 1.7;
}

.uv-klarna-info__body[hidden] { display: none; }

/* Leveransinformation */
.uv-delivery-info {
    background: var(--uv-color-light-background);
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    padding: var(--uv-spacing-md);
}

.uv-delivery-info__header {
    display: flex;
    align-items: flex-start;
    gap: var(--uv-spacing-md);
}

.uv-delivery-info__header svg { width: 24px; height: 24px; flex-shrink: 0; color: var(--uv-color-primary); }

.uv-delivery-info__title {
    display: block;
    font-size: var(--uv-font-size-base);
    font-weight: 700;
    margin-bottom: 2px;
}

.uv-delivery-info__intro {
    font-size: var(--uv-font-size-sm);
    color: var(--uv-color-muted);
    /* v1.6.9 (punkt 2.1): lite luft mellan introduktionen och
       leveransinnehållet under – på alla skärmstorlekar. */
    margin: 0 0 var(--uv-spacing-sm);
}

.uv-delivery-info__body {
    margin-bottom: var(--uv-spacing-sm);
}

.uv-delivery-info__toggle {
    margin-top: var(--uv-spacing-sm);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--uv-color-primary);
    font-weight: 600;
}

.uv-delivery-info__areas[hidden] { display: none; }

.uv-delivery-info__areas {
    margin-top: var(--uv-spacing-md);
    padding-top: var(--uv-spacing-md);
    border-top: 1px solid var(--uv-color-border);
}

.uv-delivery-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--uv-font-size-sm);
    margin-bottom: var(--uv-spacing-md);
}

.uv-delivery-table th,
.uv-delivery-table td {
    padding: 0.5rem 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--uv-color-border);
}

.uv-delivery-table th {
    font-weight: 700;
    background: var(--uv-color-light-background);
    color: var(--uv-color-muted);
    font-size: var(--uv-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.uv-delivery-info__note {
    font-size: var(--uv-font-size-xs);
    color: var(--uv-color-muted);
    margin-bottom: var(--uv-spacing-sm);
}

/* === Produktflikar – fullbredd === */
.uv-product-tabs {
    margin-top: var(--uv-spacing-2xl);
    width: 100%;
}

/* Fliknav som fullbredds-infokort (samma stil som Klarna-/leveranskorten),
   inline med lika bredd på alla skärmstorlekar. */
.uv-tabs__nav {
    display: flex;
    gap: var(--uv-spacing-sm);
    width: 100%;
}

.uv-tabs__nav-btn {
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--uv-color-light-background, #f7f7f7);
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    padding: 0.875rem 1rem;
    font-size: var(--uv-font-size-base);
    font-weight: 600;
    font-family: var(--uv-font-family);
    color: var(--uv-color-muted);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color var(--uv-transition-fast), border-color var(--uv-transition-fast),
                background var(--uv-transition-fast);
    min-height: 48px;
}

.uv-tabs__nav-btn:hover {
    color: var(--uv-color-text);
    border-color: var(--uv-color-primary);
}

.uv-tabs__nav-btn:focus-visible {
    outline: 2px solid var(--uv-color-primary);
    outline-offset: 2px;
}

.uv-tabs__nav-btn.is-active,
.uv-tabs__nav-btn[aria-selected="true"] {
    color: var(--uv-color-primary);
    border-color: var(--uv-color-primary);
    background: var(--uv-color-white);
}

@media (max-width: 600px) {
    .uv-tabs__nav { gap: var(--uv-spacing-xs); }
    .uv-tabs__nav-btn {
        padding: 0.75rem 0.5rem;
        font-size: var(--uv-font-size-sm);
        min-height: 44px;
    }
}

.uv-tabs__panel {
    padding: var(--uv-spacing-xl) 0;
    display: none;
}

.uv-tabs__panel.is-active,
.uv-tabs__panel[aria-hidden="false"] {
    display: block;
}

.uv-tabs__panel .entry-content {
    line-height: 1.8;
    color: var(--uv-color-text);
}

/* Attributtabell */
.uv-attributes-table {
    width: 100%;
    border-collapse: collapse;
}

.uv-attributes-table tr {
    border-bottom: 1px solid var(--uv-color-border);
}

.uv-attributes-table td {
    padding: 0.75rem 0;
    font-size: var(--uv-font-size-sm);
    vertical-align: top;
}

.uv-attributes-table td:first-child {
    font-weight: 700;
    color: var(--uv-color-text);
    width: 40%;
    min-width: 120px;
}

.uv-attributes-table td:last-child {
    color: var(--uv-color-muted);
}

/* Kontaktformulär i fliken */
/* v1.6.2 (punkt 4): formuläret fyller flikens hela bredd */
.uv-inquiry-form { max-width: 100%; }

/* Integritetspolicy-samtycke (v1.6.2, punkt 4) */
.uv-form-group--privacy {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
}

.uv-form-group--privacy input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
    accent-color: var(--uv-color-primary);
}

.uv-form-group--privacy label {
    font-size: var(--uv-font-size-sm);
    line-height: 1.5;
}

.uv-form-group--privacy a {
    color: var(--uv-color-primary);
    text-decoration: underline;
}

.uv-form-group--privacy.uv-field-error label {
    color: #d63638;
}

.uv-inquiry-form__success {
    background: rgba(40, 122, 67, 0.1);
    color: var(--uv-color-success);
    border: 1px solid rgba(40, 122, 67, 0.25);
    border-radius: var(--uv-radius-md);
    padding: var(--uv-spacing-md) var(--uv-spacing-lg);
    font-weight: 600;
    margin-bottom: var(--uv-spacing-md);
}

.uv-inquiry-form .uv-honeypot { display: none !important; }

/* === Energiklass-märkning === */
.uv-energy-class {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ec-bg, #24A651);
    color: var(--ec-color, #ffffff);
    font-size: 0.875rem;
    font-weight: 800;
    font-family: var(--uv-font-family);
    line-height: 1;
    padding: 0 0.75rem 0 0.5rem;
    /* Pil-form inspirerad av EU-energimärkning */
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
    min-width: 2.5rem;
    height: 2rem;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.uv-single-product__energy-wrap {
    display: flex;
    align-items: center;
    gap: var(--uv-spacing-sm);
}

.uv-single-product__energy-wrap::before {
    content: 'Energiklass';
    font-size: var(--uv-font-size-sm);
    font-weight: 600;
    color: var(--uv-color-muted);
}

/* Energiklass på produktkort – kompakt */
.uv-product-card .uv-energy-class {
    font-size: 0.75rem;
    height: 1.5rem;
    padding: 0 0.5rem 0 0.375rem;
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 0 100%);
}

/* === Leveransinfo – kontakt === */
.uv-delivery-info__contact {
    display: flex;
    flex-direction: column;
    gap: var(--uv-spacing-xs);
    margin: var(--uv-spacing-md) 0;
}

.uv-delivery-info__contact-link {
    display: inline-flex;
    align-items: center;
    gap: var(--uv-spacing-sm);
    font-size: var(--uv-font-size-sm);
    color: var(--uv-color-primary);
    text-decoration: none;
    font-weight: 600;
}

.uv-delivery-info__contact-link:hover {
    text-decoration: underline;
}

.uv-delivery-info__contact-link svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* === Relaterade produkter === */
/* Relaterade produkter – inga extra sidmarginaler; linjerar med övrigt innehåll */
.uv-related-products .uv-container {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
}

.uv-related-products {
    padding: var(--uv-spacing-2xl) 0;
    border-top: 1px solid var(--uv-color-border);
}

.uv-related-products__title {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    font-weight: 700;
    margin-bottom: var(--uv-spacing-xl);
}

/* Slider-layout för liknande produkter.
   Pilarna är absolut positionerade så att korten linjerar med rubriken. */
.uv-related-products__wrapper {
    position: relative;
    display: block;
}

.uv-related-products__track {
    display: flex;
    gap: var(--uv-spacing-md);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex: 1;
}

.uv-related-products__track::-webkit-scrollbar { display: none; }

.uv-related-products__item {
    flex: 0 0 calc(25% - var(--uv-spacing-md) * 0.75);
    min-width: 220px;
    scroll-snap-align: start;
}

.uv-related-products__arrow {
    position: absolute;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    background: var(--uv-color-white);
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-full);
    box-shadow: var(--uv-shadow-sm, 0 2px 6px rgba(0, 0, 0, 0.08));
    color: var(--uv-color-text);
    cursor: pointer;
    transition: border-color var(--uv-transition-fast), background var(--uv-transition-fast),
                color var(--uv-transition-fast), opacity var(--uv-transition-fast);
    /* v1.6.5 (punkt 3.1): pilarna ska ALLTID ligga över produktkortens
       badges (energiklass, garanti m.fl. har z-index upp till 10) och
       kortens interaktiva kontroller – utan att kortet behöver hovras. */
    z-index: 30;
}

.uv-related-products__arrow--prev {
    left: 0;
    transform: translate(-50%, -50%);
}

.uv-related-products__arrow--next {
    right: 0;
    transform: translate(50%, -50%);
}

.uv-related-products__arrow:hover {
    border-color: var(--uv-color-primary);
    background: var(--uv-color-primary);
    color: var(--uv-color-white);
}

.uv-related-products__arrow:focus-visible {
    outline: 2px solid var(--uv-color-primary);
    outline-offset: 2px;
}

.uv-related-products__arrow:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

.uv-related-products__arrow svg {
    width: 20px;
    height: 20px;
    display: block;
    stroke: currentColor;
    flex-shrink: 0;
}

/* Grid-fallback (om .uv-related-products__track saknas i äldre markup) */
.uv-related-products__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--uv-spacing-lg);
}

@media (max-width: 1024px) {
    .uv-related-products__item { flex: 0 0 calc(50% - var(--uv-spacing-md) * 0.5); }
    .uv-related-products__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    /* Större kort med "peek" av nästa kort som bjuder in till svep */
    .uv-related-products__item { flex: 0 0 46%; min-width: 150px; }
    .uv-related-products__track { gap: var(--uv-spacing-md); }
    .uv-related-products__grid { grid-template-columns: repeat(2, 1fr); gap: var(--uv-spacing-md); }
    .uv-related-products__arrow { display: none; }
}

/* Produktkortets mediabehållare – måste ha position:relative för overlay-badges */
.uv-product-card__media {
    position: relative;
    overflow: hidden;
}

/* =====================================================
   Staplade overlay-märken (energiklass + garanti) på produktbilden –
   relaterade produkter på produktsidan använder samma .uv-product-card
   komponent som butiken. Måste matcha reglerna i shop.css eftersom
   shop.css inte laddas på enskilda produktsidor (Bug 2.1 / 1.3).
   ===================================================== */
.uv-product-card__overlay-badges {
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    max-width: calc(100% - 16px);
    pointer-events: none;
}

.uv-product-card__energy-overlay {
    display: inline-flex;
}

/* =====================================================
   Custom bekräftelsedialog (clearCart)
   v1.6.1: primära regler flyttade till cart-drawer.css (global).
   Behåller z-index-höjning här för bakåtkompatibilitet.
   ===================================================== */
.uv-clear-confirm {
    z-index: var(--uv-z-modal, 100002);
}

.uv-clear-confirm__box {
    background: var(--uv-color-white);
    border-radius: var(--uv-radius-md);
    padding: var(--uv-spacing-xl) var(--uv-spacing-2xl);
    max-width: 380px;
    width: 100%;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    text-align: center;
}

.uv-clear-confirm__msg {
    font-size: 1rem;
    color: var(--uv-color-dark);
    margin-bottom: var(--uv-spacing-lg);
    font-weight: 500;
    line-height: 1.5;
}

.uv-clear-confirm__actions {
    display: flex;
    gap: var(--uv-spacing-sm);
    justify-content: center;
}

.uv-btn-danger {
    background: #dc2626;
    color: #fff;
    border-color: #dc2626;
}

.uv-btn-danger:hover {
    background: #b91c1c;
    border-color: #b91c1c;
    color: #fff;
}

/* =====================================================
   Snabb-lägg-i-varukorg-knapp (Bug 2.2) – samma regler som shop.css.
   Relaterade produkter på produktsidan använder samma .uv-product-card
   komponent, men shop.css laddas inte här, så reglerna dupliceras.
   ===================================================== */
.uv-quick-add-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: transparent;
    color: var(--uv-color-primary);
    border: 1.5px solid var(--uv-color-primary);
    border-radius: var(--uv-radius-md);
    font-size: var(--uv-font-size-sm);
    font-weight: 600;
    font-family: var(--uv-font-family);
    line-height: 1;
    min-height: 40px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--uv-transition-fast), color var(--uv-transition-fast), border-color var(--uv-transition-fast);
}

.uv-quick-add-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.uv-quick-add-btn:hover:not(:disabled) {
    background-color: var(--uv-color-primary);
    color: var(--uv-color-white);
}

.uv-quick-add-btn:disabled {
    background-color: transparent;
    color: var(--uv-color-muted);
    border-color: var(--uv-color-border);
    cursor: not-allowed;
}

.uv-quick-add-btn--variable {
    background-color: transparent;
    color: var(--uv-color-text);
    border-color: var(--uv-color-border);
}

.uv-quick-add-btn--variable:hover {
    background-color: var(--uv-color-light-background);
    border-color: var(--uv-color-muted);
    color: var(--uv-color-text);
}

.uv-quick-add-btn.is-loading {
    pointer-events: none;
    opacity: 0.75;
}

.uv-quick-add-btn .uv-spin {
    animation: uv-spin 0.6s linear infinite;
}

/* Breadcrumbs – padding-top på mobil pga sticky header (Bug 1.4) */
@media (max-width: 1024px) {
    .woocommerce-breadcrumb,
    .uv-breadcrumb,
    .uv-single-product .woocommerce-breadcrumb {
        padding-top: calc(var(--uv-header-height, 64px) + var(--uv-spacing-sm, 0.75rem));
        margin-top: 0;
        /* woocommerce-breadcrumb-padding */
    }
}

@media (max-width: 600px) {
    .woocommerce-breadcrumb,
    .uv-breadcrumb {
        padding-top: calc(var(--uv-header-height, 56px) + var(--uv-spacing-sm, 0.75rem));
    }
}

/* Produktmeta: tydlig separator mellan kategorier och etiketter (Bug 1.2) */
.product_meta .posted_in {
    display: block;
    margin-bottom: 0;
}

.product_meta .tagged_as {
    display: block;
    margin-top: var(--uv-spacing-md, 1rem);
    padding-top: var(--uv-spacing-sm, 0.5rem);
    border-top: 1px solid var(--uv-color-border, #e5e7eb);
}

/* Installation – inaktiverat tillstånd för slutsålda produkter (Bug 1.1) */
.uv-install-option--disabled {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
    filter: grayscale(0.4);
}

.uv-install-option--disabled .uv-install-option__label {
    cursor: not-allowed;
    color: var(--uv-color-muted, #9ca3af);
}

.uv-install-option__oos-note {
    display: block;
    font-size: 0.75rem;
    color: var(--uv-color-muted, #9ca3af);
    margin-top: 0.25rem;
    font-style: italic;
}

/* =====================================================
   v1.6.1 – Punkt 2: flikjusteringar
   ===================================================== */

/* 2.2: luft mellan rubrik och text i flikpaneler */
.uv-tabs__panel h2,
.uv-tabs__panel h3 {
    margin-bottom: var(--uv-spacing-md);
}

.uv-tabs__panel h2 + p,
.uv-tabs__panel h3 + p {
    margin-top: 0;
}

/* 2.3: kolon efter attributetiketter (t.ex. "Skick:") */
.uv-attributes-table td:first-child::after,
.woocommerce-product-attributes-item__label::after {
    content: ':';
}

/* 2.5: fliknav på mobil – en rad, horisontellt scrollbar */
@media (max-width: 600px) {
    .uv-tabs__nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 2px;
    }
    .uv-tabs__nav::-webkit-scrollbar { display: none; }
    .uv-tabs__nav-btn {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

/* Kontaktflikens rubrik + intro */
.uv-inquiry-form-heading {
    margin-bottom: var(--uv-spacing-sm);
}

.uv-inquiry-form-intro {
    color: var(--uv-color-muted);
    margin-bottom: var(--uv-spacing-lg);
}

/* =====================================================
   v1.6.1 – Punkt 5: leveranstabellen
   ===================================================== */
.uv-delivery-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.uv-delivery-table th,
.uv-delivery-table td {
    text-align: left;
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--uv-color-border);
    font-size: var(--uv-font-size-sm);
}

.uv-delivery-table th {
    font-weight: 700;
    color: var(--uv-color-dark);
}

/* Mobil: staplade kort med etikett/värde-par */
@media (max-width: 600px) {
    .uv-delivery-table,
    .uv-delivery-table tbody,
    .uv-delivery-table tr,
    .uv-delivery-table td {
        display: block;
        width: 100%;
    }

    .uv-delivery-table thead {
        display: none;
    }

    .uv-delivery-table tr {
        border: 1.5px solid var(--uv-color-border);
        border-radius: var(--uv-radius-md);
        padding: var(--uv-spacing-sm) var(--uv-spacing-md);
        margin-bottom: var(--uv-spacing-sm);
        background: var(--uv-color-white);
    }

    .uv-delivery-table td {
        display: flex;
        justify-content: space-between;
        gap: var(--uv-spacing-md);
        border-bottom: 1px solid var(--uv-color-light-background);
        padding: 0.5rem 0;
    }

    .uv-delivery-table td:last-child {
        border-bottom: none;
    }

    .uv-delivery-table td::before {
        content: attr(data-label);
        font-weight: 700;
        color: var(--uv-color-dark);
        flex-shrink: 0;
    }
}

/* =====================================================
   v1.6.1 – Punkt 8: antal med minus/plus-knappar
   ===================================================== */
.woocommerce form.cart .quantity.uv-qty-group {
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    border: 1.5px solid var(--uv-color-border);
    border-radius: var(--uv-radius-md);
    overflow: hidden;
}

.uv-qty-btn {
    width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--uv-color-light-background);
    border: none;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--uv-color-dark);
    transition: background-color var(--uv-transition-fast);
}

.uv-qty-btn:hover:not(:disabled) {
    background: var(--uv-color-border);
}

.uv-qty-btn:disabled,
.uv-qty-btn[aria-disabled="true"] {
    opacity: 0.45;
    cursor: not-allowed;
}

.uv-qty-btn:focus-visible {
    outline: 2px solid var(--uv-color-primary);
    outline-offset: -2px;
}

.quantity.uv-qty-group input.qty {
    border: none;
    border-left: 1.5px solid var(--uv-color-border);
    border-right: 1.5px solid var(--uv-color-border);
    border-radius: 0;
    width: 56px;
    text-align: center;
    font-size: 16px;
    -moz-appearance: textfield;
    appearance: textfield;
}

.quantity.uv-qty-group input.qty::-webkit-outer-spin-button,
.quantity.uv-qty-group input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* =====================================================
   v1.6.1 – Punkt 9.2: varumärkesrad på produktsidan
   ===================================================== */
.uv-single-product__brand {
    font-size: var(--uv-font-size-sm);
    color: var(--uv-color-muted);
}

.uv-single-product__brand-label {
    font-weight: 600;
    color: var(--uv-color-text);
}

.uv-single-product__brand a {
    color: var(--uv-color-primary);
    text-decoration: none;
}

.uv-single-product__brand a:hover {
    text-decoration: underline;
}

/* =====================================================
   v1.6.8 (punkt 2): produktslider-shortcoden [uv_product_slider]
   ===================================================== */

/* 2.1 – shortcode-varianten ska smälta in i sidinnehållet: ingen
   border-top (relaterade produkter på produktsidan behåller sin). */
.uv-product-slider {
    border-top: none;
}

/* 2.2 – valfri beskrivning direkt under rubriken, i temats normala
   brödtypografi och i linje med rubriken. */
.uv-related-products__description {
    margin: 0 0 var(--uv-spacing-xl);
    font-size: var(--uv-font-size-base);
    line-height: 1.6;
    color: var(--uv-color-text);
    max-width: 70ch;
}

/* Balanserat avstånd rubrik → beskrivning → slider: när en beskrivning
   följer direkt på rubriken dras rubrikens stora marginal ihop. */
.uv-related-products__title:has(+ .uv-related-products__description) {
    margin-bottom: var(--uv-spacing-sm);
}

/* 2.3 – valfritt tvåradsläge (rows="2"): EN karusell vars band är ett
   kolumnflödes-grid med två rader. Varje kolumn innehåller ett kort ur
   övre och ett ur undre raden (PHP interfolierar produktlistan så att
   övre raden visar första halvan och undre raden andra halvan).
   Skrollning, snap, kloner och pilarna fungerar exakt som i enrads-
   läget eftersom det fortfarande är samma skrollande band.
   Desktop: 4 kolumner synliga (4+4 produkter), tablet/mobil: 2 kolumner
   (2+2). Pilarna är redan vertikalt centrerade mot hela bandet
   (top: 50% på wrappern) och behåller sitt z-index över badges. */
.uv-product-slider--rows-2 .uv-related-products__track {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    grid-auto-columns: calc(25% - var(--uv-spacing-md) * 0.75);
    column-gap: var(--uv-spacing-md);
    row-gap: var(--uv-spacing-md);
}

.uv-product-slider--rows-2 .uv-related-products__item {
    min-width: 0;
    width: auto;
}

@media (max-width: 1024px) {
    .uv-product-slider--rows-2 .uv-related-products__track {
        grid-auto-columns: calc(50% - var(--uv-spacing-md) * 0.5);
    }
}

@media (max-width: 600px) {
    /* Samma tvåkortslayout som det befintliga mobila enradsläget
       (46 % bredd med "peek" av nästa kolumn). */
    .uv-product-slider--rows-2 .uv-related-products__track {
        grid-auto-columns: 46%;
        column-gap: var(--uv-spacing-md);
    }
}

/* =====================================================
   v1.6.9 (punkt 4.1): valfritt antal synliga desktopkolumner i
   slider-shortcoden (desktop-columns="5|6|7"; 4 = standard och får
   ingen variantklass). Endast desktop – tablet/mobil behåller sina
   2 kolumner via de befintliga reglerna vid max-width 1024/600px.
   Kortbredd = (100% - gap × (N-1)) / N, samma formel som 4-kolumnsläget.
   ===================================================== */
@media (min-width: 1025px) {
    .uv-product-slider--cols-5 .uv-related-products__item {
        flex-basis: calc(20% - var(--uv-spacing-md) * 0.8);
        min-width: 0;
    }

    .uv-product-slider--cols-6 .uv-related-products__item {
        flex-basis: calc(16.6667% - var(--uv-spacing-md) * 0.8334);
        min-width: 0;
    }

    .uv-product-slider--cols-7 .uv-related-products__item {
        flex-basis: calc(14.2857% - var(--uv-spacing-md) * 0.8572);
        min-width: 0;
    }

    /* Tvåradsläget: motsvarande kolumnbredd för grid-spåret. */
    .uv-product-slider--rows-2.uv-product-slider--cols-5 .uv-related-products__track {
        grid-auto-columns: calc(20% - var(--uv-spacing-md) * 0.8);
    }

    .uv-product-slider--rows-2.uv-product-slider--cols-6 .uv-related-products__track {
        grid-auto-columns: calc(16.6667% - var(--uv-spacing-md) * 0.8334);
    }

    .uv-product-slider--rows-2.uv-product-slider--cols-7 .uv-related-products__track {
        grid-auto-columns: calc(14.2857% - var(--uv-spacing-md) * 0.8572);
    }
}

/* =====================================================
   Ytterligare information – jämna rader (v1.7.3, punkt 4.3)
   Alla etiketter delar samma vänsterkant och bredd; alla
   värden börjar på samma position, med samma vertikala och
   horisontella luft på varje rad.
   ===================================================== */
.woocommerce-tabs table.woocommerce-product-attributes {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
}

.woocommerce-tabs .woocommerce-product-attributes-item__label {
    width: 220px;
    text-align: left;
    font-weight: 600;
    color: var(--uv-color-text, #1f2933);
}

.woocommerce-tabs .woocommerce-product-attributes-item__label,
.woocommerce-tabs .woocommerce-product-attributes-item__value {
    padding: 10px 16px 10px 0;
    vertical-align: top;
    border: 0;
    border-bottom: 1px solid var(--uv-color-border, #e3e7eb);
    background: none;
    font-style: normal;
    overflow-wrap: anywhere;
}

.woocommerce-tabs .woocommerce-product-attributes-item:last-child .woocommerce-product-attributes-item__label,
.woocommerce-tabs .woocommerce-product-attributes-item:last-child .woocommerce-product-attributes-item__value {
    border-bottom: 0;
}

/* WooCommerce lägger värdet i <p> – nollställ dess marginal så att
   första raden i varje cell alltid ligger i linje med etiketten. */
.woocommerce-tabs .woocommerce-product-attributes-item__value p {
    margin: 0;
}

@media (max-width: 600px) {
    .woocommerce-tabs .woocommerce-product-attributes-item__label {
        width: 40%;
    }

    .woocommerce-tabs .woocommerce-product-attributes-item__label,
    .woocommerce-tabs .woocommerce-product-attributes-item__value {
        padding: 8px 10px 8px 0;
        font-size: 0.92rem;
    }
}

/* v1.7.4 (1.1.1): utförare-rad i installationssektionen. */
.uv-install-option__provider {
    margin: 6px 0 0;
    font-size: 0.88rem;
    color: var(--uv-color-text-muted, #5a6672);
    line-height: 1.5;
}