/** Shopify CDN: Minification failed

Line 4464:0 All "@import" rules must come first

**/
/* ============================================
   TEZVI CUSTOM CSS - COMPLETE FILE v3.0 CLEAN
   Foundation + Header + Pill Tabs + All Sections
   Fixed: Cart badge, Footer duplicate, Pill tabs
   ============================================ */

/* ===== GOOGLE FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ===== CSS VARIABLES ===== */
:root {
  /* Brand Colors */
  --tezvi-primary: #0E7C66;
  --tezvi-primary-dark: #0E4D52;
  --tezvi-primary-bright: #1D9E75;
  --tezvi-mint: #DDF0E8;
  --tezvi-mint-light: #ECFDF5;
  
  /* Neutrals */
  --tezvi-black: #111827;
  --tezvi-white: #FFFFFF;
  --tezvi-gray-50: #F9FAFB;
  --tezvi-gray-100: #F3F4F6;
  --tezvi-gray-200: #E5E7EB;
  --tezvi-gray-300: #D1D5DB;
  --tezvi-gray-400: #9CA3AF;
  --tezvi-gray-500: #6B7280;
  --tezvi-gray-600: #4B5563;
  --tezvi-gray-700: #374151;
  --tezvi-gray-800: #1F2937;
  
  /* Semantic */
  --tezvi-sale-red: #DC2626;
  --tezvi-gold: #F59E0B;
  --tezvi-success: #10B981;
  
  /* Spacing & Layout */
  --tezvi-container: 1280px;
  --tezvi-radius-sm: 4px;
  --tezvi-radius-md: 8px;
  --tezvi-radius-lg: 12px;
  --tezvi-radius-xl: 16px;
  --tezvi-radius-full: 999px;
  
  /* Shadows */
  --tezvi-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --tezvi-shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --tezvi-shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
  
  /* Transitions */
  --tezvi-transition: all 0.2s ease;
}

/* ===== BASE FONT ===== */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ===== UTILITY CLASSES ===== */
.tezvi-container {
  max-width: var(--tezvi-container);
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
}

/* ============================================
   TEZVI HEADER STYLES v2.2 (FIXED)
   ============================================ */

.tezvi-header-wrapper {
  background: linear-gradient(135deg, #DDF0E8 0%, #E8F4ED 100%);
  position: sticky;
  top: 0;
  z-index: 999;
  width: 100%;
  overflow: visible;
}

.tezvi-header-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 15% 30%, rgba(14,124,102,0.06) 3px, transparent 3px),
    radial-gradient(circle at 85% 70%, rgba(14,124,102,0.06) 3px, transparent 3px),
    radial-gradient(circle at 50% 50%, rgba(14,124,102,0.04) 2px, transparent 2px);
  background-size: 90px 90px, 110px 110px, 70px 70px;
  pointer-events: none;
  z-index: 0;
}

/* ===== DESKTOP HEADER ===== */
.tezvi-header--desktop {
  display: block;
  position: relative;
  z-index: 2;
}

.tezvi-header__grid {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 24px;
  align-items: center;
  padding: 12px 24px 0;
  min-height: 84px;
  max-width: var(--tezvi-container);
  margin: 0 auto;
}

.tezvi-header__logo-wrap {
  display: flex;
  align-items: center;
  height: 60px;
}

.tezvi-header__logo {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.tezvi-header__logo-text {
  font-size: 30px;
  font-weight: 800;
  color: var(--tezvi-black);
  letter-spacing: -1.5px;
  line-height: 1;
}

.tezvi-header__logo-dot {
  color: var(--tezvi-primary);
}

.tezvi-header__logo img {
  max-height: 50px;
  max-width: 140px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.tezvi-header__tabs-wrap {
  display: flex;
  justify-content: center;
  align-self: end;
}

.tezvi-header__search-wrap {
  display: flex;
  align-items: center;
  height: 60px;
}

.tezvi-search-form {
  position: relative;
  background: var(--tezvi-white);
  border-radius: var(--tezvi-radius-full);
  display: flex;
  align-items: center;
  padding: 0 20px;
  min-width: 280px;
  height: 44px;
  box-shadow: 0 2px 8px rgba(14,124,102,0.06);
  transition: var(--tezvi-transition);
}

.tezvi-search-form:focus-within {
  box-shadow: 0 4px 16px rgba(14,124,102,0.12);
}

.tezvi-search-form__icon {
  color: var(--tezvi-gray-400);
  flex-shrink: 0;
}

.tezvi-search-form__input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 0 12px;
  font-size: 14px;
  font-family: inherit;
  color: var(--tezvi-black);
  outline: none;
  width: 100%;
  height: 100%;
}

.tezvi-search-form__input::placeholder {
  color: var(--tezvi-gray-400);
}

.tezvi-header__actions {
  display: flex !important;
  align-items: center;
  gap: 6px !important;
  height: 60px;
  flex-shrink: 0 !important;
}

/* Make sure all icons visible */
.tezvi-header__icon {
  display: flex !important;
  visibility: visible !important;
}

/* Mobile - smaller gap, ensure cart visible */
@media (max-width: 768px) {
  .tezvi-header__icon--mobile {
    width: 36px !important;
    height: 36px !important;
  }
  
  .tezvi-header__mobile-row1 {
    gap: 8px !important;
  }
}

.tezvi-header__icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tezvi-black);
  text-decoration: none;
  border-radius: var(--tezvi-radius-md);
  position: relative;
  transition: var(--tezvi-transition);
  flex-shrink: 0;
}

.tezvi-header__icon:hover {
  background: rgba(255,255,255,0.5);
}

/* ✅ FIXED: Cart Badge (was broken before) */
.tezvi-header__cart-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  background: var(--tezvi-sale-red);
  color: var(--tezvi-white);
  font-size: 10px;
  font-weight: 800;
  min-width: 18px;
  height: 18px;
  border-radius: var(--tezvi-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border: 2px solid #DDF0E8;
}

/* ============================================
   TEZVI TABS v3.0 - PREMIUM PILL STYLE
   ============================================ */

.tezvi-tabs-v3 {
  display: flex !important;
  gap: 4px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 4px 8px 8px 8px !important;
  scrollbar-width: none;
  background: transparent;
  justify-content: space-between !important;
}

.tezvi-tabs-v3::-webkit-scrollbar {
  display: none !important;
}

.tezvi-tab-v3 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 10px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: #6B7280 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  border: none !important;
  white-space: nowrap !important;
}

.tezvi-tab-v3:hover {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0E4D52 !important;
}

.tezvi-tab-v3--active {
  background: linear-gradient(135deg, #0E7C66 0%, #0E4D52 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(14, 124, 102, 0.25) !important;
}

.tezvi-tab-v3--active:hover {
  background: linear-gradient(135deg, #0E7C66 0%, #0E4D52 100%) !important;
  color: #FFFFFF !important;
}

.tezvi-tab-v3__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
}

.tezvi-tab-v3__icon svg {
  width: 100% !important;
  height: 100% !important;
}

.tezvi-tab-v3__label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1px !important;
  line-height: 1 !important;
}

.tezvi-tab-v3__badge {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  background: linear-gradient(135deg, #FCD34D, #F59E0B) !important;
  color: #78350F !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  padding: 2px 5px !important;
  border-radius: 999px !important;
  letter-spacing: 0.3px !important;
  line-height: 1 !important;
  box-shadow: 0 2px 4px rgba(252, 211, 77, 0.4) !important;
}

.tezvi-tab-v3__dot {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  width: 6px !important;
  height: 6px !important;
  background: #DC2626 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px #DDF0E8 !important;
}

.tezvi-tab-v3--active .tezvi-tab-v3__dot {
  box-shadow: 0 0 0 2px #0E7C66 !important;
}

/* ===== MOBILE HEADER ===== */
.tezvi-header--mobile {
  display: none !important;
  position: relative;
  z-index: 2;
}

.tezvi-header__mobile-row1 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0 4px 0;
}

.tezvi-header__mobile-row1 .tezvi-header__logo-text {
  font-size: 28px;
}

.tezvi-search-form--mobile {
  flex: 1;
  min-width: 0;
  height: 42px;
  padding: 0 16px;
}

.tezvi-search-form--mobile .tezvi-search-form__input {
  font-size: 13px;
}

.tezvi-header__icon--mobile {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */
@media (max-width: 1024px) {
  .tezvi-header__grid {
    gap: 16px;
  }
  
  .tezvi-search-form {
    min-width: 200px;
  }
}

@media (max-width: 768px) {
  .tezvi-header--desktop {
    display: none !important;
  }
  
  .tezvi-header--mobile {
    display: block !important;
  }
}

@media (max-width: 480px) {
  .tezvi-header__mobile-row1 {
    gap: 8px;
  }
  
  .tezvi-header__mobile-row1 .tezvi-header__logo-text {
    font-size: 24px;
  }
  
  .tezvi-header__icon--mobile {
    width: 34px;
    height: 34px;
  }
}

/* Desktop - Center the tabs */
@media (min-width: 768px) {
  .tezvi-tabs-v3 {
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 16px !important;
  }
  
  .tezvi-tab-v3 {
    padding: 10px 18px !important;
    font-size: 13px !important;
  }
  
  .tezvi-tab-v3__label {
    font-size: 13px !important;
  }
  
  .tezvi-tab-v3__icon {
    width: 18px !important;
    height: 18px !important;
  }
}

/* ============================================
   HIDE OLD ELLA HEADER (Homepage Only)
   ============================================ */
body.template-index .shopify-section-group-header-group,
body.template-index header.header-section,
body.template-index .header-section,
body.template-index header-component {
  display: none !important;
}

body.template-index main {
  margin-top: 0 !important;
}

body.template-index .announcement-bar-section {
  display: none !important;
}

/* ============================================
   TEZVI BESTSELLERS SECTION v2.0 (Slider)
   ============================================ */

.tezvi-section {
  padding: 60px 0;
  background: var(--tezvi-white);
}

.tezvi-bestsellers {
  background: var(--tezvi-white);
}

.tezvi-section__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.tezvi-section__heading-block {
  flex: 1;
  min-width: 280px;
}

.tezvi-section__eyebrow {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--tezvi-primary);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.tezvi-section__title {
  font-size: 36px;
  line-height: 1.2;
  margin: 0 0 8px;
  color: var(--tezvi-black);
  font-weight: 800;
}

.tezvi-section__title-light {
  font-weight: 400;
}

.tezvi-section__title-bold {
  font-weight: 800;
}

.tezvi-section__subtitle {
  font-size: 15px;
  color: var(--tezvi-gray-500);
  margin: 0;
}

.tezvi-section__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tezvi-section__nav-btn {
  width: 40px;
  height: 40px;
  border-radius: var(--tezvi-radius-full);
  background: var(--tezvi-white);
  border: 1.5px solid var(--tezvi-gray-200);
  color: var(--tezvi-black);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--tezvi-transition);
}

.tezvi-section__nav-btn:hover {
  background: var(--tezvi-primary);
  color: var(--tezvi-white);
  border-color: var(--tezvi-primary);
}

.tezvi-section__nav-btn--disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.tezvi-btn--view-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: transparent;
  border: 1.5px solid var(--tezvi-primary);
  color: var(--tezvi-primary);
  border-radius: var(--tezvi-radius-full);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: var(--tezvi-transition);
}

.tezvi-btn--view-all:hover {
  background: var(--tezvi-primary);
  color: var(--tezvi-white);
}

.tezvi-slider-wrap {
  position: relative;
  margin: 0 -8px;
}

.tezvi-products-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 8px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.tezvi-products-slider::-webkit-scrollbar {
  display: none;
}

.tezvi-slider__slide {
  flex: 0 0 calc((100% - 60px) / 4);
  scroll-snap-align: start;
  min-width: 0;
}

.tezvi-product-card {
  background: var(--tezvi-white);
  border: 1px solid var(--tezvi-gray-200);
  border-radius: var(--tezvi-radius-xl);
  padding: 16px;
  position: relative;
  transition: var(--tezvi-transition);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.tezvi-product-card:hover {
  border-color: var(--tezvi-primary);
  box-shadow: var(--tezvi-shadow-lg);
  transform: translateY(-4px);
}

.tezvi-product-card__top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  min-height: 24px;
}

