/* =====================================================
   Amazonita Creativa — shop.css
   Estilos específicos de tienda y productos
===================================================== */

/* ─── Archive Product (Shop) ─────────────────────── */

.az-shop-header {
    margin-bottom: var(--az-spacing-2xl);
}

.az-shop-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--az-spacing-md);
    flex-wrap: wrap;
}

.az-category-filters {
    display: flex;
    align-items: center;
    gap: var(--az-spacing-sm);
    flex-wrap: wrap;
}

.az-filter-btn {
    padding: var(--az-spacing-sm) var(--az-spacing-md);
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-full);
    font-size: var(--az-text-sm);
    font-weight: 500;
    color: var(--az-text-secondary);
    cursor: pointer;
    transition: all var(--az-transition-fast);
    white-space: nowrap;
    font-family: var(--az-font-body);
}

.az-filter-btn:hover,
.az-filter-btn.is-active {
    background: var(--az-accent);
    border-color: var(--az-accent);
    color: var(--az-bg-primary);
}

.az-sort-wrap {
    display: flex;
    align-items: center;
    gap: var(--az-spacing-sm);
}

.az-sort-wrap label {
    font-size: var(--az-text-sm);
    color: var(--az-text-muted);
    white-space: nowrap;
}

.az-sort-select {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-md);
    color: var(--az-text-primary);
    padding: var(--az-spacing-sm) var(--az-spacing-md);
    font-size: var(--az-text-sm);
    font-family: var(--az-font-body);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
}

.az-shop-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--az-spacing-lg);
}

/* ─── Shop Features Banner ───────────────────────── */

.az-shop-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--az-spacing-md);
    margin-top: var(--az-spacing-3xl);
}

.az-shop-feature {
    display: flex;
    align-items: center;
    gap: var(--az-spacing-md);
    padding: var(--az-spacing-lg) var(--az-spacing-xl);
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
}

.az-shop-feature__icon {
    font-size: 1.75rem;
    flex-shrink: 0;
}

.az-shop-feature__title {
    font-size: var(--az-text-base);
    font-weight: 700;
    color: var(--az-text-primary);
}

.az-shop-feature__desc {
    font-size: var(--az-text-sm);
    color: var(--az-text-muted);
}

/* ─── Single Product ─────────────────────────────── */

.az-product-hero {
    padding: var(--az-spacing-3xl) 0;
    padding-top: calc(var(--az-nav-height, 80px) + var(--az-spacing-3xl));
    border-bottom: 1px solid var(--az-border-primary);
}

.az-product-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--az-spacing-3xl);
    align-items: start;
}

/* Gallery */
.az-product-gallery {
    position: sticky;
    top: calc(var(--az-nav-height, 80px) + var(--az-spacing-lg));
}

.az-product-gallery__main {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-2xl);
    overflow: hidden;
    margin-bottom: var(--az-spacing-md);
    aspect-ratio: 4/3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-product-gallery__main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s ease;
}

.az-product-gallery__thumbs {
    display: flex;
    gap: var(--az-spacing-sm);
}

.az-product-gallery__thumb {
    width: 72px;
    height: 72px;
    border-radius: var(--az-radius-md);
    overflow: hidden;
    border: 2px solid var(--az-border-primary);
    cursor: pointer;
    transition: border-color var(--az-transition-fast);
    flex-shrink: 0;
}

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

.az-product-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

/* Product Info */
.az-product-info {
    padding-top: var(--az-spacing-md);
}

.az-product-breadcrumb {
    display: flex;
    align-items: center;
    gap: var(--az-spacing-xs);
    margin-bottom: var(--az-spacing-lg);
    font-size: var(--az-text-sm);
    color: var(--az-text-muted);
}

.az-product-breadcrumb a {
    color: var(--az-text-muted);
    text-decoration: none;
    transition: color var(--az-transition-fast);
}

.az-product-breadcrumb a:hover { color: var(--az-accent); }
.az-product-breadcrumb__sep { opacity: 0.4; }

.az-product-badge {
    display: inline-block;
    padding: 4px 12px;
    background: var(--az-accent);
    color: var(--az-bg-primary);
    border-radius: var(--az-radius-full);
    font-size: var(--az-text-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--az-spacing-md);
}

