/* SharkSales Mobile Responsive Improvements */

/* === VIEWPORT E BASE MOBILE === */
@media (max-width: 480px) {
  :root {
    /* Ajustes de espaçamentos para mobile */
    --ss-space-mobile-xs: 0.5rem;
    --ss-space-mobile-sm: 0.75rem;
    --ss-space-mobile-md: 1rem;
    --ss-space-mobile-lg: 1.5rem;
    
    /* Font sizes otimizados para mobile */
    --ss-font-size-mobile-xs: 0.7rem;    /* 11px */
    --ss-font-size-mobile-sm: 0.8rem;    /* 13px */
    --ss-font-size-mobile-base: 0.9rem;  /* 14px */
    --ss-font-size-mobile-lg: 1rem;      /* 16px */
    --ss-font-size-mobile-xl: 1.1rem;    /* 18px */
  }
}

/* === HEADER MOBILE IMPROVEMENTS === */
@media (max-width: 768px) {
  .sharksales-site-header {
    padding: var(--ss-space-mobile-sm) var(--ss-space-mobile-md);
    margin-bottom: var(--ss-space-mobile-md);
    gap: var(--ss-space-mobile-sm);
  }
  
  .sharksales-site-header .brand-area .logo {
    width: 36px;
    height: 36px;
  }
  
  .sharksales-site-header .site-title {
    font-size: var(--ss-font-size-mobile-lg);
  }
  
  .sharksales-site-header .site-sub {
    font-size: var(--ss-font-size-mobile-xs);
  }
  
  .sharksales-nav .nav-link {
    padding: var(--ss-space-mobile-xs) var(--ss-space-mobile-sm);
    font-size: var(--ss-font-size-mobile-sm);
    font-weight: 600;
  }
}