.tezvi-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: var(--tezvi-radius-full);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.tezvi-badge--trending {
  background: linear-gradient(135deg, #FEF3C7, #FDE68A);
  color: #92400E;
}

.tezvi-badge--bestseller {
  background: linear-gradient(135deg, #FEE2E2, #FECACA);
  color: #991B1B;
}

.tezvi-product-card__rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--tezvi-gray-100);
  padding: 4px 8px;
  border-radius: var(--tezvi-radius-full);
  font-size: 12px;
  font-weight: 700;
  color: var(--tezvi-black);
}

.tezvi-product-card__rating-count {
  font-size: 10px;
  font-weight: 500;
  color: var(--tezvi-gray-500);
}

.tezvi-product-card__rating.jdgm-preview-badge {
  padding: 0;
  background: transparent;
}

.tezvi-product-card__size-pill {
  display: inline-flex !important;
  align-items: center;
  background: linear-gradient(135deg, #DDF0E8, #ECFDF5) !important;
  color: #0E7C66 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border: 1px solid rgba(14, 124, 102, 0.15);
  margin-left: auto;
  white-space: nowrap;
}

.tezvi-product-card__meta {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  flex-wrap: wrap;
}

.tezvi-product-card__image-wrap {
  display: block;
  background: var(--tezvi-gray-50);
  border-radius: var(--tezvi-radius-lg);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin-bottom: 16px;
  text-decoration: none;
}

.tezvi-product-card__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 16px;
  transition: var(--tezvi-transition);
}

.tezvi-product-card:hover .tezvi-product-card__image {
  transform: scale(1.05);
}

.tezvi-product-card__image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tezvi-product-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.tezvi-product-card__category {
  color: var(--tezvi-primary);
  letter-spacing: 0.5px;
}

.tezvi-product-card__skin-type {
  color: var(--tezvi-gray-500);
  padding-left: 8px;
  border-left: 1px solid var(--tezvi-gray-300);
}

.tezvi-product-card__title {
  font-size: 15px;
  font-weight: 700;
  color: var(--tezvi-black);
  line-height: 1.3;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 39px;
}

.tezvi-product-card__title a {
  color: inherit;
  text-decoration: none;
}

.tezvi-product-card__title a:hover {
  color: var(--tezvi-primary);
}

.tezvi-product-card__benefit {
  font-size: 12px;
  color: var(--tezvi-gray-500);
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tezvi-product-card__price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}

.tezvi-product-card__prices {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.tezvi-product-card__price {
  font-size: 18px;
  font-weight: 800;
  color: var(--tezvi-black);
}

.tezvi-product-card__compare-price {
  font-size: 13px;
  color: var(--tezvi-gray-400);
  text-decoration: line-through;
}

.tezvi-product-card__discount {
  font-size: 11px;
  font-weight: 700;
  color: var(--tezvi-sale-red);
  background: #FEE2E2;
  padding: 3px 8px;
  border-radius: var(--tezvi-radius-sm);
}

.tezvi-product-card__form {
  margin-top: 8px;
}

.tezvi-btn--cart {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--tezvi-black);
  color: var(--tezvi-white);
  border: none;
  border-radius: var(--tezvi-radius-full);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: var(--tezvi-transition);
  font-family: inherit;
}

.tezvi-btn--cart:hover:not(:disabled) {
  background: var(--tezvi-primary);
  transform: translateY(-1px);
}

.tezvi-btn--cart:disabled {
  background: var(--tezvi-gray-300);
  cursor: not-allowed;
}

.tezvi-empty-state {
  flex: 1;
  padding: 60px 24px;
  text-align: center;
  background: var(--tezvi-gray-50);
  border-radius: var(--tezvi-radius-lg);
  color: var(--tezvi-gray-500);
}

@media (max-width: 1024px) {
  .tezvi-slider__slide {
    flex: 0 0 calc((100% - 40px) / 3);
  }
  
  .tezvi-section__title {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .tezvi-section {
    padding: 40px 0;
  }
  
  .tezvi-products-slider {
    gap: 12px;
  }
  
  .tezvi-slider__slide {
    flex: 0 0 calc((100% - 12px) / 2);
  }
  
  .tezvi-section__header {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .tezvi-section__title {
    font-size: 26px;
  }
  
  .tezvi-product-card {
    padding: 12px;
  }
  
  .tezvi-product-card__title {
    font-size: 13px;
    min-height: 34px;
  }
  
  .tezvi-product-card__price {
    font-size: 15px;
  }
  
  .tezvi-btn--cart {
    padding: 8px 12px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .tezvi-section__title {
    font-size: 22px;
  }
  
  .tezvi-slider__slide {
    flex: 0 0 75%;
  }
  
  .tezvi-section__actions {
    width: 100%;
    justify-content: flex-start;
  }
  
  .tezvi-btn--view-all {
    margin-left: auto;
  }
}

/* ============================================
   JUDGE.ME WIDGET CUSTOM STYLING
   ============================================ */

.tezvi-product-card__rating-wrap {
  display: inline-flex;
  align-items: center;
}

.tezvi-product-card__rating-wrap .jdgm-prev-badge,
.tezvi-product-card__rating-wrap .jdgm-preview-badge {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  background: var(--tezvi-gray-100);
  padding: 4px 10px;
  border-radius: var(--tezvi-radius-full);
  font-size: 11px;
}

.tezvi-product-card__rating-wrap .jdgm-prev-badge__stars,
.tezvi-product-card__rating-wrap .jdgm-preview-badge__stars {
  font-size: 11px;
  letter-spacing: -1px;
  color: #F59E0B;
}

.tezvi-product-card__rating-wrap .jdgm-prev-badge__text,
.tezvi-product-card__rating-wrap .jdgm-preview-badge__text {
  font-size: 10px;
  color: var(--tezvi-gray-600);
  font-weight: 500;
}

.tezvi-product-card__rating-wrap:empty,
.tezvi-product-card__rating-wrap .jdgm-prev-badge[data-average-rating="0.00"],
.tezvi-product-card__rating-wrap .jdgm-preview-badge[data-average-rating="0.00"],
.tezvi-product-card__rating-wrap .jdgm-prev-badge[data-number-of-reviews="0"],
.tezvi-product-card__rating-wrap .jdgm-preview-badge[data-number-of-reviews="0"] {
  display: none !important;
}

/* ============================================
   TEZVI LIGHTNING SALE SECTION
   ============================================ */

.tezvi-lightning-sale {
  background: linear-gradient(135deg, #FFF7ED 0%, #FEF3C7 100%);
  position: relative;
  overflow: hidden;
}

.tezvi-lightning-sale::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(220, 38, 38, 0.04) 2px, transparent 2px),
    radial-gradient(circle at 90% 80%, rgba(245, 158, 11, 0.04) 2px, transparent 2px);
  background-size: 80px 80px, 100px 100px;
  pointer-events: none;
  z-index: 0;
}

.tezvi-lightning-sale .tezvi-container {
  position: relative;
  z-index: 1;
}

.tezvi-lightning__header {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 24px;
  align-items: flex-end;
  margin-bottom: 32px;
}

.tezvi-lightning__eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: var(--tezvi-sale-red) !important;
  background: rgba(220, 38, 38, 0.1);
  padding: 6px 12px;
  border-radius: var(--tezvi-radius-full);
  font-weight: 800 !important;
  letter-spacing: 1.5px;
}

.tezvi-lightning__title-bold {
  background: linear-gradient(135deg, #DC2626, #F59E0B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tezvi-lightning__countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  background: var(--tezvi-white);
  padding: 12px 20px;
  border-radius: var(--tezvi-radius-lg);
  box-shadow: 0 4px 16px rgba(220, 38, 38, 0.1);
  border: 1.5px solid rgba(220, 38, 38, 0.15);
}

.tezvi-lightning__countdown-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--tezvi-sale-red);
  letter-spacing: 1px;
  text-transform: uppercase;
}

.tezvi-lightning__countdown-timer {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: 'Courier New', monospace;
}

.tezvi-lightning__countdown-unit {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  background: linear-gradient(135deg, #1F2937, #111827);
  color: var(--tezvi-white);
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: 800;
  min-width: 48px;
  justify-content: center;
}

.tezvi-lightning__countdown-value {
  font-size: 18px;
  line-height: 1;
}

.tezvi-lightning__countdown-suffix {
  font-size: 10px;
  opacity: 0.7;
}

.tezvi-lightning__countdown-separator {
  font-size: 18px;
  font-weight: 800;
  color: var(--tezvi-sale-red);
}

.tezvi-btn--lightning {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #DC2626, #F59E0B);
  border: none;
  color: var(--tezvi-white);
  border-radius: var(--tezvi-radius-full);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: var(--tezvi-transition);
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
}

.tezvi-btn--lightning:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(220, 38, 38, 0.35);
}

.tezvi-lightning-card {
  border: 1.5px solid #FEE2E2;
  background: var(--tezvi-white);
  position: relative;
  overflow: visible;
}

.tezvi-lightning-card:hover {
  border-color: var(--tezvi-sale-red);
  box-shadow: 0 12px 32px rgba(220, 38, 38, 0.12);
}

.tezvi-lightning-card__discount-badge {
  position: absolute;
  top: -8px;
  left: 12px;
  background: linear-gradient(135deg, #DC2626, #B91C1C);
  color: var(--tezvi-white);
  font-size: 13px;
  font-weight: 800;
  padding: 6px 12px;
  border-radius: var(--tezvi-radius-md);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  z-index: 3;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
  letter-spacing: 0.5px;
}

.tezvi-lightning-card__discount-badge::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 8px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #B91C1C;
}

.tezvi-lightning-card__price {
  color: var(--tezvi-sale-red) !important;
}