.az-product-title {
    font-family: var(--az-font-display);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 800;
    color: var(--az-text-primary);
    line-height: 1.15;
    margin-bottom: var(--az-spacing-sm);
}

.az-product-tagline {
    font-size: var(--az-text-lg);
    color: var(--az-text-secondary);
    line-height: 1.6;
    margin-bottom: var(--az-spacing-xl);
}

.az-product-rating {
    display: flex;
    align-items: center;
    gap: var(--az-spacing-sm);
    margin-bottom: var(--az-spacing-xl);
    font-size: var(--az-text-sm);
}

.az-product-rating__stars {
    color: #f59e0b;
    letter-spacing: 2px;
}

.az-product-rating__count {
    color: var(--az-text-muted);
}

/* Price Block */
.az-product-price-block {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
    padding: var(--az-spacing-xl);
    margin-bottom: var(--az-spacing-xl);
}

.az-product-price-row {
    display: flex;
    align-items: baseline;
    gap: var(--az-spacing-sm);
    margin-bottom: var(--az-spacing-md);
}

.az-product-price-current {
    font-family: var(--az-font-display);
    font-size: var(--az-text-4xl);
    font-weight: 800;
    color: var(--az-accent);
    line-height: 1;
}

.az-product-price-original {
    font-size: var(--az-text-xl);
    color: var(--az-text-muted);
    text-decoration: line-through;
}

.az-product-price-discount {
    background: rgba(94, 255, 163, 0.15);
    color: var(--az-accent);
    padding: 2px 8px;
    border-radius: var(--az-radius-md);
    font-size: var(--az-text-sm);
    font-weight: 700;
}

.az-product-price-note {
    font-size: var(--az-text-xs);
    color: var(--az-text-muted);
    margin-bottom: var(--az-spacing-lg);
}

.az-product-includes-preview {
    margin-bottom: var(--az-spacing-xl);
}

.az-product-includes-title {
    font-size: var(--az-text-sm);
    font-weight: 600;
    color: var(--az-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--az-spacing-md);
}

.az-product-includes-list {
    display: flex;
    flex-direction: column;
    gap: var(--az-spacing-sm);
    list-style: none;
    padding: 0;
    margin: 0;
}

.az-product-includes-list li {
    display: flex;
    align-items: center;
    gap: var(--az-spacing-sm);
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
}

.az-product-includes-list li::before {
    content: '';
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235EFFA3' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.az-product-add-to-cart {
    margin-bottom: var(--az-spacing-md);
}

.az-product-add-to-cart .single_add_to_cart_button,
.az-product-add-to-cart .az-btn--add-cart {
    width: 100%;
    padding: var(--az-spacing-lg) var(--az-spacing-2xl);
    font-size: var(--az-text-lg);
    font-weight: 700;
}

.az-product-demo-link {
    display: block;
    text-align: center;
    color: var(--az-text-muted);
    font-size: var(--az-text-sm);
    text-decoration: none;
    transition: color var(--az-transition-fast);
    padding: var(--az-spacing-sm);
}

.az-product-demo-link:hover { color: var(--az-accent); }

/* Trust Signals */
.az-product-trust {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--az-spacing-sm);
}

.az-trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    padding: var(--az-spacing-md);
    background: var(--az-surface-3);
    border-radius: var(--az-radius-lg);
}

.az-trust-item__icon { font-size: 1.25rem; }
.az-trust-item__text { font-size: var(--az-text-xs); color: var(--az-text-muted); line-height: 1.3; }

/* Product Content Section */
.az-product-content-section {
    padding: var(--az-spacing-3xl) 0;
    border-bottom: 1px solid var(--az-border-primary);
}

.az-product-content-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--az-spacing-3xl);
}

.az-product-description {
    font-size: var(--az-text-base);
    line-height: 1.8;
    color: var(--az-text-secondary);
}

.az-product-description h2,
.az-product-description h3 {
    font-family: var(--az-font-display);
    color: var(--az-text-primary);
    margin-top: var(--az-spacing-2xl);
    margin-bottom: var(--az-spacing-md);
}