@media (max-width: 480px) {
  .sharksales-site-header {
    padding: var(--ss-space-mobile-xs) var(--ss-space-mobile-sm);
    flex-wrap: wrap;
  }
  
  .sharksales-nav {
    width: 100%;
    justify-content: space-around;
    margin-top: var(--ss-space-mobile-xs);
  }
  
  .sharksales-nav .nav-link {
    flex: 1;
    text-align: center;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* === CONTAINER E LAYOUT MOBILE === */
@media (max-width: 768px) {
  .ss-container,
  .container {
    padding-left: var(--ss-space-mobile-md);
    padding-right: var(--ss-space-mobile-md);
  }
  
  .sharksales-wrapper {
    min-height: 100vh;
  }
}

@media (max-width: 480px) {
  .ss-container,
  .container {
    padding-left: var(--ss-space-mobile-sm);
    padding-right: var(--ss-space-mobile-sm);
  }
}

/* === CARDS MOBILE IMPROVEMENTS === */
@media (max-width: 768px) {
  .ss-card-destaque {
    min-height: 190px;
    padding: var(--ss-space-mobile-sm);
  }
  
  .ss-card-destaque__title {
    font-size: var(--ss-font-size-mobile-base);
    margin-bottom: var(--ss-space-mobile-xs);
  }
  
  .ss-card-destaque__info {
    gap: 0.25rem;
    margin-bottom: var(--ss-space-mobile-xs);
  }
  
  .ss-card-destaque__info-item {
    font-size: var(--ss-font-size-mobile-xs);
  }
  
  .ss-card-destaque__icon img {
    width: 32px;
    height: 32px;
  }
  
  .ss-card-destaque__icon-fallback {
    width: 32px;
    height: 32px;
  }
  
  /* Cards de lista (produtos principais) compactos no mobile */
  .ss-card-lista {
    padding: var(--ss-space-mobile-sm);
    min-height: 65px;
    gap: var(--ss-space-mobile-xs);
  }
  
  .ss-card-lista__icon {
    width: 36px;
    height: 36px;
  }
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .ss-card-destaque {
    min-height: auto;
    padding: var(--ss-space-mobile-sm);
  }
  
  .ss-card-destaque__title {
    font-size: var(--ss-font-size-mobile-sm);
    text-align: left;
    line-height: 1.3;
  }
  
  .ss-card-destaque__icon {
    margin-bottom: var(--ss-space-mobile-xs);
  }
  
  .ss-card-destaque__icon img {
    width: 32px;
    height: 32px;
  }
  
  .ss-card-destaque__icon-fallback {
    width: 32px;
    height: 32px;
    font-size: 20px;
  }
}

/* === MODAL MOBILE IMPROVEMENTS === */
@media (max-width: 768px) {
  .sharksales-modal,
  .ss-modal-overlay {
    padding: var(--ss-space-mobile-sm);
    align-items: flex-end;
  }
  
  .modal-content,
  .ss-modal {
    max-width: 100%;
    max-height: 85vh;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
  }
  
  .modal-header {
    padding: var(--ss-space-mobile-md);
  }
  
  .modal-body {
    padding: var(--ss-space-mobile-md);
  }
  
  .modal-header h3 {
    font-size: var(--ss-font-size-mobile-lg);
  }
}

@media (max-width: 480px) {
  .modal-content,
  .ss-modal {
    max-height: 90vh;
    border-radius: var(--ss-space-mobile-md) var(--ss-space-mobile-md) 0 0;
  }
  
  .modal-header,
  .modal-body {
    padding: var(--ss-space-mobile-sm) var(--ss-space-mobile-md);
  }
  
  .modal-close {
    width: 24px;
    height: 24px;
    font-size: 1.2rem;
  }
}

/* === FAQ MODAL MOBILE === */
@media (max-width: 768px) {
  .faq-content {
    max-height: 60vh;
  }
  
  .faq-question {
    padding: var(--ss-space-mobile-sm);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--ss-space-mobile-xs);
  }
  
  .faq-question strong {
    font-size: var(--ss-font-size-mobile-sm);
  }
  
  .faq-toggle {
    position: absolute;
    top: var(--ss-space-mobile-sm);
    right: var(--ss-space-mobile-sm);
    font-size: 1.2rem;
  }
  
  .faq-answer {
    padding: var(--ss-space-mobile-sm);
  }
  
  .faq-answer p {
    font-size: var(--ss-font-size-mobile-sm);
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  .faq-question {
    position: relative;
    padding-right: 2.5rem;
  }
  
  .faq-question strong {
    font-size: var(--ss-font-size-mobile-xs);
    line-height: 1.3;
  }
}

/* === FORMS MOBILE IMPROVEMENTS === */
@media (max-width: 768px) {
  .form-group {
    margin-bottom: var(--ss-space-mobile-sm);
  }
  
  .form-group label {
    margin-bottom: var(--ss-space-mobile-xs);
    font-size: var(--ss-font-size-mobile-sm);
  }
  
  .form-group input,
  .form-group textarea,
  .form-group select {
    padding: var(--ss-space-mobile-sm);
    font-size: var(--ss-font-size-mobile-base);
    border-radius: var(--ss-radius-md);
  }
  
  .form-actions {
    gap: var(--ss-space-mobile-sm);
    margin-top: var(--ss-space-mobile-md);
  }
}

@media (max-width: 480px) {
  .form-actions {
    flex-direction: column-reverse;
  }
  
  .form-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* === BUTTONS MOBILE === */
@media (max-width: 768px) {
  .btn {
    padding: var(--ss-space-mobile-sm) var(--ss-space-mobile-md);
    font-size: var(--ss-font-size-mobile-sm);
    font-weight: 600;
  }
}

@media (max-width: 480px) {
  .btn {
    padding: var(--ss-space-mobile-md) var(--ss-space-mobile-lg);
    font-size: var(--ss-font-size-mobile-base);
    min-height: 44px; /* Apple's recommendation for touch targets */
  }
}

/* === MINHA CONTA PAGE MOBILE === */
@media (max-width: 768px) {
  .page-header h1 {
    font-size: var(--ss-font-size-mobile-xl);
    margin-bottom: var(--ss-space-mobile-md);
  }
  
  .account-header {
    padding: var(--ss-space-mobile-md);
    margin-bottom: var(--ss-space-mobile-md);
    gap: var(--ss-space-mobile-sm);
  }
  
  .account-section {
    padding: var(--ss-space-mobile-md);
    margin-bottom: var(--ss-space-mobile-md);
  }
  
  .account-section h3 {
    margin-bottom: var(--ss-space-mobile-sm);
    padding-bottom: var(--ss-space-mobile-xs);
  }
  
  .data-grid {
    grid-template-columns: 1fr;
    gap: var(--ss-space-mobile-sm);
  }
  
  .data-item {
    gap: var(--ss-space-mobile-xs);
  }
  
  .data-item label {
    font-size: var(--ss-font-size-mobile-xs);
  }
  
  .data-item span {
    font-size: var(--ss-font-size-mobile-sm);
  }
}

@media (max-width: 480px) {
  .sharksales-minha-conta {
    padding: var(--ss-space-mobile-sm) 0;
  }
  
  .account-header {
    padding: var(--ss-space-mobile-sm);
    text-align: center;
  }
  
  .user-info {
    flex-direction: column;
    text-align: center;
    gap: var(--ss-space-mobile-xs);
  }
  
  .avatar-placeholder {
    width: 48px;
    height: 48px;
    font-size: var(--ss-font-size-mobile-lg);
  }
  
  .user-details h2 {
    font-size: var(--ss-font-size-mobile-lg);
  }
  
  .account-status {
    font-size: var(--ss-font-size-mobile-xs);
  }
  
  .account-actions {
    margin-top: var(--ss-space-mobile-sm);
  }
}

/* === ORDER HISTORY MOBILE === */
@media (max-width: 768px) {
  .order-item {
    padding: var(--ss-space-mobile-sm);
    gap: var(--ss-space-mobile-sm);
  }
  
  .order-product {
    font-size: var(--ss-font-size-mobile-base);
    margin-bottom: var(--ss-space-mobile-xs);
  }
  
  .order-meta {
    gap: 2px;
    font-size: var(--ss-font-size-mobile-xs);
  }
  
  .order-status {
    font-size: var(--ss-font-size-mobile-xs);
    padding: var(--ss-space-mobile-xs) var(--ss-space-mobile-sm);
  }
}

@media (max-width: 480px) {
  .order-item {
    flex-direction: column;
    align-items: stretch;
  }
  
  .order-status-wrapper {
    align-self: flex-end;
    margin-top: var(--ss-space-mobile-xs);
  }
}

/* === QUICK ACTIONS MOBILE === */
@media (max-width: 768px) {
  .actions-grid {
    grid-template-columns: 1fr;
    gap: var(--ss-space-mobile-sm);
  }
  
  .action-card {
    padding: var(--ss-space-mobile-md) var(--ss-space-mobile-sm);
    flex-direction: row;
    text-align: left;
    gap: var(--ss-space-mobile-sm);
  }
  
  .action-icon {
    font-size: var(--ss-font-size-mobile-xl);
    margin-bottom: 0;
    flex-shrink: 0;
  }
  
  .action-text {
    font-size: var(--ss-font-size-mobile-sm);
  }
}

@media (max-width: 480px) {
  .actions-grid {
    grid-template-columns: 1fr;
  }
  
  .action-card {
    min-height: 60px;
    justify-content: flex-start;
  }
}

/* === SUPPORT LINKS MOBILE === */
@media (max-width: 768px) {
  .support-links {
    gap: var(--ss-space-mobile-md);
    flex-direction: column;
  }
  
  .support-link {
    padding: var(--ss-space-mobile-sm) 0;
    font-size: var(--ss-font-size-mobile-sm);
    text-align: center;
    border: 1px solid var(--ss-dark-border);
    border-radius: var(--ss-radius-md);
    background: rgba(255, 255, 255, 0.02);
    display: block;
    transition: all 0.2s ease;
  }
  
  .support-link:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--ss-highlight-blue);
  }
}

@media (max-width: 480px) {
  .support-links {
    gap: var(--ss-space-mobile-sm);
  }
  
  .support-link {
    padding: var(--ss-space-mobile-md);
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* === BREADCRUMBS MOBILE === */
@media (max-width: 768px) {
  .ss-breadcrumbs {
    padding: var(--ss-space-mobile-sm) 0;
  }
  
  .ss-breadcrumbs__list {
    gap: var(--ss-space-mobile-xs);
  }
  
  .ss-breadcrumbs__link {
    font-size: var(--ss-font-size-mobile-xs);
  }
}

@media (max-width: 480px) {
  .ss-breadcrumbs__list {
    flex-wrap: wrap;
  }
  
  .ss-breadcrumbs__item {
    max-width: 150px;
  }
  
  .ss-breadcrumbs__link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* === LOADING STATES MOBILE === */
@media (max-width: 768px) {
  .skeleton-loader {
    padding: var(--ss-space-mobile-md);
  }
  
  .skeleton-header,
  .skeleton-content {
    margin-bottom: var(--ss-space-mobile-sm);
  }
  
  .skeleton-header {
    height: 40px;
  }
  
  .skeleton-content {
    height: 16px;
  }
}

/* === ERROR STATES MOBILE === */
@media (max-width: 768px) {
  .error-state,
  .not-logged-state {
    padding: var(--ss-space-mobile-lg) var(--ss-space-mobile-md);
  }
  
  .error-message h2,
  .login-prompt h2 {
    font-size: var(--ss-font-size-mobile-lg);
    margin-bottom: var(--ss-space-mobile-sm);
  }
  
  .error-message p,
  .login-prompt p {
    font-size: var(--ss-font-size-mobile-sm);
    margin-bottom: var(--ss-space-mobile-md);
  }
}

/* === BACK BUTTON MOBILE === */
@media (max-width: 768px) {
  .sharksales-back-button {
    padding: var(--ss-space-mobile-sm) 0;
  }
  
  .btn-back {
    font-size: var(--ss-font-size-mobile-sm);
    gap: var(--ss-space-mobile-xs);
  }
}

/* === TOUCH IMPROVEMENTS === */
@media (max-width: 768px) {
  /* Aumenta área de toque para elementos clicáveis */
  .faq-question,
  .support-link,
  .action-card,
  .nav-link {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  
  /* Remove hover states em touch devices */
  .ss-card-destaque:hover,
  .ss-card-lista:hover {
    transform: none;
  }
  
  /* Melhora feedback tátil */
  .ss-card-destaque:active,
  .ss-card-lista:active,
  .btn:active {
    transform: scale(0.98);
    transition-duration: 0.1s;
  }
}

/* === FILTROS MOBILE - PÁGINA DE PRODUTOS === */
@media (max-width: 1024px) {
  /* Layout principal dos produtos - Stack em mobile */
  .sharksales-produtos {
    grid-template-columns: 1fr !important;
    gap: var(--ss-space-mobile-lg);
    padding: 0 var(--ss-space-mobile-md);
  }
  
  /* Painel de filtros em mobile */
  .sharksales-produtos-panel.ss-ativos-filters {
    position: static !important;
    top: auto !important;
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin-bottom: var(--ss-space-mobile-lg);
  }
}

@media (max-width: 768px) {
  /* Cards de filtro ocupam toda largura */
  .ss-filter-card--cats,
  .ss-filter-card--filters {
    margin-left: calc(-1 * var(--ss-space-mobile-md));
    margin-right: calc(-1 * var(--ss-space-mobile-md));
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  
  /* Primeira e última com bordas arredondadas */
  .ss-filter-card--cats {
    border-top-left-radius: var(--ss-radius-lg);
    border-top-right-radius: var(--ss-radius-lg);
    margin-bottom: 0;
  }
  
  .ss-filter-card--filters {
    border-bottom-left-radius: var(--ss-radius-lg);
    border-bottom-right-radius: var(--ss-radius-lg);
    border-top: none;
  }
  
  /* Header mais compacto em mobile */
  .ss-filter-card__header--compact {
    padding: var(--ss-space-mobile-md) var(--ss-space-mobile-lg);
  }
  
  .ss-categories-title {
    font-size: var(--ss-font-size-mobile-xl);
  }
  
  /* Lista de categorias otimizada */
  .ss-category-item a {
    padding: var(--ss-space-mobile-md) var(--ss-space-mobile-lg);
    font-size: var(--ss-font-size-mobile-sm);
    gap: var(--ss-space-mobile-sm);
  }
  
  .ss-cat-icon {
    width: 20px !important;
    height: 20px !important;
  }
  
  .ss-category-count {
    font-size: var(--ss-font-size-mobile-xs);
    padding: 4px 8px;
  }
}

@media (max-width: 480px) {
  /* Filtros ainda mais compactos */
  .ss-filter-card--cats,
  .ss-filter-card--filters {
    margin-left: calc(-1 * var(--ss-space-mobile-sm));
    margin-right: calc(-1 * var(--ss-space-mobile-sm));
  }
  
  .ss-filter-card__header--compact {
    padding: var(--ss-space-mobile-sm) var(--ss-space-mobile-md);
  }
  
  .ss-category-item a {
    padding: var(--ss-space-mobile-sm) var(--ss-space-mobile-md);
  }
  
  .ss-categories-title {
    font-size: var(--ss-font-size-mobile-lg);
  }
}

/* === FILTROS INTERNOS MOBILE === */
@media (max-width: 768px) {
  .ss-filter-card--filters {
    padding: var(--ss-space-mobile-md) var(--ss-space-mobile-lg);
  }
  
  .ss-filter-card__header h4 {
    font-size: var(--ss-font-size-mobile-base);
  }
  
  .ss-filters {
    gap: var(--ss-space-mobile-md);
  }
  
  /* Platform pill mais compacto */
  .ss-platform-pill {
    height: 44px;
    padding: 3px;
    background: #d9d9d9 !important;
  }
  
  .ss-platform-pill .plat-btn {
    padding: 0.5rem 0.75rem;
    font-size: var(--ss-font-size-mobile-xs);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }
  
  .ss-platform-pill__bg {
    top: 3px;
    bottom: 3px;
    left: 3px;
    width: calc(50% - 3px);
    background: #232327;
    border-radius: 14px;
  }
  
  .plat-btn--clear-out {
    padding: 0.5rem 0.75rem;
    font-size: var(--ss-font-size-mobile-xs);
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
  }
  
  /* Filtro de preço */
  .ss-price-filter__inputs {
    gap: var(--ss-space-mobile-sm);
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .ss-price-filter__slider {
    order: -1;
    width: 100%;
    margin-bottom: var(--ss-space-mobile-md);
    height: 8px;
  }
  
  #price-min,
  #price-max {
    flex: 1;
    min-width: 100px !important;
    max-width: 120px !important;
    font-size: var(--ss-font-size-mobile-sm);
    padding: var(--ss-space-mobile-sm) var(--ss-space-mobile-md);
    text-align: center;
    font-weight: 600;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
  }
  
  #price-min::placeholder,
  #price-max::placeholder {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
  }
  
  #price-min:focus,
  #price-max:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: var(--ss-highlight-blue) !important;
    box-shadow: 0 0 0 2px rgba(74, 158, 255, 0.3);
  }
  
  .ss-price-filter__display {
    font-size: var(--ss-font-size-mobile-sm);
    margin-bottom: var(--ss-space-mobile-sm);
    font-weight: 600;
    opacity: 0.9;
  }
  
  /* Selects de filtro */
  .ss-select {
    padding: var(--ss-space-mobile-sm);
    font-size: var(--ss-font-size-mobile-sm);
  }
  
  .ss-label {
    font-size: var(--ss-font-size-mobile-xs);
    margin-bottom: var(--ss-space-mobile-xs);
  }
}

@media (max-width: 480px) {
  .ss-filter-card--filters {
    padding: var(--ss-space-mobile-sm) var(--ss-space-mobile-md);
  }
  
  /* Platform wrapper stack em mobile pequeno */
  .ss-platform-wrapper {
    flex-direction: column;
    gap: var(--ss-space-mobile-sm);
    align-items: stretch;
  }
  
  .ss-platform-pill {
    width: 100%;
    height: 48px;
  }
  
  .ss-platform-pill .plat-btn {
    height: 42px;
    padding: 0.5rem;
  }
  
  .ss-platform-pill__bg {
    height: calc(100% - 6px);
  }
  
  .ss-cat-icon--btn {
    width: 16px !important;
    height: 16px !important;
  }
  
  /* ESCONDER LABELS - SÓ ÍCONES EM MOBILE */
  .ss-platform-label {
    display: none !important;
  }
  
  /* Aumentar ícones quando não tem label */
  .ss-platform-pill .plat-btn .ss-cat-icon--btn {
    width: 24px !important;
    height: 24px !important;
  }
  
  .plat-btn--clear-out {
    width: 100%;
    justify-content: center;
    min-height: 48px;
  }
  
  /* Filtro de preço em mobile pequeno */
  .ss-price-filter__inputs {
    gap: var(--ss-space-mobile-sm);
  }
  
  .ss-price-inputs-row {
    gap: var(--ss-space-mobile-sm) !important;
    position: relative;
  }
  
  .ss-price-inputs-row #price-min,
  .ss-price-inputs-row #price-max {
    flex: 1;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-bottom: 0;
    min-height: 48px !important;
    font-size: var(--ss-font-size-mobile-base) !important;
    padding: var(--ss-space-mobile-md) !important;
    border-radius: 12px !important;
  }
  
  .ss-price-inputs-row::after {
    font-size: var(--ss-font-size-mobile-xs) !important;
    opacity: 0.9;
  }
}

/* === PERFORMANCE MOBILE === */
@media (max-width: 768px) {
  /* Reduz animações para performance */
  * {
    transition-duration: 0.2s !important;
  }
  
  /* Simplifica sombras para performance */
  .ss-card-destaque,
  .ss-card-lista,
  .account-section {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  
  .ss-card-destaque:hover,
  .ss-card-lista:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
}

/* === ACCESSIBILITY MOBILE === */
@media (max-width: 768px) {
  /* Melhora contraste para telas pequenas */
  .ss-dark-text-muted {
    color: #c4c6cc;
  }
  
  .ss-dark-text-subtle {
    color: #a0a2b0;
  }
  
  /* Focus states mais visíveis em mobile */
  *:focus-visible {
    outline: 3px solid var(--ss-highlight-blue);
    outline-offset: 2px;
  }
  
  /* Scroll suave e snapping */
  .ss-horizontal-scroll {
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  
  .ss-horizontal-scroll > * {
    scroll-snap-align: start;
  }
  
  /* Feedback visual de toque */
  .ss-btn:active,
  .ss-card-destaque:active,
  .ss-card-lista:active,
  button:active,
  a:active {
    opacity: 0.7;
    transform: scale(0.98);
  }
  
  /* Prevenir seleção acidental */
  .ss-btn,
  .ss-card-destaque,
  .ss-card-lista {
    -webkit-tap-highlight-color: rgba(74, 158, 255, 0.2);
    user-select: none;
  }
}

/* === LANDSCAPE MOBILE === */
@media (max-width: 768px) and (orientation: landscape) {
  .sharksales-modal,
  .ss-modal-overlay {
    align-items: center;
  }
  
  .modal-content,
  .ss-modal {
    max-height: 80vh;
    border-radius: var(--ss-radius-xl);
  }
  
  /* Header mais compacto em landscape */
  .sharksales-site-header {
    padding: var(--ss-space-2) var(--ss-space-4);
  }
  
  .sharksales-site-header .brand-area .logo {
    width: 32px;
    height: 32px;
  }
  
  /* Grid de produtos 2 colunas em landscape */
  #sharksales-ofertas-grid.ss-ativos-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  /* Modais ocupam mais largura em landscape */
  .ss-modal {
    max-width: 85vw;
  }
}

/* === TABLETS EM PORTRAIT (768px - 1024px) === */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #sharksales-ofertas-grid.ss-ativos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--ss-space-5);
  }
  
  .sharksales-produtos {
    grid-template-columns: 250px 1fr;
    gap: var(--ss-space-6);
  }
}