.tezvi-lightning-card__discount-pill {
  background: linear-gradient(135deg, #DC2626, #F59E0B) !important;
  color: var(--tezvi-white) !important;
}

.tezvi-lightning-card__sold-bar {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tezvi-lightning-card__sold-track {
  height: 6px;
  background: var(--tezvi-gray-200);
  border-radius: var(--tezvi-radius-full);
  overflow: hidden;
  position: relative;
}

.tezvi-lightning-card__sold-fill {
  height: 100%;
  background: linear-gradient(90deg, #DC2626, #F59E0B);
  border-radius: var(--tezvi-radius-full);
  transition: width 0.6s ease;
  position: relative;
}

.tezvi-lightning-card__sold-fill::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  animation: tezvi-shimmer 2s infinite;
}

@keyframes tezvi-shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.tezvi-lightning-card__sold-text {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: var(--tezvi-gray-600);
  line-height: 1.3;
}

.tezvi-lightning-card__sold-text strong {
  color: var(--tezvi-sale-red);
  font-weight: 700;
}

.tezvi-btn--lightning-cart {
  background: linear-gradient(135deg, #DC2626, #B91C1C) !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
}

.tezvi-btn--lightning-cart:hover:not(:disabled) {
  background: linear-gradient(135deg, #B91C1C, #991B1B) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(220, 38, 38, 0.4);
}

@media (max-width: 1024px) {
  .tezvi-lightning__header {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .tezvi-lightning__countdown {
    justify-self: start;
  }
}

@media (max-width: 768px) {
  .tezvi-lightning__countdown-unit {
    min-width: 40px;
    padding: 5px 8px;
  }
  
  .tezvi-lightning__countdown-value {
    font-size: 15px;
  }
  
  .tezvi-lightning-card__discount-badge {
    top: -6px;
    left: 8px;
    font-size: 11px;
    padding: 4px 10px;
  }
  
  .tezvi-lightning-card__sold-text {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  .tezvi-lightning__countdown-timer {
    gap: 2px;
  }
  
  .tezvi-lightning__countdown-unit {
    min-width: 36px;
    padding: 4px 6px;
  }
  
  .tezvi-lightning__countdown-value {
    font-size: 14px;
  }
}

/* ============================================
   TEZVI IMAGE BANNER SECTION
   ============================================ */

.tezvi-image-banner {
  width: 100%;
  margin: 0;
  padding: 0;
}

.tezvi-image-banner--full {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.tezvi-image-banner__link {
  display: block;
  text-decoration: none;
  transition: var(--tezvi-transition);
}

.tezvi-image-banner__link:hover {
  opacity: 0.95;
}

.tezvi-image-banner__wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.tezvi-image-banner__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.tezvi-image-banner__image--desktop {
  display: block;
}

.tezvi-image-banner__image--mobile {
  display: none;
}

@media (max-width: 768px) {
  .tezvi-image-banner__image--mobile {
    display: block;
  }
  
  .tezvi-image-banner__wrap:has(.tezvi-image-banner__image--mobile) .tezvi-image-banner__image--desktop {
    display: none;
  }
}

.tezvi-image-banner__placeholder {
  background: var(--tezvi-gray-50);
  border: 2px dashed var(--tezvi-gray-300);
  border-radius: var(--tezvi-radius-lg);
  padding: 80px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--tezvi-gray-500);
  margin: 20px;
}

.tezvi-image-banner__placeholder p {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: var(--tezvi-gray-600);
}

.tezvi-image-banner__placeholder small {
  font-size: 12px;
  color: var(--tezvi-gray-500);
}

/* ============================================
   TEZVI SKIN ASSESSMENT v2.1 (GIF-READY)
   ============================================ */

.tezvi-skin-assessment-v2 {
  padding: 60px 0;
}

.tezvi-skin-assessment-v2__wrap {
  background: linear-gradient(135deg, #0E4D52 0%, #0E7C66 50%, #064E3B 100%);
  background-size: 200% 200%;
  animation: tezvi-gradient-shift 15s ease infinite;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  min-height: 480px;
  box-shadow: 0 25px 60px rgba(14, 77, 82, 0.25);
}

@keyframes tezvi-gradient-shift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.tezvi-skin-assessment-v2__mesh {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.06) 2px, transparent 2px),
    radial-gradient(circle at 75% 75%, rgba(252, 211, 77, 0.05) 1px, transparent 1px);
  background-size: 50px 50px, 30px 30px;
  pointer-events: none;
  z-index: 0;
}

.tezvi-skin-assessment-v2__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}

.tezvi-skin-assessment-v2__orb--1 {
  width: 300px;
  height: 300px;
  top: -100px;
  right: -50px;
  background: radial-gradient(circle, rgba(252, 211, 77, 0.3), transparent);
  animation: tezvi-float 8s ease-in-out infinite;
}

.tezvi-skin-assessment-v2__orb--2 {
  width: 250px;
  height: 250px;
  bottom: -80px;
  left: -50px;
  background: radial-gradient(circle, rgba(134, 239, 172, 0.25), transparent);
  animation: tezvi-float 10s ease-in-out infinite reverse;
}

.tezvi-skin-assessment-v2__orb--3 {
  width: 200px;
  height: 200px;
  top: 50%;
  left: 40%;
  background: radial-gradient(circle, rgba(186, 230, 253, 0.2), transparent);
  animation: tezvi-float 12s ease-in-out infinite;
}

@keyframes tezvi-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(20px, -30px) scale(1.1); }
}

.tezvi-skin-assessment-v2__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px;
  padding: 60px;
  align-items: center;
}

.tezvi-skin-assessment-v2__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #FFFFFF;
}

.tezvi-skin-assessment-v2__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(252, 211, 77, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 8px 16px;
  border-radius: 999px;
  width: fit-content;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #FCD34D;
  border: 1px solid rgba(252, 211, 77, 0.3);
  text-transform: uppercase;
}

.tezvi-skin-assessment-v2__eyebrow svg {
  color: #FCD34D;
  animation: tezvi-spin 4s linear infinite;
}

@keyframes tezvi-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.tezvi-skin-assessment-v2__heading {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.1;
  margin: 0;
  color: #FFFFFF;
  letter-spacing: -1.5px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tezvi-skin-assessment-v2__heading-line {
  display: block;
}

.tezvi-skin-assessment-v2__heading-highlight {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #FCD34D, #FBBF24);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  width: fit-content;
}

.tezvi-skin-assessment-v2__sparkle {
  color: #FCD34D;
  -webkit-text-fill-color: #FCD34D;
  flex-shrink: 0;
  animation: tezvi-twinkle 2s ease-in-out infinite;
}

.tezvi-skin-assessment-v2__sparkle--left {
  animation-delay: 0s;
}

.tezvi-skin-assessment-v2__sparkle--right {
  animation-delay: 0.5s;
}

@keyframes tezvi-twinkle {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.8); }
}

.tezvi-skin-assessment-v2__subheading {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  max-width: 480px;
}

.tezvi-skin-assessment-v2__cta {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #FCD34D 0%, #FBBF24 100%) !important;
  color: #0E4D52 !important;
  padding: 16px 32px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-decoration: none !important;
  width: fit-content;
  margin-top: 8px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 10px 30px rgba(252, 211, 77, 0.4);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
}

.tezvi-skin-assessment-v2__cta:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 15px 40px rgba(252, 211, 77, 0.6);
  color: #0E4D52 !important;
}

.tezvi-skin-assessment-v2__cta-shine {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  transition: left 0.6s;
}

.tezvi-skin-assessment-v2__cta:hover .tezvi-skin-assessment-v2__cta-shine {
  left: 100%;
}

.tezvi-skin-assessment-v2__cta-icon {
  font-size: 18px;
  position: relative;
  z-index: 1;
}

.tezvi-skin-assessment-v2__cta-text {
  position: relative;
  z-index: 1;
}

.tezvi-skin-assessment-v2__cta-arrow {
  position: relative;
  z-index: 1;
  transition: transform 0.3s;
  color: #0E4D52;
}

.tezvi-skin-assessment-v2__cta:hover .tezvi-skin-assessment-v2__cta-arrow {
  transform: translateX(6px);
}

.tezvi-skin-assessment-v2__footer-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  letter-spacing: 1px;
  font-weight: 500;
}

.tezvi-skin-assessment-v2__visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.tezvi-skin-assessment-v2__media {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1.5px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.4s ease;
}

.tezvi-skin-assessment-v2__media:hover {
  border-color: rgba(252, 211, 77, 0.3);
  background: rgba(255, 255, 255, 0.08);
}

.tezvi-skin-assessment-v2__media-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 22px;
}

.tezvi-skin-assessment-v2__media--empty {
  flex-direction: column;
  gap: 16px;
  padding: 40px;
  text-align: center;
  border-style: dashed;
  border-width: 2px;
}

.tezvi-skin-assessment-v2__media-text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  font-weight: 500;
}

.tezvi-skin-assessment-v2__media-hint {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}

@media (max-width: 1024px) {
  .tezvi-skin-assessment-v2__inner {
    padding: 50px 40px;
    gap: 40px;
  }
  
  .tezvi-skin-assessment-v2__heading {
    font-size: 38px;
  }
}

@media (max-width: 768px) {
  .tezvi-skin-assessment-v2 {
    padding: 40px 0;
  }
  
  .tezvi-skin-assessment-v2__wrap {
    border-radius: 24px;
    min-height: auto;
  }
  
  .tezvi-skin-assessment-v2__inner {
    grid-template-columns: 1fr;
    padding: 40px 24px;
    gap: 32px;
  }
  
  .tezvi-skin-assessment-v2__heading {
    font-size: 30px;
  }
  
  .tezvi-skin-assessment-v2__cta {
    padding: 14px 24px;
    font-size: 12px;
  }
  
  .tezvi-skin-assessment-v2__orb {
    filter: blur(40px);
  }
  
  .tezvi-skin-assessment-v2__orb--1 {
    width: 200px;
    height: 200px;
  }
  
  .tezvi-skin-assessment-v2__orb--2,
  .tezvi-skin-assessment-v2__orb--3 {
    width: 150px;
    height: 150px;
  }
  
  .tezvi-skin-assessment-v2__media {
    min-height: 280px;
  }
}

@media (max-width: 480px) {
  .tezvi-skin-assessment-v2__heading {
    font-size: 24px;
  }
}

/* ============================================
   TEZVI SUMMER ESSENTIAL SECTION (Brand Teal)
   ============================================ */

.tezvi-summer-essential {
  background: linear-gradient(135deg, #DDF0E8 0%, #A7D9C7 50%, #0E7C66 100%);
  position: relative;
  overflow: hidden;
  padding: 60px 0;
}

.tezvi-summer-essential::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.15) 2px, transparent 2px),
    radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.1) 3px, transparent 3px);
  background-size: 60px 60px, 90px 90px;
  pointer-events: none;
  z-index: 0;
}

.tezvi-summer-essential .tezvi-container {
  position: relative;
  z-index: 2;
}

.tezvi-summer__deco {
  position: absolute;
  font-size: 48px;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  animation: tezvi-float-summer 6s ease-in-out infinite;
  filter: drop-shadow(0 4px 8px rgba(14, 77, 82, 0.2));
}

.tezvi-summer__deco--sun {
  top: 40px;
  right: 60px;
  font-size: 60px;
  animation-delay: 0s;
  animation: tezvi-rotate-summer 20s linear infinite, tezvi-float-summer 6s ease-in-out infinite;
}

.tezvi-summer__deco--wave {
  bottom: 60px;
  left: 80px;
  font-size: 56px;
  animation-delay: 1s;
}

.tezvi-summer__deco--leaf {
  top: 50%;
  right: 10%;
  font-size: 40px;
  animation-delay: 2s;
}

.tezvi-summer__deco--drop {
  top: 25%;
  left: 5%;
  font-size: 36px;
  animation-delay: 3s;
}

@keyframes tezvi-float-summer {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(15px, -25px) scale(1.05); }
}

@keyframes tezvi-rotate-summer {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.tezvi-summer__header {
  margin-bottom: 32px;
}

.tezvi-summer__eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: #FFFFFF !important;
  background: rgba(14, 77, 82, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 800 !important;
  letter-spacing: 1.5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 12px rgba(14, 77, 82, 0.2);
}

.tezvi-summer__eyebrow svg {
  color: #FCD34D;
  animation: tezvi-eyebrow-spin 8s linear infinite;
}

@keyframes tezvi-eyebrow-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.tezvi-summer-essential .tezvi-section__title {
  color: #0E4D52;
}

.tezvi-summer-essential .tezvi-section__title-light {
  color: #0E4D52;
}

.tezvi-summer__title-bold {
  color: #0F172A;
  background: none;
  -webkit-text-fill-color: #0F172A;
  position: relative;
  display: inline-block;
  font-weight: 900;
}

.tezvi-summer-essential .tezvi-section__subtitle {
  color: #0E4D52;
  opacity: 0.85;
}

.tezvi-summer__nav-btn {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 77, 82, 0.15) !important;
  color: #0E4D52 !important;
  box-shadow: 0 4px 12px rgba(14, 77, 82, 0.1);
}

.tezvi-summer__nav-btn:hover:not(.tezvi-section__nav-btn--disabled) {
  background: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(14, 77, 82, 0.25);
  color: #0E7C66 !important;
}

.tezvi-btn--summer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #0E4D52;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 6px 16px rgba(14, 77, 82, 0.2);
}

.tezvi-btn--summer:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(14, 77, 82, 0.3);
  background: #F0FDF4;
  color: #0E7C66;
}

.tezvi-summer-essential .tezvi-product-card {
  background: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 6px 20px rgba(14, 77, 82, 0.12);
}

.tezvi-summer-essential .tezvi-product-card:hover {
  box-shadow: 0 16px 36px rgba(14, 77, 82, 0.2);
  transform: translateY(-4px);
}

@media (max-width: 1024px) {
  .tezvi-summer__deco {
    font-size: 36px;
    opacity: 0.3;
  }
  
  .tezvi-summer__deco--sun {
    font-size: 48px;
  }
}

@media (max-width: 768px) {
  .tezvi-summer-essential {
    padding: 40px 0;
  }
  
  .tezvi-summer__deco {
    font-size: 28px;
    opacity: 0.25;
  }
  
  .tezvi-summer__deco--sun {
    top: 20px;
    right: 20px;
    font-size: 40px;
  }
  
  .tezvi-summer__deco--wave {
    bottom: 20px;
    left: 20px;
    font-size: 36px;
  }
  
  .tezvi-summer__deco--leaf,
  .tezvi-summer__deco--drop {
    display: none;
  }
}