.az-product-description p { margin-bottom: var(--az-spacing-md); }
.az-product-description ul { padding-left: var(--az-spacing-xl); }
.az-product-description li { margin-bottom: var(--az-spacing-sm); }

/* Features Sidebar */
.az-product-features-sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--az-spacing-xl);
}

.az-product-specs-card {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
    padding: var(--az-spacing-xl);
}

.az-product-specs-title {
    font-size: var(--az-text-base);
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-lg);
    padding-bottom: var(--az-spacing-md);
    border-bottom: 1px solid var(--az-border-primary);
}

.az-product-specs-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--az-spacing-sm);
}

.az-product-specs-list li {
    display: flex;
    align-items: flex-start;
    gap: var(--az-spacing-sm);
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    padding: var(--az-spacing-xs) 0;
    border-bottom: 1px solid var(--az-border-primary);
}

.az-product-specs-list li:last-child { border-bottom: 0; }

.az-product-specs-list li::before {
    content: '·';
    color: var(--az-accent);
    font-size: 1.25rem;
    line-height: 1;
    flex-shrink: 0;
}

/* Related Products */
.az-related-products {
    padding: var(--az-spacing-3xl) 0;
}

.az-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--az-spacing-lg);
}

/* ─── Cart ───────────────────────────────────────── */

.az-cart-layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--az-spacing-2xl);
    align-items: start;
}

.az-cart-items {
    display: flex;
    flex-direction: column;
    gap: var(--az-spacing-md);
}

.az-cart-item {
    display: grid;
    grid-template-columns: 80px 1fr auto auto;
    gap: var(--az-spacing-md);
    align-items: center;
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
    padding: var(--az-spacing-lg);
    transition: border-color var(--az-transition-fast);
}

.az-cart-item:hover { border-color: var(--az-border-hover); }

.az-cart-item__img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: var(--az-radius-md);
    background: var(--az-surface-3);
}

.az-cart-item__name {
    font-size: var(--az-text-base);
    font-weight: 600;
    color: var(--az-text-primary);
    margin-bottom: 4px;
}

.az-cart-item__name a {
    color: inherit;
    text-decoration: none;
}

.az-cart-item__name a:hover { color: var(--az-accent); }

.az-cart-item__type {
    font-size: var(--az-text-xs);
    color: var(--az-text-muted);
    font-family: var(--az-font-mono);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.az-cart-item__qty {
    display: flex;
    align-items: center;
    gap: var(--az-spacing-sm);
}

.az-cart-item__qty input {
    width: 60px;
    text-align: center;
    background: var(--az-surface-3);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-md);
    color: var(--az-text-primary);
    padding: var(--az-spacing-sm);
    font-family: var(--az-font-body);
}

.az-cart-item__price {
    font-family: var(--az-font-display);
    font-size: var(--az-text-xl);
    font-weight: 700;
    color: var(--az-accent);
    text-align: right;
}

.az-cart-item__remove {
    background: none;
    border: none;
    color: var(--az-text-muted);
    cursor: pointer;
    font-size: var(--az-text-lg);
    padding: var(--az-spacing-xs);
    border-radius: var(--az-radius-md);
    transition: color var(--az-transition-fast), background var(--az-transition-fast);
    line-height: 1;
}

.az-cart-item__remove:hover {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
}

/* Cart Summary */
.az-cart-summary {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-2xl);
    padding: var(--az-spacing-xl);
    position: sticky;
    top: calc(var(--az-nav-height, 80px) + var(--az-spacing-lg));
}

.az-cart-summary__title {
    font-family: var(--az-font-display);
    font-size: var(--az-text-xl);
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-lg);
    padding-bottom: var(--az-spacing-md);
    border-bottom: 1px solid var(--az-border-primary);
}

.az-cart-totals {
    display: flex;
    flex-direction: column;
    gap: var(--az-spacing-sm);
    margin-bottom: var(--az-spacing-xl);
}

.az-cart-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    padding: var(--az-spacing-xs) 0;
}