@media (max-width: 480px) {
  .tezvi-summer__deco--sun {
    font-size: 32px;
  }
  
  .tezvi-summer__deco--wave {
    font-size: 28px;
  }
}

/* ============================================
   TEZVI WHY US v8.0 - FIXED LAYOUT
   ============================================ */

.tezvi-why-v8 {
  padding: 60px 0;
  background: #DDF0E8;
  position: relative;
  overflow: hidden;
}

.tezvi-why-v8::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(14, 124, 102, 0.05) 2px, transparent 2px);
  background-size: 60px 60px;
  pointer-events: none;
}

.tezvi-why-v8 .tezvi-container {
  position: relative;
  z-index: 2;
}

.tezvi-why-v8__grid {
  display: grid;
  grid-template-columns: 0.85fr 1fr 1fr 1fr;
  gap: 16px;
  align-items: stretch;
}

.tezvi-why-v8__left {
  padding: 20px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.tezvi-why-v8__heading {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.1;
  color: #1F2937;
  margin: 0 0 10px 0;
  letter-spacing: -1.2px;
}

.tezvi-why-v8__heading-pre {
  display: block;
  font-weight: 600;
  color: #4B5563;
}

.tezvi-why-v8__heading-brand {
  display: block;
  font-weight: 900;
  color: #0E4D52;
  font-size: 44px;
}

.tezvi-why-v8__tagline {
  font-size: 14px;
  color: #6B7280;
  margin: 0;
  line-height: 1.5;
  font-style: italic;
}

.tezvi-why-v8__deco {
  margin-top: 20px;
}

.tezvi-why-v8__card {
  border-radius: 20px;
  padding: 24px 20px;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0 4px 16px rgba(14, 77, 82, 0.06);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-height: 240px;
}

.tezvi-why-v8__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(14, 77, 82, 0.12);
}