.az-cart-total-row--grand {
    font-size: var(--az-text-lg);
    font-weight: 700;
    color: var(--az-text-primary);
    padding-top: var(--az-spacing-md);
    border-top: 1px solid var(--az-border-primary);
}

.az-cart-total-row--grand .az-cart-total-price {
    color: var(--az-accent);
    font-family: var(--az-font-display);
    font-size: var(--az-text-2xl);
}

.az-cart-checkout-btn {
    width: 100%;
    padding: var(--az-spacing-lg);
    font-size: var(--az-text-base);
}

/* ─── Checkout ───────────────────────────────────── */

.az-checkout-layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--az-spacing-2xl);
    align-items: start;
}

.az-checkout-form {
    display: flex;
    flex-direction: column;
    gap: var(--az-spacing-2xl);
}

.az-checkout-section {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
    padding: var(--az-spacing-2xl);
}

.az-checkout-section__title {
    font-family: var(--az-font-display);
    font-size: var(--az-text-xl);
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-xl);
    padding-bottom: var(--az-spacing-md);
    border-bottom: 1px solid var(--az-border-primary);
}

.az-checkout-order-summary {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-2xl);
    padding: var(--az-spacing-xl);
    position: sticky;
    top: calc(var(--az-nav-height, 80px) + var(--az-spacing-lg));
}

/* ─── About Page ─────────────────────────────────── */

.az-about-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--az-spacing-4xl);
    align-items: center;
}

.az-about-intro__text h2 {
    font-family: var(--az-font-display);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 800;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-lg);
    line-height: 1.2;
}

.az-about-intro__text p {
    color: var(--az-text-secondary);
    line-height: 1.8;
    margin-bottom: var(--az-spacing-md);
}

.az-about-card {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-2xl);
    padding: var(--az-spacing-2xl);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--az-spacing-lg);
}

.az-about-card__stat {
    background: var(--az-surface-3);
    border-radius: var(--az-radius-xl);
    padding: var(--az-spacing-xl);
    text-align: center;
}

.az-about-card__num {
    display: block;
    font-family: var(--az-font-display);
    font-size: var(--az-text-3xl);
    font-weight: 800;
    color: var(--az-accent);
    line-height: 1;
    margin-bottom: var(--az-spacing-xs);
}

.az-about-card__label {
    font-size: var(--az-text-xs);
    color: var(--az-text-muted);
    line-height: 1.4;
}

.az-values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--az-spacing-lg);
}

.az-value-card {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
    padding: var(--az-spacing-xl);
    transition: border-color var(--az-transition-base), transform var(--az-transition-base);
}

.az-value-card:hover {
    border-color: var(--az-accent);
    transform: translateY(-4px);
}

.az-value-card__icon {
    font-size: 2rem;
    margin-bottom: var(--az-spacing-md);
}

.az-value-card__title {
    font-size: var(--az-text-base);
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-sm);
}

.az-value-card__desc {
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    line-height: 1.7;
}

.az-differentiator {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--az-spacing-4xl);
    align-items: start;
}

.az-differentiator__content h2 {
    font-family: var(--az-font-display);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 800;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-xl);
    line-height: 1.2;
}

.az-diff-list {
    display: flex;
    flex-direction: column;
    gap: var(--az-spacing-xl);
}

.az-diff-item {
    display: flex;
    align-items: flex-start;
    gap: var(--az-spacing-md);
}

.az-diff-item__icon {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--az-accent);
}

.az-diff-item strong {
    display: block;
    font-size: var(--az-text-base);
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: 4px;
}

.az-diff-item p {
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    line-height: 1.7;
    margin: 0;
}

.az-about-cta-card {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-2xl);
    padding: var(--az-spacing-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--az-spacing-md);
    text-align: center;
}

.az-about-cta-card h3 {
    font-family: var(--az-font-display);
    font-size: var(--az-text-xl);
    font-weight: 700;
    color: var(--az-text-primary);
}

.az-about-cta-card p {
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    line-height: 1.7;
}

/* ─── Contact Page ───────────────────────────────── */

.az-contact-layout {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: var(--az-spacing-3xl);
    align-items: start;
}

.az-contact-form-card {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-2xl);
    padding: var(--az-spacing-2xl);
}

.az-contact-form-card__title {
    font-family: var(--az-font-display);
    font-size: var(--az-text-2xl);
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-xs);
}

.az-contact-form-card__desc {
    font-size: var(--az-text-base);
    color: var(--az-text-secondary);
    margin-bottom: var(--az-spacing-xl);
}

.az-contact-wa {
    background: linear-gradient(135deg, rgba(37, 211, 102, 0.1), rgba(37, 211, 102, 0.05));
    border: 1px solid rgba(37, 211, 102, 0.3);
    border-radius: var(--az-radius-xl);
    padding: var(--az-spacing-xl);
    display: flex;
    gap: var(--az-spacing-lg);
    align-items: flex-start;
    margin-bottom: var(--az-spacing-xl);
}

.az-contact-wa__icon {
    color: #25D366;
    flex-shrink: 0;
    margin-top: 2px;
}

.az-contact-wa__content strong {
    display: block;
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-xs);
}

.az-contact-wa__content p {
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    margin-bottom: var(--az-spacing-md);
    line-height: 1.5;
}

.az-btn--wa {
    background: #25D366;
    color: #fff;
    border-color: #25D366;
}

.az-btn--wa:hover {
    background: #1ebe5a;
    border-color: #1ebe5a;
    color: #fff;
}

.az-contact-details {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
    padding: var(--az-spacing-xl);
    margin-bottom: var(--az-spacing-xl);
}

.az-contact-details__title {
    font-size: var(--az-text-base);
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-lg);
}

.az-contact-detail-item {
    display: flex;
    align-items: flex-start;
    gap: var(--az-spacing-md);
    padding: var(--az-spacing-md) 0;
    border-bottom: 1px solid var(--az-border-primary);
}

.az-contact-detail-item:last-child { border-bottom: 0; }

.az-contact-detail-item__icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}

.az-contact-detail-item__label {
    display: block;
    font-size: var(--az-text-xs);
    color: var(--az-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 2px;
}

.az-contact-detail-item__value {
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    text-decoration: none;
    transition: color var(--az-transition-fast);
}

a.az-contact-detail-item__value:hover { color: var(--az-accent); }

/* Contact FAQ */
.az-contact-faq {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
    padding: var(--az-spacing-xl);
}

.az-contact-faq__title {
    font-size: var(--az-text-base);
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-lg);
}

.az-faq-mini__item {
    border-bottom: 1px solid var(--az-border-primary);
    padding: var(--az-spacing-md) 0;
}

.az-faq-mini__item:last-child { border-bottom: 0; }

.az-faq-mini__q {
    font-size: var(--az-text-sm);
    font-weight: 600;
    color: var(--az-text-primary);
    cursor: pointer;
    list-style: none;
    padding-right: var(--az-spacing-md);
    transition: color var(--az-transition-fast);
}

.az-faq-mini__q:hover { color: var(--az-accent); }

.az-faq-mini__q::-webkit-details-marker { display: none; }

.az-faq-mini__item[open] .az-faq-mini__q {
    color: var(--az-accent);
    margin-bottom: var(--az-spacing-sm);
}

.az-faq-mini__a {
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    line-height: 1.7;
    margin: 0;
    padding-left: var(--az-spacing-md);
    border-left: 2px solid var(--az-accent);
}

/* ─── Blog ───────────────────────────────────────── */

.az-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--az-spacing-lg);
}

.az-blog-card {
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
    overflow: hidden;
    transition: transform var(--az-transition-base), border-color var(--az-transition-base);
}

.az-blog-card:hover {
    transform: translateY(-4px);
    border-color: var(--az-border-hover);
}

.az-blog-card__img-wrap {
    display: block;
    overflow: hidden;
    aspect-ratio: 16/9;
}

.az-blog-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.az-blog-card:hover .az-blog-card__img { transform: scale(1.03); }

.az-blog-card__body {
    padding: var(--az-spacing-xl);
}

.az-blog-card__meta { margin-bottom: var(--az-spacing-md); }