.tezvi-why-v8__card--yellow {
  background: linear-gradient(180deg, #FEF9E7 0%, #FEF3C7 100%);
}

.tezvi-why-v8__card--blue {
  background: linear-gradient(180deg, #EFF6FF 0%, #DBEAFE 100%);
}

.tezvi-why-v8__card--mint {
  background: linear-gradient(180deg, #ECFDF5 0%, #D1FAE5 100%);
}

.tezvi-why-v8__card-icon-wrap {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(14, 77, 82, 0.08);
  transition: transform 0.4s ease;
  flex-shrink: 0;
}

.tezvi-why-v8__card-icon {
  width: 40px;
  height: 40px;
}

.tezvi-why-v8__card:hover .tezvi-why-v8__card-icon-wrap {
  transform: scale(1.05) rotate(-5deg);
}

.tezvi-why-v8__card-title {
  font-size: 18px;
  font-weight: 800;
  color: #0E4D52;
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.3px;
}

.tezvi-why-v8__card-desc {
  font-size: 14px;
  line-height: 1.55;
  color: #374151;
  margin: 0;
}

.tezvi-why-v8__card-desc strong {
  color: #0E7C66;
  font-weight: 800;
  background: linear-gradient(180deg, transparent 60%, rgba(14, 124, 102, 0.15) 60%);
}

@media (max-width: 1024px) {
  .tezvi-why-v8__grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  
  .tezvi-why-v8__left {
    grid-column: 1 / -1;
    text-align: center;
    padding: 12px 0 16px;
    align-items: center;
  }
  
  .tezvi-why-v8__heading {
    font-size: 32px;
  }
  
  .tezvi-why-v8__heading-brand {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .tezvi-why-v8 {
    padding: 40px 0;
  }
  
  .tezvi-why-v8__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  
  .tezvi-why-v8__left {
    text-align: left;
    padding: 0 0 12px 0;
    align-items: flex-start;
  }
  
  .tezvi-why-v8__heading {
    font-size: 28px;
  }
  
  .tezvi-why-v8__heading-brand {
    font-size: 36px;
  }
  
  .tezvi-why-v8__deco {
    display: none;
  }
  
  .tezvi-why-v8__card {
    padding: 20px;
    min-height: auto;
  }
  
  .tezvi-why-v8__card-icon-wrap {
    width: 56px;
    height: 56px;
  }
  
  .tezvi-why-v8__card-icon {
    width: 36px;
    height: 36px;
  }
  
  .tezvi-why-v8__card-title {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .tezvi-why-v8__heading {
    font-size: 24px;
  }
  
  .tezvi-why-v8__heading-brand {
    font-size: 32px;
  }
  
  .tezvi-why-v8__card-title {
    font-size: 15px;
  }
  
  .tezvi-why-v8__card-desc {
    font-size: 13px;
  }
}

/* ============================================
   TEZVI NEW LAUNCHES SECTION
   ============================================ */

.tezvi-new-launches {
  padding: 60px 0;
  background: linear-gradient(180deg, #FFFBEB 0%, #FEF3C7 100%);
  position: relative;
  overflow: hidden;
}

.tezvi-new-launches::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 15% 25%, rgba(252, 211, 77, 0.15) 2px, transparent 2px),
    radial-gradient(circle at 85% 75%, rgba(252, 211, 77, 0.1) 1.5px, transparent 1.5px);
  background-size: 80px 80px, 50px 50px;
  pointer-events: none;
}

.tezvi-new-launches .tezvi-container {
  position: relative;
  z-index: 2;
}

.tezvi-new-launches__eyebrow {
  background: linear-gradient(135deg, #FCD34D, #FBBF24);
  color: #0E4D52;
  padding: 6px 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.5px;
  box-shadow: 0 2px 8px rgba(252, 211, 77, 0.3);
}

.tezvi-new-launches__eyebrow svg {
  color: #0E4D52;
  animation: tezvi-sparkle-rotate 3s linear infinite;
}

@keyframes tezvi-sparkle-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.tezvi-new-launches__title-bold {
  background: linear-gradient(135deg, #FCD34D, #F59E0B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tezvi-btn--new-launches {
  background: linear-gradient(135deg, #FCD34D, #FBBF24);
  color: #0E4D52;
  border: none;
  box-shadow: 0 4px 12px rgba(252, 211, 77, 0.3);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.tezvi-btn--new-launches:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(252, 211, 77, 0.4);
  color: #0E4D52;
}

.tezvi-new-launches__slide {
  position: relative;
}

.tezvi-new-launches__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  background: linear-gradient(135deg, #FCD34D, #FBBF24);
  color: #0E4D52;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 2px 8px rgba(252, 211, 77, 0.4);
  animation: tezvi-new-pulse 2s ease-in-out infinite;
}

.tezvi-new-launches__badge svg {
  color: #0E4D52;
  animation: tezvi-sparkle-rotate 3s linear infinite;
}

@keyframes tezvi-new-pulse {
  0%, 100% { 
    transform: scale(1); 
    box-shadow: 0 2px 8px rgba(252, 211, 77, 0.4);
  }
  50% { 
    transform: scale(1.05); 
    box-shadow: 0 4px 16px rgba(252, 211, 77, 0.6);
  }
}

.tezvi-new-launches__slide .tezvi-product-card__badge,
.tezvi-new-launches__slide .tezvi-product-card__top-row {
  display: none !important;
}

.tezvi-new-launches__slide .tezvi-product-card__image-wrap {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .tezvi-new-launches {
    padding: 50px 0;
  }
}

@media (max-width: 768px) {
  .tezvi-new-launches {
    padding: 40px 0;
  }
  
  .tezvi-new-launches__badge {
    top: 10px;
    left: 10px;
    padding: 3px 8px;
    font-size: 9px;
  }
  
  .tezvi-btn--new-launches {
    padding: 8px 16px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .tezvi-new-launches__badge {
    top: 8px;
    left: 8px;
    font-size: 8px;
  }
}

/* ============================================
   TEZVI FOOTER v2.0 - DERMA CO STYLE (White)
   FIXED: Removed duplicate dark teal footer
   ============================================ */

.tezvi-footer {
  position: relative;
  background: #FFFFFF;
  margin-top: 0;
}

/* ===== TOP NEWSLETTER BANNER (Mint) ===== */

.tezvi-footer__newsletter {
  background: linear-gradient(135deg, #DDF0E8 0%, #A7D9C7 100%);
  padding: 50px 0;
  position: relative;
  overflow: hidden;
}

.tezvi-footer__newsletter::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(14, 124, 102, 0.08) 2px, transparent 2px),
    radial-gradient(circle at 80% 70%, rgba(252, 211, 77, 0.1) 1.5px, transparent 1.5px);
  background-size: 50px 50px, 40px 40px;
  pointer-events: none;
}

.tezvi-footer__newsletter .tezvi-container {
  position: relative;
  z-index: 2;
}

.tezvi-footer__newsletter-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 40px;
  align-items: center;
}

.tezvi-footer__newsletter-title {
  font-size: 26px;
  font-weight: 900;
  color: #0E4D52;
  margin: 0 0 8px 0;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.tezvi-footer__newsletter-subtitle {
  font-size: 14px;
  color: #064E3B;
  margin: 0;
  line-height: 1.5;
  opacity: 0.85;
}

.tezvi-footer__newsletter-form {
  display: flex;
  gap: 8px;
  background: #FFFFFF;
  padding: 6px;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(14, 77, 82, 0.15);
}

.tezvi-footer__newsletter-input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 12px 20px;
  font-size: 14px;
  color: #0F172A;
  outline: none;
  font-family: inherit;
}

.tezvi-footer__newsletter-input::placeholder {
  color: #9CA3AF;
}

.tezvi-footer__newsletter-btn {
  background: linear-gradient(135deg, #0E7C66, #0E4D52);
  color: #FFFFFF;
  border: none;
  padding: 12px 28px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: inherit;
  white-space: nowrap;
}

.tezvi-footer__newsletter-btn:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 16px rgba(14, 77, 82, 0.3);
}

/* ===== MAIN FOOTER (WHITE - DERMA CO STYLE) ===== */

.tezvi-footer__main {
  background: #FFFFFF;
  padding: 60px 0 40px 0;
  color: #1F2937;
}

.tezvi-footer__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.3fr 1fr 1.2fr;
  gap: 40px;
}

.tezvi-footer__col--brand {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tezvi-footer__logo {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 4px;
}

.tezvi-footer__logo img {
  height: 50px;
  width: auto;
  display: block;
}

.tezvi-footer__logo-text {
  font-family: Georgia, serif;
  font-size: 36px;
  font-weight: 700;
  color: #0E4D52;
  font-style: italic;
}

.tezvi-footer__brand-text {
  font-size: 14px;
  color: #1F2937;
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
}

.tezvi-footer__col-title {
  font-size: 16px;
  font-weight: 800;
  color: #1F2937;
  margin: 0 0 24px 0;
  line-height: 1.3;
}

.tezvi-footer__col-title--social {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.tezvi-footer__heart {
  display: inline-block;
}

.tezvi-footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tezvi-footer__links li {
  margin: 0;
}

.tezvi-footer__links a {
  font-size: 14px;
  color: #4B5563;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  font-weight: 400;
}

.tezvi-footer__links a:hover {
  color: #0E7C66;
  transform: translateX(3px);
}

.tezvi-footer__social {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
  flex-wrap: wrap;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.tezvi-footer__social-link {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1F2937;
  transition: all 0.3s ease;
  text-decoration: none;
}

.tezvi-footer__social-link:hover {
  color: #0E7C66;
  transform: translateY(-3px) scale(1.1);
}

.tezvi-footer__trust {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}

.tezvi-footer__trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #1F2937;
  text-align: center;
}

.tezvi-footer__trust-item svg {
  color: #1F2937;
  stroke-width: 1.5;
}

.tezvi-footer__trust-item span {
  font-size: 12px;
  font-weight: 600;
  color: #1F2937;
}

/* ===== BOTTOM: COPYRIGHT + PAYMENTS ===== */

.tezvi-footer__bottom {
  background: #F5F5F5;
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.tezvi-footer__bottom-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
}

.tezvi-footer__copyright p {
  font-size: 13px;
  color: #4B5563;
  margin: 0;
  font-weight: 500;
}

.tezvi-footer__payments {
  display: flex;
  align-items: center;
}

.tezvi-footer__pay-icons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.tezvi-footer__pay-card {
  width: 42px;
  height: 28px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.tezvi-footer__pay-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.tezvi-footer__pay-card svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* ===== FOOTER RESPONSIVE ===== */

@media (max-width: 1024px) {
  .tezvi-footer__grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
  
  .tezvi-footer__col--brand {
    grid-column: 1 / -1;
  }
  
  .tezvi-footer__newsletter-grid {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 24px;
  }
  
  .tezvi-footer__newsletter-title {
    font-size: 22px;
  }
  
  .tezvi-footer__trust {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .tezvi-footer__newsletter {
    padding: 40px 0;
  }
  
  .tezvi-footer__newsletter-title {
    font-size: 20px;
  }
  
  .tezvi-footer__newsletter-form {
    flex-direction: column;
    border-radius: 16px;
    padding: 12px;
    gap: 10px;
  }
  
  .tezvi-footer__newsletter-input {
    text-align: center;
    padding: 12px;
  }
  
  .tezvi-footer__newsletter-btn {
    width: 100%;
    padding: 14px;
    border-radius: 12px;
  }
  
  .tezvi-footer__main {
    padding: 40px 0 24px 0;
  }
  
  .tezvi-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
  }
  
  .tezvi-footer__col--brand {
    grid-column: 1 / -1;
  }
  
  .tezvi-footer__trust {
    gap: 24px;
  }
  
  .tezvi-footer__bottom-grid {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 16px;
  }
  
  .tezvi-footer__payments {
    justify-content: center;
  }
  
  .tezvi-footer__pay-icons {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .tezvi-footer__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  
  .tezvi-footer__pay-card {
    width: 36px;
    height: 24px;
  }
}

/* ===== HIDE OLD ELLA FOOTER ===== */

body .footer,
body .site-footer,
body footer.site-footer,
body .footer-section,
body .footer-bottom {
  display: none !important;
}

body .tezvi-footer {
  display: block !important;
}

/* ============================================
   TEZVI SHOP BY CONCERN v3.2 - COMPACT
   Smaller concern tabs (like Derma Co)
   Compact step sections
   Proper mobile scroll
   ============================================ */

.tezvi-shop-concern-v3 {
  background: #FFFFFF !important;
  padding: 0 !important;
}

/* ===== CONCERN SELECTOR (Compact) ===== */

.tezvi-shop-concern-v3__selector-wrap {
  background: rgba(255, 255, 255, 0.98) !important;
  padding: 4px 0 4px 0 !important;
  border-bottom: 1px solid rgba(14, 77, 82, 0.08);
  position: sticky !important;
  top: 110px !important;
  z-index: 98 !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  margin-top: 0 !important;
}

@media (min-width: 768px) {
  .tezvi-shop-concern-v3__selector-wrap {
    top: 100px !important;
  }
}

.tezvi-shop-concern-v3__selector {
  display: flex !important;
  gap: 12px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 0 8px 8px 8px !important;
  scrollbar-width: none;
}

.tezvi-shop-concern-v3__selector::-webkit-scrollbar {
  display: none !important;
}

.tezvi-shop-concern-v3__tab {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px 0 6px 0 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  font-family: inherit !important;
  min-width: 64px;
}

.tezvi-shop-concern-v3__tab-image {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #DDF0E8 !important;
  border: 2.5px solid transparent !important;
  transition: all 0.3s ease !important;
}

.tezvi-shop-concern-v3__tab-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tezvi-shop-concern-v3__tab-placeholder {
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(135deg, #DDF0E8, #A7D9C7) !important;
}

.tezvi-shop-concern-v3__tab-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #6B7280 !important;
  white-space: nowrap !important;
  transition: color 0.3s ease !important;
}

.tezvi-shop-concern-v3__tab--active .tezvi-shop-concern-v3__tab-image {
  border-color: #0E7C66 !important;
}

.tezvi-shop-concern-v3__tab--active .tezvi-shop-concern-v3__tab-label {
  color: #0E7C66 !important;
  font-weight: 800 !important;
}

.tezvi-shop-concern-v3__tab--active::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 2.5px;
  background: #0E7C66;
  border-radius: 999px;
}

/* ===== ROUTINES ===== */

.tezvi-shop-concern-v3__routines {
  background: #FFFFFF !important;
  padding: 16px 0 32px 0 !important;
}

.tezvi-shop-concern-v3__routine {
  display: none !important;
}

.tezvi-shop-concern-v3__routine--active {
  display: block !important;
}

/* ===== ROUTINE STEP - COMPACT ===== */

.tezvi-routine-step {
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(14, 77, 82, 0.08);
}

.tezvi-routine-step:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

.tezvi-routine-step__heading {
  text-align: left !important;
  margin-bottom: 12px !important;
  padding: 0 12px;
}

.tezvi-routine-step__number {
  display: inline-block !important;
  color: #6B7280 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 4px !important;
  box-shadow: none !important;
}

.tezvi-routine-step__title {
  font-size: 22px !important;
  font-weight: 800 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
}

.tezvi-routine-step__title-light {
  font-weight: 500 !important;
  color: #0F172A !important;
}

.tezvi-routine-step__title-bold {
  font-weight: 900 !important;
  color: #0F172A !important;
}

.tezvi-routine-step__tagline {
  font-size: 12px !important;
  color: #6B7280 !important;
  margin: 0 !important;
}

.tezvi-routine-step__container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  padding: 0 12px;
}

/* ===== LEFT: Description Card (Compact) ===== */

.tezvi-routine-step__desc-card {
  background: #F5F5F5 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative;
}

.tezvi-routine-step__desc-media {
  flex: 1 !important;
  background: linear-gradient(135deg, #DDF0E8, #A7D9C7) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative;
  aspect-ratio: 1 / 1.3 !important;
}

.tezvi-routine-step__desc-video,
.tezvi-routine-step__desc-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.tezvi-routine-step__desc-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px;
  color: rgba(14, 77, 82, 0.4);
  text-align: center;
  padding: 16px;
}

.tezvi-routine-step__desc-placeholder p {
  font-size: 10px !important;
  margin: 0 !important;
  font-weight: 600;
}

.tezvi-routine-step__desc-placeholder small {
  font-size: 9px !important;
  opacity: 0.7;
}

.tezvi-routine-step__desc-content {
  padding: 12px !important;
  background: #FFFFFF;
}

.tezvi-routine-step__desc-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin: 0 0 4px 0 !important;
}

.tezvi-routine-step__desc-text {
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: #6B7280 !important;
  margin: 0 !important;
}

/* ===== RIGHT: Products (Compact) ===== */

.tezvi-routine-step__products-wrap {
  position: relative !important;
  min-width: 0;
  overflow: hidden;
}

.tezvi-routine-step__slider {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.tezvi-routine-step__slider::-webkit-scrollbar {
  display: none !important;
}

.tezvi-routine-step__view-all {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: #F3F4F6 !important;
  color: #0E4D52 !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-top: 10px !important;
  transition: all 0.3s ease;
}

.tezvi-routine-step__view-all:hover {
  background: #DDF0E8 !important;
  color: #0E7C66 !important;
}

/* ===== PRODUCT CARDS - COMPACT ===== */

.tezvi-routine-step__product {
  background: #FFFFFF !important;
  border: 1px solid rgba(14, 77, 82, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  scroll-snap-align: start;
}

.tezvi-routine-step__new-badge {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 5 !important;
  background: #10B981 !important;
  color: #FFFFFF !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

.tezvi-routine-step__product-image {
  display: block !important;
  aspect-ratio: 1 / 1 !important;
  background: linear-gradient(180deg, #DDF0E8 0%, #C7E5D5 100%) !important;
  overflow: hidden !important;
  padding: 10px !important;
}

.tezvi-routine-step__product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.tezvi-routine-step__product-placeholder {
  width: 100% !important;
  height: 100% !important;
  background: #DDF0E8 !important;
  border-radius: 6px;
}

.tezvi-routine-step__skin-tag {
  background: #F0F9F4 !important;
  color: #0E4D52 !important;
  padding: 6px 10px !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  border-bottom: 1px solid rgba(14, 77, 82, 0.08);
}

.tezvi-routine-step__product-info {
  padding: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  flex: 1 !important;
}

.tezvi-routine-step__category {
  display: inline-block !important;
  background: #DDF0E8 !important;
  color: #0E4D52 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  width: fit-content !important;
}

.tezvi-routine-step__product-title {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.tezvi-routine-step__product-desc {
  font-size: 10px !important;
  color: #6B7280 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.tezvi-routine-step__rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 10px !important;
  color: #0F172A !important;
  font-weight: 700 !important;
}

.tezvi-routine-step__rating span {
  color: #6B7280 !important;
  font-weight: 500 !important;
}

.tezvi-routine-step__size {
  display: inline-block !important;
  background: #F3F4F6 !important;
  color: #4B5563 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  width: fit-content !important;
}

.tezvi-routine-step__price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  margin-top: 2px !important;
}

.tezvi-routine-step__price {
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #0F172A !important;
}

.tezvi-routine-step__compare {
  font-size: 10px !important;
  color: #9CA3AF !important;
  text-decoration: line-through !important;
}

.tezvi-routine-step__cart-btn {
  width: 100% !important;
  background: linear-gradient(135deg, #0E7C66, #0E4D52) !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 8px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  margin-top: 4px !important;
}

.tezvi-routine-step__empty {
  background: #FAFBFA !important;
  border: 2px dashed rgba(14, 77, 82, 0.15) !important;
  border-radius: 12px !important;
  padding: 30px 16px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
}

.tezvi-routine-step__empty p {
  font-size: 12px !important;
  color: #4B5563 !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

.tezvi-routine-step__empty small {
  font-size: 10px !important;
  color: #9CA3AF !important;
}

/* ===== DESKTOP RESPONSIVE ===== */

@media (min-width: 768px) {
  .tezvi-shop-concern-v3__selector {
    justify-content: center !important;
    gap: 20px !important;
  }
  
  .tezvi-shop-concern-v3__tab-image {
    width: 72px !important;
    height: 72px !important;
  }
  
  .tezvi-shop-concern-v3__tab-label {
    font-size: 13px !important;
  }
  
  .tezvi-routine-step__heading {
    text-align: center !important;
  }
  
  .tezvi-routine-step__title {
    font-size: 28px !important;
  }
  
  .tezvi-routine-step__tagline {
    font-size: 14px !important;
  }
  
  .tezvi-routine-step__container {
    grid-template-columns: 280px 1fr !important;
    gap: 16px !important;
    max-width: 1000px;
    margin: 0 auto;
  }
  
  .tezvi-routine-step__product {
    width: calc(33.333% - 6px) !important;
  }
  
  .tezvi-routine-step__product-title {
    font-size: 13px !important;
  }
  
  .tezvi-routine-step__price {
    font-size: 16px !important;
  }
}

@media (min-width: 1024px) {
  .tezvi-routine-step__product {
    width: calc(25% - 6px) !important;
  }
}

/* ============================================
   SMART SCROLL: Concern Selector Transform
   ============================================ */

/* Smooth transitions */
.tezvi-shop-concern-v3__selector-wrap,
.tezvi-shop-concern-v3__tab,
.tezvi-shop-concern-v3__tab-image,
.tezvi-shop-concern-v3__tab-label {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* SCROLLED STATE - Compact Mode */
.tezvi-shop-concern-v3__selector-wrap.is-scrolled {
  padding: 6px 0 6px 0 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

.tezvi-shop-concern-v3__selector-wrap.is-scrolled .tezvi-shop-concern-v3__selector {
  gap: 6px !important;
  padding: 0 12px !important;
}

/* HIDE Images on Scroll */
.tezvi-shop-concern-v3__selector-wrap.is-scrolled .tezvi-shop-concern-v3__tab-image {
  width: 0 !important;
  height: 0 !important;
  border-width: 0 !important;
  opacity: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Transform Labels into Pills */
.tezvi-shop-concern-v3__selector-wrap.is-scrolled .tezvi-shop-concern-v3__tab {
  padding: 6px 14px !important;
  background: #F3F4F6 !important;
  border-radius: 999px !important;
  gap: 0 !important;
  min-width: auto !important;
}

.tezvi-shop-concern-v3__selector-wrap.is-scrolled .tezvi-shop-concern-v3__tab-label {
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* Active Pill - Gradient Teal */
.tezvi-shop-concern-v3__selector-wrap.is-scrolled .tezvi-shop-concern-v3__tab--active {
  background: linear-gradient(135deg, #0E7C66, #0E4D52) !important;
  box-shadow: 0 2px 8px rgba(14, 124, 102, 0.25) !important;
}

.tezvi-shop-concern-v3__selector-wrap.is-scrolled .tezvi-shop-concern-v3__tab--active .tezvi-shop-concern-v3__tab-label {
  color: #FFFFFF !important;
}

/* Hide underline indicator when scrolled */
.tezvi-shop-concern-v3__selector-wrap.is-scrolled .tezvi-shop-concern-v3__tab--active::after {
  display: none !important;
}

/* ============================================
   CLEAN MOBILE LAYOUT - FIXED VERSION
   ============================================ */

/* Mobile Header - tight but proper */
@media (max-width: 768px) {
  .tezvi-header--mobile {
    padding: 0 !important;
  }
  
  .tezvi-header--mobile .tezvi-container {
    padding: 0 12px !important;
  }
  
  .tezvi-header__mobile-row1 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
  }
  
  /* ALL Header Icons Visible */
  .tezvi-header__icon--mobile {
    display: flex !important;
    visibility: visible !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
  }
  
  /* Cart icon specifically */
  .tezvi-header__icon--cart {
    display: flex !important;
    visibility: visible !important;
  }
  
  /* Mobile row 2 - tabs */
  .tezvi-header__mobile-row2 {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Tabs container */
  .tezvi-tabs-v3 {
    padding: 4px 12px 8px 12px !important;
    margin: 0 !important;
  }
}

/* Concern selector sticky position fix */
.tezvi-shop-concern-v3__selector-wrap {
  position: sticky !important;
  top: 110px !important;
  z-index: 50 !important;
  padding: 8px 0 !important;
  margin: 0 !important;
}

/* Desktop top adjust */
@media (min-width: 768px) {
  .tezvi-shop-concern-v3__selector-wrap {
    top: 100px !important;
  }
}

/* Section me top space hatao */
.tezvi-shop-concern-v3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Routines section padding */
.tezvi-shop-concern-v3__routines {
  padding-top: 8px !important;
}

/* Description card z-index fix - peeche na ho */
.tezvi-routine-step__desc-card,
.tezvi-routine-step__product {
  position: relative !important;
  z-index: 1 !important;
}

/* ============================================
   CART CUT-OFF FIX - Mobile Header Layout
   ============================================ */

@media (max-width: 768px) {
  /* Mobile row container - allow proper space */
  .tezvi-header__mobile-row1 {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  
  /* Logo - smaller, fixed size */
  .tezvi-header--mobile .tezvi-header__logo {
    flex-shrink: 0 !important;
    max-width: 90px !important;
  }
  
  .tezvi-header--mobile .tezvi-header__logo img {
    max-width: 80px !important;
    max-height: 40px !important;
    width: auto !important;
    height: auto !important;
  }
  
  .tezvi-header--mobile .tezvi-header__logo-text {
    font-size: 22px !important;
  }
  
  /* Search - takes remaining space */
  .tezvi-search-form--mobile {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    padding: 0 12px !important;
  }
  
  .tezvi-search-form--mobile .tezvi-search-form__input {
    font-size: 12px !important;
    width: 100% !important;
  }
  
  /* Account & Cart - FIXED smaller size */
  .tezvi-header__icon--mobile {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    display: inline-flex !important;
    visibility: visible !important;
    overflow: visible !important;
  }
  
  /* Cart icon FORCE visible */
  .tezvi-header__icon--cart {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
  }
  
  /* SVG inside icons - smaller */
  .tezvi-header__icon--mobile svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
  }
  
  /* Container padding - reduce */
  .tezvi-header--mobile .tezvi-container {
    padding: 0 10px !important;
    max-width: 100% !important;
  }
  
  /* Header wrapper no overflow */
  .tezvi-header-wrapper {
    overflow: visible !important;
  }
}

/* Extra small screens */
@media (max-width: 380px) {
  .tezvi-header__mobile-row1 {
    gap: 4px !important;
  }
  
  .tezvi-header--mobile .tezvi-header__logo {
    max-width: 70px !important;
  }
  
  .tezvi-header--mobile .tezvi-header__logo img {
    max-width: 65px !important;
  }
  
  .tezvi-header__icon--mobile {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }
  
  .tezvi-search-form--mobile {
    padding: 0 8px !important;
  }
}

/* ============================================
   ABSOLUTE ZERO GAP - FINAL FIX
   ============================================ */

@media (max-width: 768px) {
  /* Header wrapper - bottom zero */
  .tezvi-header-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    line-height: 0 !important;
  }
  
  .tezvi-header-wrapper > * {
    line-height: normal !important;
  }
  
  /* Mobile header - bottom zero */
  .tezvi-header--mobile {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  
  .tezvi-header--mobile .tezvi-container {
    padding-bottom: 0 !important;
  }
  
  /* Row 1 (logo + search + icons) */
  .tezvi-header__mobile-row1 {
    padding: 6px 0 0 0 !important;
    margin: 0 !important;
  }
  
  /* Row 2 (tabs wrap) */
  .tezvi-header__mobile-row2 {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
  }
  
  /* Pill tabs - minimal padding */
  .tezvi-tabs-v3 {
    padding: 4px 10px !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
  
  /* Shop concern section - zero top */
  .tezvi-shop-concern-v3 {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Concern selector wrap - directly touches above */
  .tezvi-shop-concern-v3__selector-wrap {
    padding: 6px 0 !important;
    margin: 0 !important;
    top: 78px !important;
    border-top: none !important;
  }
  
  .tezvi-shop-concern-v3__selector {
    padding: 0 8px !important;
    margin: 0 !important;
  }
  
  /* Routines section - tight top */
  .tezvi-shop-concern-v3__routines {
    padding-top: 8px !important;
    margin-top: 0 !important;
  }
  
  /* Remove any extra margins from page templates */
  main,
  #MainContent,
  .shopify-section {
    margin-top: 0 !important;
  }
  
  /* Section wrapper margins */
  .shopify-section + .shopify-section {
    margin-top: 0 !important;
  }
}

/* ============================================
   TEZVI ROUTINE STEP v3.0 - UNIFIED SLIDER
   Description + Products in same row
   ============================================ */

/* Container - full width slider */
.tezvi-routine-step__container {
  display: block !important;
  padding: 0 !important;
}

.tezvi-routine-step__products-wrap {
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 12px !important;
}

/* Slider - horizontal scroll */
.tezvi-routine-step__slider {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  scroll-snap-type: x mandatory !important;
  padding: 4px 0 !important;
}

.tezvi-routine-step__slider::-webkit-scrollbar {
  display: none !important;
}

/* Description Card - same size as product card */
.tezvi-routine-step__desc-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(14, 77, 82, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  width: calc(60% - 5px) !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  scroll-snap-align: start !important;
  position: relative !important;
}

.tezvi-routine-step__desc-media {
  width: 100% !important;
  background: linear-gradient(135deg, #DDF0E8, #A7D9C7) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1.1 !important;
}

.tezvi-routine-step__desc-video,
.tezvi-routine-step__desc-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tezvi-routine-step__desc-content {
  padding: 12px !important;
  background: #FFFFFF !important;
  flex: 1 !important;
}

.tezvi-routine-step__desc-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin: 0 0 4px 0 !important;
  letter-spacing: -0.3px !important;
}

.tezvi-routine-step__desc-text {
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #6B7280 !important;
  margin: 0 !important;
}

/* Product card same size as desc card on mobile */
.tezvi-routine-step__product {
  width: calc(60% - 5px) !important;
  flex-shrink: 0 !important;
  scroll-snap-align: start !important;
}

/* ============================================
   PREMIUM VIEW ALL BUTTON v2.0
   ============================================ */

.tezvi-routine-step__view-all {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #F9FAFB 100%) !important;
  border: 1.5px solid rgba(14, 77, 82, 0.12) !important;
  color: #0E4D52 !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  margin: 12px 12px 0 12px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(14, 77, 82, 0.04) !important;
}

.tezvi-routine-step__view-all:hover {
  background: linear-gradient(135deg, #0E7C66, #0E4D52) !important;
  color: #FFFFFF !important;
  border-color: #0E7C66 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(14, 124, 102, 0.25) !important;
}

.tezvi-routine-step__view-all-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  background: linear-gradient(135deg, #DDF0E8, #A7D9C7) !important;
  border-radius: 10px !important;
  color: #0E4D52 !important;
  flex-shrink: 0 !important;
  transition: all 0.3s ease !important;
}

.tezvi-routine-step__view-all:hover .tezvi-routine-step__view-all-icon {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #FFFFFF !important;
}

.tezvi-routine-step__view-all-text {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  gap: 2px !important;
  text-align: left !important;
}

.tezvi-routine-step__view-all-label {
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
  line-height: 1.2 !important;
}

.tezvi-routine-step__view-all-count {
  font-size: 11px !important;
  font-weight: 500 !important;
  opacity: 0.7 !important;
  line-height: 1.2 !important;
}

.tezvi-routine-step__view-all-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  background: rgba(14, 77, 82, 0.06) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  transition: all 0.3s ease !important;
}

.tezvi-routine-step__view-all:hover .tezvi-routine-step__view-all-arrow {
  background: rgba(255, 255, 255, 0.2) !important;
  transform: translateX(4px) !important;
}

/* ============================================
   DESKTOP RESPONSIVE
   ============================================ */

@media (min-width: 768px) {
  .tezvi-routine-step__desc-card,
  .tezvi-routine-step__product {
    width: calc(33.333% - 7px) !important;
  }
  
  .tezvi-routine-step__view-all {
    max-width: 400px !important;
    margin: 16px auto 0 auto !important;
  }
}

@media (min-width: 1024px) {
  .tezvi-routine-step__desc-card,
  .tezvi-routine-step__product {
    width: calc(25% - 8px) !important;
  }
}

/* ============================================
   ROUTINE STEP v3.2 - VERTICAL DESC CARD
   Match exact product card layout
   ============================================ */

/* Desc card - PRODUCT CARD STRUCTURE */
.tezvi-routine-step__desc-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(14, 77, 82, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  width: calc(60% - 5px) !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  scroll-snap-align: start !important;
  position: relative !important;
  align-self: stretch !important;
}

/* Image area - SAME as product image */
.tezvi-routine-step__desc-media {
  display: block !important;
  aspect-ratio: 1 / 1 !important;
  background: linear-gradient(135deg, #DDF0E8, #A7D9C7) !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 100% !important;
  height: auto !important;
}

.tezvi-routine-step__desc-video,
.tezvi-routine-step__desc-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Content area - SAME padding as product info */
.tezvi-routine-step__desc-content {
  padding: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  flex: 1 !important;
  background: #FFFFFF !important;
}

/* Title - SAME size as product title */
.tezvi-routine-step__desc-title {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  letter-spacing: -0.2px !important;
}

/* Description text - SAME size as product desc */
.tezvi-routine-step__desc-text {
  font-size: 10px !important;
  line-height: 1.4 !important;
  color: #6B7280 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Remove the "Swipe to see products" hint */
.tezvi-routine-step__desc-content::after {
  display: none !important;
}

/* Slider items - equal stretch */
.tezvi-routine-step__slider {
  align-items: stretch !important;
}

/* Mobile widths */
@media (max-width: 767px) {
  .tezvi-routine-step__desc-card,
  .tezvi-routine-step__product {
    width: calc(60% - 5px) !important;
  }
}

@media (min-width: 768px) {
  .tezvi-routine-step__desc-card,
  .tezvi-routine-step__product {
    width: calc(33.333% - 7px) !important;
  }
}

@media (min-width: 1024px) {
  .tezvi-routine-step__desc-card,
  .tezvi-routine-step__product {
    width: calc(25% - 8px) !important;
  }
}

/* ============================================
   DESC CARD - PORTRAIT IMAGE (taller)
   ============================================ */

.tezvi-routine-step__desc-media {
  aspect-ratio: 1 / 1.3 !important;
  padding: 0 !important;
  background: linear-gradient(135deg, #DDF0E8, #A7D9C7) !important;
  overflow: hidden !important;
}

.tezvi-routine-step__desc-video,
.tezvi-routine-step__desc-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Match product card overall structure */
.tezvi-routine-step__desc-card {
  height: auto !important;
  align-self: stretch !important;
}

.tezvi-routine-step__desc-content {
  padding: 10px !important;
  flex: 1 !important;
}

/* ============================================
   DESC CARD - FILL EMPTY SPACE PROPERLY
   Match product card height naturally
   ============================================ */

/* Image height - reduce to match product image proportion */
.tezvi-routine-step__desc-media {
  aspect-ratio: 1 / 1 !important;
  flex-shrink: 0 !important;
}

/* Content area - spread to fill empty space */
.tezvi-routine-step__desc-content {
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  gap: 8px !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFBFA 100%) !important;
  position: relative !important;
}

/* Title bigger */
.tezvi-routine-step__desc-title {
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.4px !important;
}

/* Description with proper line height */
.tezvi-routine-step__desc-text {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #4B5563 !important;
  margin: 0 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}

/* Add decorative footer to fill space */
.tezvi-routine-step__desc-content::after {
  content: 'Try this step ↓';
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: auto !important;
  padding: 10px 12px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #0E7C66 !important;
  background: linear-gradient(135deg, #DDF0E8, #ECFDF5) !important;
  border-radius: 8px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(14, 124, 102, 0.15) !important;
}

/* Slider items stretch for equal heights */
.tezvi-routine-step__slider {
  align-items: stretch !important;
}

.tezvi-routine-step__desc-card,
.tezvi-routine-step__product {
  align-self: stretch !important;
}

/* ============================================
   DESC CARD - FINAL CLEAN LAYOUT v3.5
   Tall image + Text at bottom (no button)
   ============================================ */

/* Slider stretch for equal heights */
.tezvi-routine-step__slider {
  align-items: stretch !important;
}

/* Card structure */
.tezvi-routine-step__desc-card {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  height: auto !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(14, 77, 82, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Image - VERTICAL TALL (takes more space) */
.tezvi-routine-step__desc-media {
  aspect-ratio: 1 / 1.6 !important;
  flex-shrink: 0 !important;
  background: linear-gradient(135deg, #DDF0E8, #A7D9C7) !important;
  overflow: hidden !important;
}

.tezvi-routine-step__desc-video,
.tezvi-routine-step__desc-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Content area - text at BOTTOM */
.tezvi-routine-step__desc-content {
  display: flex !important;
  flex-direction: column !important;
  padding: 12px !important;
  gap: 6px !important;
  flex: 1 !important;
  background: #FFFFFF !important;
  justify-content: flex-end !important;
}

/* Title */
.tezvi-routine-step__desc-title {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  margin: 0 !important;
  letter-spacing: -0.3px !important;
}

/* Description text */
.tezvi-routine-step__desc-text {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #4B5563 !important;
  margin: 0 !important;
}

/* REMOVE the "Apply This Step" button */
.tezvi-routine-step__desc-content::after {
  display: none !important;
  content: '' !important;
}

/* ===== SHOP BY CATEGORY (hide step number) ===== */
.tezvi-shop-category .tezvi-routine-step__number {
  display: none !important;
}
.tezvi-shop-category .tezvi-routine-step__title-light {
  display: none !important;
}
.tezvi-shop-category .tezvi-routine-step__heading {
  padding-top: 10px;
}

/* ============================================
   WHY TEZVI v8 — MOBILE CENTER (override)
   ============================================ */
@media (max-width: 768px) {
  .tezvi-why-v8__left,
  .tezvi-why-v8__left * {
    text-align: center !important;
  }
  .tezvi-why-v8__heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .tezvi-why-v8__tagline {
    text-align: center !important;
  }

  .tezvi-why-v8__card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .tezvi-why-v8__card-icon-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .tezvi-why-v8__card-title,
  .tezvi-why-v8__card-desc {
    text-align: center !important;
    width: 100% !important;
  }
}

/* WHY TEZVI — heading + tagline center (extra strong) */
@media (max-width: 768px) {
  .tezvi-why-v8__grid .tezvi-why-v8__left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .tezvi-why-v8__grid .tezvi-why-v8__heading,
  .tezvi-why-v8__grid .tezvi-why-v8__heading-pre,
  .tezvi-why-v8__grid .tezvi-why-v8__heading-brand,
  .tezvi-why-v8__grid .tezvi-why-v8__tagline {
    text-align: center !important;
    width: 100% !important;
    align-self: center !important;
  }
}

/* ============================================
   NEW LAUNCHES — MOBILE CENTER (override)
   ============================================ */
@media (max-width: 768px) {
  .tezvi-new-launches .tezvi-section__header {
    text-align: center !important;
  }
  .tezvi-new-launches .tezvi-section__heading-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }
  .tezvi-new-launches .tezvi-section__eyebrow {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .tezvi-new-launches .tezvi-section__title {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .tezvi-new-launches .tezvi-section__subtitle {
    text-align: center !important;
    width: 100% !important;
  }
  .tezvi-new-launches .tezvi-section__actions {
    justify-content: center !important;
  }
}

/* ============================================
   FOOTER — MOBILE CENTER (override)
   ============================================ */
@media (max-width: 768px) {

  /* all footer columns centered */
  .tezvi-footer__col {
    text-align: center !important;
    align-items: center !important;
  }
  .tezvi-footer__col-title {
    text-align: center !important;
    width: 100% !important;
  }

  /* brand logo + text */
  .tezvi-footer__col--brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .tezvi-footer__logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .tezvi-footer__brand-text {
    text-align: center !important;
  }

  /* link lists centered */
  .tezvi-footer__links {
    text-align: center !important;
    padding-left: 0 !important;
    list-style: none !important;
  }
  .tezvi-footer__links li {
    text-align: center !important;
  }

  /* newsletter centered */
  .tezvi-footer__newsletter-grid {
    text-align: center !important;
  }
  .tezvi-footer__newsletter-text {
    text-align: center !important;
  }
  .tezvi-footer__newsletter-title,
  .tezvi-footer__newsletter-subtitle {
    text-align: center !important;
  }
  .tezvi-footer__newsletter-form {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* social icons centered */
  .tezvi-footer__social {
    justify-content: center !important;
  }

  /* trust badges centered */
  .tezvi-footer__trust {
    justify-content: center !important;
  }

  /* bottom: copyright + payments centered */
  .tezvi-footer__bottom-grid {
    text-align: center !important;
  }
  .tezvi-footer__copyright {
    text-align: center !important;
  }
  .tezvi-footer__pay-icons {
    justify-content: center !important;
  }
}

/* HEADER MOBILE — LOGO BIGGER (width based + scale) */
@media (max-width: 768px) {
  .tezvi-header--mobile .tezvi-header__logo--mobile img,
  .tezvi-header--mobile .tezvi-header__logo img {
    height: auto !important;
    max-height: none !important;
    width: 100px !important;
    max-width: 100px !important;
    transform: scale(1.3) !important;
    transform-origin: left center !important;
  }
}

/* HEADER MOBILE — force reduce space (strong) */
@media (max-width: 768px) {
  .tezvi-header.tezvi-header--mobile .tezvi-header__mobile-top {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .tezvi-header.tezvi-header--mobile .tezvi-header__mobile-row1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .tezvi-header.tezvi-header--mobile .tezvi-header__logo--mobile {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* ============================================
   TEZVI BOTTOM NAV v3.3 (smooth rounded notch) — mobile only
   ============================================ */
@media (max-width: 768px) {
  .tezvi-bottomnav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9998 !important;
    height: 80px !important;
    display: flex !important;
    align-items: stretch !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .tezvi-bottomnav .tezvi-bn__bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    filter: drop-shadow(0 -3px 10px rgba(0,0,0,0.09)) !important;
  }
  .tezvi-bottomnav .tezvi-bn__bg path { fill: #FFFFFF !important; }

  .tezvi-bottomnav .tezvi-bn__item {
    position: relative !important;
    z-index: 1 !important;
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-decoration: none !important;
    color: #9AA3AE !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: color 0.2s ease, transform 0.15s ease !important;
  }
  .tezvi-bottomnav .tezvi-bn__item:active { transform: scale(0.90) !important; }
  .tezvi-bottomnav .tezvi-bn__ic { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 24px !important; }
  .tezvi-bottomnav .tezvi-bn__lb { font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.1px !important; }

  .tezvi-bottomnav .tezvi-bn__item.is-active { color: #ee7655 !important; }
  .tezvi-bottomnav .tezvi-bn__item.is-active .tezvi-bn__lb { font-weight: 700 !important; }

  .tezvi-bottomnav .tezvi-bn__div {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 1px !important;
    align-self: center !important;
    width: 1px !important;
    height: 30px !important;
    background: #E8EAED !important;
  }

  .tezvi-bottomnav .tezvi-bn__center {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 66px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
  }
  .tezvi-bottomnav .tezvi-bn__spacer { display: block !important; height: 24px !important; width: 24px !important; }
  .tezvi-bottomnav .tezvi-bn__lb--center { color: #9AA3AE !important; }
  .tezvi-bottomnav .tezvi-bn__circle {
    box-sizing: border-box !important;
    position: absolute !important;
    top: -20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f4895f 0%, #ee7655 55%, #e35d38 100%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 16px rgba(238,118,85,0.45) !important;
    border: 3px solid #FFFFFF !important;
    transition: transform 0.18s ease !important;
  }
  .tezvi-bottomnav .tezvi-bn__circle:active { transform: translateX(-50%) scale(0.90) !important; }
  .tezvi-bottomnav .tezvi-bn__circle.is-active ~ .tezvi-bn__lb--center,
  .tezvi-bottomnav .tezvi-bn__center:has(.tezvi-bn__circle.is-active) .tezvi-bn__lb--center { color: #ee7655 !important; font-weight: 700 !important; }

  .tezvi-bottomnav-spacer { display: block !important; height: 80px !important; }
}

@media (min-width: 769px) {
  .tezvi-bottomnav, .tezvi-bottomnav-spacer { display: none !important; }
}

/* ============================================
   GLOBAL FONT — Outfit (ENTIRE SITE)
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

html, body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, label, td, th, blockquote {
  font-family: 'Outfit', sans-serif !important;
}

:root {
  --font-body-family: 'Outfit', sans-serif !important;
  --font-heading-family: 'Outfit', sans-serif !important;
}

/* ============================================
   TEZVI MOBILE HEADER — whole header one color per tab
   ============================================ */
@media (max-width: 768px) {
  .tezvi-header-wrapper .tezvi-header--mobile {
    transition: background 0.3s ease !important;
  }

  /* base header color per active tab */
  .tezvi-header--mobile[data-tz-tab="explore"]     { background: #FAECE7 !important; }
  .tezvi-header--mobile[data-tz-tab="concern"]     { background: #FBEAF0 !important; }
  .tezvi-header--mobile[data-tz-tab="category"]    { background: #E6F1FB !important; }
  .tezvi-header--mobile[data-tz-tab="ingredients"] { background: #E1F5EE !important; }
  .tezvi-header--mobile:not([data-tz-tab])         { background: #FAECE7 !important; }

  /* inner layers transparent so it's ONE uniform color */
  .tezvi-header-wrapper .tezvi-header--mobile .tezvi-header__mobile-top  { background: transparent !important; }
  .tezvi-header-wrapper .tezvi-header--mobile .tezvi-header__mobile-row2 { background: transparent !important; }
  .tezvi-header-wrapper .tezvi-header--mobile .tezvi-tabs-v3 { background: transparent !important; }
}

/* ===== COLLECTION TITLE — CENTER (Rich Text) ===== */
.template-collection .rich-text,
.template-collection .rich-text__wrapper,
.template-collection .rich-text__blocks {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.template-collection .rich-text__heading,
.template-collection .rich-text__text {
  text-align: center !important;
  width: 100% !important;
}

/* ===================================================== */
/* === TEZVI COLLECTION GRID — NO GAP + DIVIDER LINE === */
/* ===================================================== */

.template-collection .hdt-products,
.template-collection .hdt-product-list,
.template-collection .hdt-products-grid,
.template-collection ul.hdt-grid,
.template-collection .collection-products,
.template-collection .product-grid,
.template-collection [class*="hdt-col-list"]{
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}

.template-collection .hdt-products > li,
.template-collection .hdt-product-list > li,
.template-collection .hdt-products-grid > li,
.template-collection ul.hdt-grid > li,
.template-collection .collection-products > li,
.template-collection .product-grid > li,
.template-collection [class*="hdt-col-list"] > div,
.template-collection [class*="hdt-col-list"] > li{
  border-right: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  padding: 0 !important;
  margin: 0 !important;
}

.template-collection .tezvi-product-card{
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 9px !important;
  height: 100%;
}
.template-collection .tezvi-product-card__image-wrap{
  border-radius: 11px;
}

/* ---------- MOBILE (2 per row) ---------- */
@media (max-width: 768px){
  .template-collection .hdt-products,
  .template-collection .hdt-product-list,
  .template-collection .hdt-products-grid,
  .template-collection ul.hdt-grid,
  .template-collection .collection-products,
  .template-collection .product-grid,
  .template-collection [class*="hdt-col-list"]{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    border-top: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC;
  }
  .template-collection .hdt-products > li:nth-child(2n),
  .template-collection .hdt-product-list > li:nth-child(2n),
  .template-collection .hdt-products-grid > li:nth-child(2n),
  .template-collection ul.hdt-grid > li:nth-child(2n),
  .template-collection .collection-products > li:nth-child(2n),
  .template-collection .product-grid > li:nth-child(2n),
  .template-collection [class*="hdt-col-list"] > div:nth-child(2n),
  .template-collection [class*="hdt-col-list"] > li:nth-child(2n){
    border-right: none;
  }
}

/* ---------- DESKTOP (dividers only) ---------- */
@media (min-width: 769px){
  .template-collection .hdt-products,
  .template-collection .hdt-product-list,
  .template-collection .hdt-products-grid,
  .template-collection ul.hdt-grid,
  .template-collection .collection-products,
  .template-collection .product-grid,
  .template-collection [class*="hdt-col-list"]{
    border-top: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC;
  }
}

/* ===================================================== */
/* === TEZVI PRODUCT CARD v2 — DERMA STYLE (overrides) === */
/* ===================================================== */
.tezvi-product-card{
  position:relative; display:flex; flex-direction:column;
  background:#fff;
  border:1px solid #ECECEC !important;
  box-shadow:none !important;
  border-radius:14px;
  padding:9px;
  font-family:'Outfit',sans-serif;
  overflow:hidden;
}
.tezvi-product-card__image-wrap{
  position:relative; display:block;
  border-radius:11px; overflow:hidden;
  margin-bottom:8px;
  aspect-ratio:1/1; background:#f6f6f6;
}
.tezvi-product-card__image{
  width:100% !important; height:100% !important;
  object-fit:cover; display:block;
}
.tezvi-product-card__image-placeholder{
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
}
/* Badge overlay */
.tezvi-badge{
  position:absolute; top:8px; left:8px; z-index:3;
  display:inline-flex; align-items:center; gap:3px;
  font-size:11px; font-weight:600; color:#fff;
  border-radius:7px; padding:4px 9px; line-height:1;
}
.tezvi-badge--trending{ background:#ee7655; }
.tezvi-badge--bestseller{ background:#0E7C66; }
.tezvi-badge--new{ background:#1D9E75; }
/* Pills over image bottom */
.tezvi-product-card__img-pills{
  position:absolute; left:7px; right:7px; bottom:7px; z-index:3;
  display:flex; justify-content:space-between; align-items:center;
}
.tezvi-product-card__rating,
.tezvi-product-card__size-pill{
  background:#fff; border:1px solid #ECECEC; border-radius:999px;
  font-size:11px; font-weight:600; color:#16181d;
  padding:4px 9px; line-height:1;
  display:inline-flex; align-items:center; gap:3px;
}
.tezvi-product-card__rating .star{ color:#f5a623; }
.tezvi-product-card__rating .count{ color:#9AA3AE; font-weight:500; }
/* Content */
.tezvi-product-card__content{ display:flex; flex-direction:column; flex:1; }
.tezvi-product-card__category{
  align-self:flex-start;
  background:#FAECE7; color:#c0431f;
  font-size:11px; font-weight:600; line-height:1.3;
  padding:3px 9px; border-radius:6px; margin-bottom:5px;
  text-transform:none;
}
.tezvi-product-card__skin-type{
  font-size:11px; color:#0E7C66; font-weight:600; margin-bottom:4px;
}
.tezvi-product-card__title{ font-size:13px; font-weight:600; line-height:1.25; margin:0 0 4px; min-height:33px; }
.tezvi-product-card__title a{
  color:#16181d; text-decoration:none;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.tezvi-product-card__benefit{
  font-size:11px; color:#6B7280; line-height:1.3; margin:0 0 8px;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.tezvi-product-card__price-row{ display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; margin-top:auto; margin-bottom:9px; }
.tezvi-product-card__price{ font-size:16px; font-weight:700; color:#16181d; }
.tezvi-product-card__compare-price{ font-size:12px; color:#9AA3AE; text-decoration:line-through; }
.tezvi-product-card__discount{ font-size:11px; color:#c0431f; font-weight:600; }
.tezvi-product-card__form{ margin:0; }
.tezvi-btn--cart{
  background:#0F172A; color:#fff; border:none;
  font-family:inherit; font-weight:600; font-size:13px;
  padding:11px; border-radius:10px; width:100%;
  display:flex; align-items:center; justify-content:center; gap:6px;
  cursor:pointer; transition:background .15s ease;
}
.tezvi-btn--cart:hover{ background:#2a2e36; }
.tezvi-btn--cart[disabled]{ opacity:.5; cursor:not-allowed; }
/* Desktop bump */
@media (min-width:769px){
  .tezvi-product-card__title{ font-size:15px; }
  .tezvi-product-card__price{ font-size:18px; }
  .tezvi-product-card__benefit,
  .tezvi-product-card__category,
  .tezvi-product-card__skin-type,
  .tezvi-product-card__rating,
  .tezvi-product-card__size-pill,
  .tezvi-product-card__discount,
  .tezvi-product-card__compare-price{ font-size:12px; }
  .tezvi-btn--cart{ font-size:14px; padding:12px; }
}

/* ===================================================== */
/* === TEZVI COLLECTION GRID v2 — mobile 2 / desktop 5 === */
/* === gap khatam + divider line ===                      */
/* ===================================================== */

.template-collection .product-grid-container ul{
  display:grid !important;
  gap:0 !important;
  row-gap:0 !important;
  column-gap:0 !important;
  border-top:1px solid #ECECEC;
  border-left:1px solid #ECECEC;
  list-style:none;
  margin:0 !important;
  padding:0 !important;
}

.template-collection .product-grid__item{
  border-right:1px solid #ECECEC;
  border-bottom:1px solid #ECECEC;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
}

.template-collection .tezvi-product-card{
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:9px !important;
  height:100%;
}
.template-collection .tezvi-product-card__image-wrap{
  border-radius:11px;
}

/* DESKTOP — 5 per row */
@media (min-width:769px){
  .template-collection .product-grid-container ul{
    grid-template-columns:repeat(4,1fr) !important;
  }
  .template-collection .product-grid__item:nth-child(4n){
    border-right:none;
  }
}

/* MOBILE — 2 per row */
@media (max-width:768px){
  .template-collection .product-grid-container ul{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .template-collection .product-grid__item:nth-child(2n){
    border-right:none;
  }
}

/* ===================================================== */
/* === TEZVI LIGHTNING CARD — RATING PILL === */
/* ===================================================== */
.tezvi-lightning-card .tezvi-product-card__image-wrap{
  position: relative;
}
.tezvi-lightning-card__rating{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fff;
  border: 1px solid #ECECEC;
  border-radius: 999px;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #16181d;
  padding: 5px 10px;
  line-height: 1;
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
.tezvi-lightning-card__rating .star{ color: #f5a623; }
.tezvi-lightning-card__rating .count{ color: #9AA3AE; font-weight: 500; }

/* ======================================================
   ROUTINE STEP CARD → match collection / Explore style
   (rating + size pills over image, navy ATC, %OFF, teal skin type)
   v3.2
   ====================================================== */

/* Image = positioning context, square like Explore */
.tezvi-routine-step__product-image{
  position: relative !important;
  display: block !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}
.tezvi-routine-step__product-image img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Rating pill — bottom-left over image */
.tezvi-routine-step__rating-pill{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  color: #16181d;
  padding: 5px 9px;
  border-radius: 999px;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.tezvi-routine-step__rating-pill svg{ width: 13px; height: 13px; flex-shrink: 0; }
.tezvi-routine-step__rating-pill em{ font-style: normal; font-weight: 500; color: #7C8590; }

/* Size pill — bottom-right over image (mint bg + teal text, like Explore) */
.tezvi-routine-step__size-pill{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
  background: #DDF0E8;
  color: #0E7C66;
  padding: 5px 11px;
  border-radius: 999px;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.3px;
  border: 1px solid #C7E7DA;
}

/* Skin type → subtle teal text in info (replaces green bar) */
.tezvi-routine-step__skin-type{
  display: block;
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #0E7C66;
  margin: 0 0 4px;
}

/* Price row → space-between so %OFF sits on the right */
.tezvi-routine-step__product .tezvi-routine-step__price-row{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap;
}
.tezvi-routine-step__prices{
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
}
.tezvi-routine-step__off{
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 11px;
  color: #c0431f;
  background: #FAECE7;
  padding: 3px 8px;
  border-radius: 6px;
  white-space: nowrap;
}

/* Add to cart → navy (like Explore) */
.tezvi-routine-step__product .tezvi-routine-step__cart-btn{
  background: #0F172A !important;
  color: #ffffff !important;
  border: none !important;
}
.tezvi-routine-step__product .tezvi-routine-step__cart-btn:hover{
  background: #000000 !important;
}

/* ======================================================
   FOOTER NEWSLETTER — MOBILE FIX (clean stacked layout)
   Desktop untouched · only max-width:768px
   ====================================================== */
@media (max-width: 768px){

  .tezvi-footer__newsletter{
    position: relative !important;
    z-index: 1 !important;
    padding: 24px 16px !important;
    overflow: hidden !important;
  }

  .tezvi-footer__newsletter .tezvi-container{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
  }

  /* stack: text on top, form below — centered */
  .tezvi-footer__newsletter-grid{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  .tezvi-footer__newsletter-text{
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    position: static !important;
  }

  .tezvi-footer__newsletter-title{
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin: 0 0 6px !important;
    word-break: break-word !important;
  }

  .tezvi-footer__newsletter-subtitle{
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 auto !important;
    max-width: 320px !important;
  }

  /* form: full width, input + button stacked */
  .tezvi-footer__newsletter-form{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    position: static !important;
  }

  .tezvi-footer__newsletter-input,
  .tezvi-footer__newsletter-btn{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ======================================================
   ROUTINE STEP — DESCRIPTION CARD = VERTICAL REEL STYLE
   Full-height image/video (TikTok/Insta) + text overlay
   ====================================================== */

.tezvi-routine-step__desc-card{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  min-height: 380px;            /* safety floor; stretches to match product cards */
}

/* media fills the WHOLE card (vertical) */
.tezvi-routine-step__desc-media{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.tezvi-routine-step__desc-media img,
.tezvi-routine-step__desc-media video,
.tezvi-routine-step__desc-img,
.tezvi-routine-step__desc-video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}