.az-blog-card__title {
    font-family: var(--az-font-display);
    font-size: var(--az-text-xl);
    font-weight: 700;
    color: var(--az-text-primary);
    line-height: 1.3;
    margin-bottom: var(--az-spacing-md);
}

.az-blog-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color var(--az-transition-fast);
}

.az-blog-card__title a:hover { color: var(--az-accent); }

.az-blog-card__excerpt {
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    line-height: 1.7;
    margin-bottom: var(--az-spacing-lg);
}

.az-blog-card__link {
    font-size: var(--az-text-sm);
    font-weight: 600;
    color: var(--az-accent);
    text-decoration: none;
    transition: gap var(--az-transition-fast);
}

.az-blog-card__link:hover { text-decoration: underline; }

/* Blog Post Single */
.az-blog-meta {
    display: flex;
    align-items: center;
    gap: var(--az-spacing-md);
    margin-bottom: var(--az-spacing-xl);
    flex-wrap: wrap;
}

.az-blog-meta__date,
.az-blog-meta__time {
    font-size: var(--az-text-sm);
    color: var(--az-text-muted);
    font-family: var(--az-font-mono);
}

.az-blog-featured-img {
    margin-bottom: var(--az-spacing-3xl);
}

.az-blog-featured-img__img {
    width: 100%;
    height: auto;
    border-radius: var(--az-radius-2xl);
    display: block;
}

.az-prose--blog {
    font-size: 1.125rem;
    line-height: 1.85;
}

.az-blog-post-footer {
    padding-top: var(--az-spacing-2xl);
    border-top: 1px solid var(--az-border-primary);
    margin-top: var(--az-spacing-3xl);
    display: flex;
    flex-direction: column;
    gap: var(--az-spacing-2xl);
}

.az-blog-tags {
    display: flex;
    align-items: center;
    gap: var(--az-spacing-sm);
    flex-wrap: wrap;
}

.az-blog-tags__label {
    font-size: var(--az-text-sm);
    color: var(--az-text-muted);
}

.az-tag {
    padding: 4px 12px;
    background: var(--az-surface-3);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-full);
    font-size: var(--az-text-xs);
    color: var(--az-text-secondary);
    text-decoration: none;
    transition: all var(--az-transition-fast);
}

.az-tag:hover {
    background: var(--az-accent);
    color: var(--az-bg-primary);
    border-color: var(--az-accent);
}

.az-author-box {
    display: flex;
    gap: var(--az-spacing-lg);
    align-items: flex-start;
    padding: var(--az-spacing-xl);
    background: var(--az-surface-2);
    border: 1px solid var(--az-border-primary);
    border-radius: var(--az-radius-xl);
}

.az-author-box__img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.az-author-box__label {
    display: block;
    font-size: var(--az-text-xs);
    color: var(--az-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.az-author-box__name {
    display: block;
    font-size: var(--az-text-lg);
    font-weight: 700;
    color: var(--az-text-primary);
    margin-bottom: var(--az-spacing-sm);
}

.az-author-box__bio {
    font-size: var(--az-text-sm);
    color: var(--az-text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* ─── Responsive Shop/Product ────────────────────── */

@media (max-width: 1024px) {
    .az-shop-grid { grid-template-columns: 1fr; }
    .az-shop-features { grid-template-columns: 1fr; }
    .az-product-layout { grid-template-columns: 1fr; }
    .az-product-gallery { position: static; }
    .az-product-content-layout { grid-template-columns: 1fr; }
    .az-related-grid { grid-template-columns: 1fr; }
    .az-cart-layout { grid-template-columns: 1fr; }
    .az-cart-summary { position: static; }
    .az-checkout-layout { grid-template-columns: 1fr; }
    .az-checkout-order-summary { position: static; }
    .az-about-intro { grid-template-columns: 1fr; gap: var(--az-spacing-2xl); }
    .az-values-grid { grid-template-columns: repeat(2, 1fr); }
    .az-differentiator { grid-template-columns: 1fr; }
    .az-contact-layout { grid-template-columns: 1fr; }
    .az-blog-grid { grid-template-columns: 1fr; }
    .az-product-trust { grid-template-columns: 1fr; }
}