:root{--font-jost: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-sans: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--rp-background: #ffffff;--rp-surface: #ffffff;--rp-surface-soft: #f7fbf8;--rp-image-bg: #eaf3ee;--rp-text: #16191f;--rp-text-secondary: #566459;--rp-text-light: #8a968f;--rp-border: #e2ebe5;--rp-border-dark: #cdd9d1;--rp-primary: #1da074;--rp-primary-hover: #178560;--rp-primary-light: #eaf3ee;--rp-accent: #d62a28;--rp-accent-hover: #ba201e;--rp-dark: #16191f;--max-w-container: 1320px}.max-w-container{max-width: 1320px}body{font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;background-color: var(--rp-background);color: var(--rp-text);overflow-x: hidden}@keyframes spin-slow{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.animate-spin-slow{animation: spin-slow 18s linear infinite}.no-scrollbar::-webkit-scrollbar{display: none}.no-scrollbar{-ms-overflow-style: none;scrollbar-width: none}.pep-canvas{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1;transition: opacity 0.5s ease-out;transform: translateZ(0);will-change: transform;contain: strict}header.sticky{transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform}.mobile-bottom-nav{transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden}.blur-3xl, [class*="blur-xl"]{transform: translateZ(0);will-change: transform;contain: paint}#popularSliderTrack, #newSliderTrack, .cat-slider-track, #slidingMarqueeScrollContainer, #standardsSliderTrack{touch-action: pan-x pan-y;overscroll-behavior-y: auto}@keyframes products-marquee{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.animate-products-marquee{display: flex;width: max-content;animation: products-marquee 45s linear infinite}.animate-products-marquee:hover{animation-play-state: paused}.btn-red{background: #d62a28;color: #fff;border-radius: 12px;padding: 11px 26px;font-family: inherit;font-weight: 800;font-size: 13.5px;cursor: pointer;display: inline-flex;align-items: center;gap: 8px;box-shadow: 0 4px 14px rgba(214, 42, 40, 0.35);transition: background 0.2s, transform 0.2s, box-shadow 0.2s;text-decoration: none}.btn-red:hover{background: #ba201e;box-shadow: 0 6px 20px rgba(214, 42, 40, 0.45);transform: translateY(-1px)}.btn-shine-effect{position: relative;overflow: hidden}.btn-shine-effect::after{content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient( 60deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 80% );transform: rotate(30deg) translateY(-100%);transition: transform 0.75s ease-in-out;pointer-events: none}.btn-shine-effect:hover::after{transform: rotate(30deg) translateY(100%)}@keyframes h3rise{from{transform: translateY(18px) scale(0.97)}to{transform: translateY(0) scale(1)}}@keyframes h3zoomFront{0%, 100%{transform: scale(1)}50%{transform: scale(1.05)}}@keyframes h3zoomSide{0%, 100%{transform: scale(1)}50%{transform: scale(1.03)}}.animate-molecule-drift-1{animation: moleculeDrift1 18s ease-in-out infinite alternate}@keyframes moleculeDrift1{0%{transform: translate(0, 0) rotate(0deg)}100%{transform: translate(25px, 20px) rotate(15deg)}}.animate-molecule-drift-2{animation: moleculeDrift2 22s ease-in-out infinite alternate}@keyframes moleculeDrift2{0%{transform: translate(0, 0) rotate(0deg)}100%{transform: translate(-20px, 25px) rotate(-12deg)}}@keyframes atomPulse{0%, 100%{transform: scale(1);opacity: 1}50%{transform: scale(1.3);opacity: 0.8}}.animate-atom-pulse{animation: atomPulse 3s ease-in-out infinite}.hero-stage-wrapper{width: 100%;display: flex;align-items: flex-end;justify-content: center;position: relative}.hero-bottles-row{display: flex;align-items: flex-end;justify-content: center;position: relative;z-index: 10;width: 100%}.hero-bottles-row > * + *{margin-left: -20px}@media (min-width: 380px){.hero-bottles-row > * + *{margin-left: -24px}}@media (min-width: 440px){.hero-bottles-row > * + *{margin-left: -28px}}@media (min-width: 640px){.hero-bottles-row > * + *{margin-left: -48px}}@media (min-width: 1024px){.hero-bottles-row > * + *{margin-left: -64px}}@media (min-width: 1280px){.hero-bottles-row > * + *{margin-left: -80px}}.hero-bottle-side{width: 118px;flex-shrink: 0;display: flex;flex-direction: column;align-items: center;position: relative;z-index: 10;transition: transform 0.5s ease, z-index 0.3s ease}.hero-bottle-side img{width: 100%;height: 195px;object-fit: contain;transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s cubic-bezier(0.25, 1, 0.5, 1);filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.12))}.hero-bottle-center{width: 125px;flex-shrink: 0;display: flex;flex-direction: column;align-items: center;position: relative;z-index: 20;transition: transform 0.5s ease, z-index 0.3s ease}.hero-bottle-center img{width: 100%;height: 205px;object-fit: contain;transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s cubic-bezier(0.25, 1, 0.5, 1);filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.18))}@media (min-width: 380px){.hero-bottle-side{width: 132px}.hero-bottle-side img{height: 225px}.hero-bottle-center{width: 140px}.hero-bottle-center img{height: 238px}}@media (min-width: 440px){.hero-bottle-side{width: 155px}.hero-bottle-side img{height: 260px}.hero-bottle-center{width: 165px}.hero-bottle-center img{height: 275px}}@media (min-width: 640px){.hero-bottle-side{width: 215px}.hero-bottle-side img{height: 330px}.hero-bottle-center{width: 230px}.hero-bottle-center img{height: 350px}}@media (min-width: 768px){.hero-bottle-side{width: 250px}.hero-bottle-center{width: 265px}}@media (min-width: 1024px){.hero-bottle-side{width: 285px}.hero-bottle-side img{height: 400px}.hero-bottle-center{width: 305px}.hero-bottle-center img{height: 425px}}@media (min-width: 1280px){.hero-bottle-side{width: 315px}.hero-bottle-side img{height: 440px}.hero-bottle-center{width: 335px}.hero-bottle-center img{height: 465px}}.hero-bottle-side:hover{z-index: 30}.hero-bottle-side:hover img{transform: translateY(-10px) scale(1.08);filter: drop-shadow(0 20px 25px rgba(0,0,0,0.18)) drop-shadow(0 0 20px rgba(56,189,248,0.25))}.hero-bottle-center:hover{z-index: 30}.hero-bottle-center:hover img{transform: translateY(-12px) scale(1.10);filter: drop-shadow(0 25px 35px rgba(0,0,0,0.22)) drop-shadow(0 0 25px rgba(56,189,248,0.35))}.product-lightbox-backdrop{position: fixed;inset: 0;z-index: 9999;background-color: rgba(15, 23, 42, 0.65);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);display: none !important;align-items: center;justify-content: center;padding: 1rem;opacity: 0;pointer-events: none;transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.product-lightbox-backdrop.is-active{display: flex !important;opacity: 1;pointer-events: auto}.product-lightbox-card{position: relative;width: 100%;max-width: 860px;background: #ffffff;border-radius: 28px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(226, 232, 240, 0.8);overflow: hidden;display: flex;flex-direction: column;transform: scale(0.94);transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.product-lightbox-backdrop.is-active .product-lightbox-card{transform: scale(1)}.product-lightbox-header{padding: 16px 24px;border-bottom: 1px solid #f1f5f9;display: flex;align-items: center;justify-content: space-between;gap: 16px;background: #ffffff;user-select: none}.product-lightbox-title-wrap{display: flex;align-items: center;gap: 12px;min-width: 0;flex: 1}.product-lightbox-title{font-size: 15px;font-weight: 700;color: #0f172a;letter-spacing: -0.01em;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.product-lightbox-badge{display: inline-flex;align-items: center;justify-content: center;padding: 2px 10px;font-size: 11.5px;font-weight: 700;background-color: #ecfdf5;color: #059669;border: 1px solid #a7f3d0;border-radius: 9999px;flex-shrink: 0}.product-lightbox-close{width: 32px;height: 32px;border-radius: 50%;background-color: #f1f5f9;color: #64748b;border: none;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.15s ease;flex-shrink: 0}.product-lightbox-close:hover{background-color: #e2e8f0;color: #0f172a}.product-lightbox-close:active{transform: scale(0.92)}.product-lightbox-stage{position: relative;background-color: #f8f9fa;padding: 28px 24px;min-height: 340px;max-height: 65vh;display: flex;align-items: center;justify-content: center;overflow: hidden;user-select: none}@media (min-width: 640px){.product-lightbox-stage{padding: 36px 40px;min-height: 460px}}.product-lightbox-image-wrap{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%}.product-lightbox-img{max-height: 52vh;max-width: 100%;width: auto;aspect-ratio: 1 / 1;object-fit: contain;mix-blend-mode: multiply;transition: opacity 0.2s ease, transform 0.2s ease}.product-lightbox-nav{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;width: 44px;height: 44px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.95);color: #334155;border: 1px solid #e2e8f0;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.15s ease;user-select: none}.product-lightbox-nav:hover{background-color: #ffffff;color: #059669;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);transform: translateY(-50%) scale(1.06)}.product-lightbox-nav:active{transform: translateY(-50%) scale(0.92)}.product-lightbox-prev{left: 16px}.product-lightbox-next{right: 16px}@media (min-width: 640px){.product-lightbox-prev{left: 24px}.product-lightbox-next{right: 24px}}.product-lightbox-thumbs{padding: 12px 20px;background-color: #ffffff;border-top: 1px solid #f1f5f9;display: flex;align-items: center;justify-content: center;gap: 10px;overflow-x: auto;user-select: none}.lb-thumb-btn{width: 58px;height: 58px;border-radius: 14px;border: 2px solid #e2e8f0;background-color: #f8fafc;padding: 4px;display: flex;align-items: center;justify-content: center;overflow: hidden;cursor: pointer;transition: all 0.15s ease;flex-shrink: 0}.lb-thumb-btn img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: multiply}.lb-thumb-btn:hover{border-color: #94a3b8}.lb-thumb-btn.is-active{border-color: #059669;box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.16);background-color: #ffffff;transform: scale(1.05)}.admin-quick-edit-modal-backdrop{position: fixed;inset: 0;z-index: 99999 !important;background-color: rgba(15, 23, 42, 0.65);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);display: none !important;align-items: center;justify-content: center;padding: 1rem}.admin-quick-edit-modal-backdrop.is-active{display: flex !important}.admin-doc-upload-modal-backdrop{position: fixed;inset: 0;z-index: 99999 !important;background-color: rgba(15, 23, 42, 0.65);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);display: none !important;align-items: center;justify-content: center;padding: 1rem}.admin-doc-upload-modal-backdrop.is-active{display: flex !important}.grid-cols-5{display: grid !important;grid-template-columns: repeat(5, minmax(0, 1fr)) !important}.mobile-bottom-nav{padding-bottom: env(safe-area-inset-bottom, 0px)}.mobile-bottom-nav-inner{display: flex !important;align-items: center !important;justify-content: space-around !important;height: 60px !important;width: 100% !important}.mobile-nav-item{flex: 1 1 0%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2.5px;height: 100%;text-align: center;color: #475569;text-decoration: none;transition: color 0.15s ease, transform 0.15s ease;user-select: none;-webkit-tap-highlight-color: transparent;min-width: 0;padding: 4px 2px}.mobile-nav-item:active{transform: scale(0.92)}.mobile-nav-item.is-active{color: #047857 !important}.mobile-nav-item.is-active svg{stroke: #047857 !important;stroke-width: 2.3 !important}.mobile-nav-item.is-active span{font-weight: 800 !important;color: #047857 !important}@media (max-width: 768px){input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], select, textarea{font-size: 16px !important}}.touch-scroll-x{overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory}.touch-snap-item{scroll-snap-align: start}@media (max-width: 1023px){body{-webkit-tap-highlight-color: transparent}footer{padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0px)) !important}.has-mobile-nav{padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important}}#categoryPopularSliderTrack, .no-scrollbar{-ms-overflow-style: none !important;scrollbar-width: none !important;user-select: none;-webkit-user-select: none}#categoryPopularSliderTrack::-webkit-scrollbar, .no-scrollbar::-webkit-scrollbar{display: none !important;width: 0 !important;height: 0 !important}#categoryPopularSliderTrack a, #categoryPopularSliderTrack img{-webkit-user-drag: none !important;user-select: none !important}#categoryPopularSliderTrack.is-grabbing{cursor: grabbing !important;scroll-snap-type: none !important;scroll-behavior: auto !important}.sidebar-cat-scroll{scrollbar-width: thin;scrollbar-color: #cbd5e1 transparent}.sidebar-cat-scroll::-webkit-scrollbar{width: 4px}.sidebar-cat-scroll::-webkit-scrollbar-track{background: transparent;border-radius: 9999px}.sidebar-cat-scroll::-webkit-scrollbar-thumb{background: #e2e8f0;border-radius: 9999px;transition: background-color 0.2s}.sidebar-cat-scroll:hover::-webkit-scrollbar-thumb{background: #10b981}
/* 2-Column Mobile Product Card Slider Rules */
#popularSliderTrack,#newSliderTrack,.cat-slider-track,#standardsSliderTrack{gap:10px !important}
.product-slider-item{width:calc(50% - 5px) !important;min-width:calc(50% - 5px) !important;max-width:calc(50% - 5px) !important;flex:0 0 calc(50% - 5px) !important;box-sizing:border-box !important}
.product-slider-item > div{width:100% !important;min-width:0 !important;box-sizing:border-box !important}
@media (min-width: 640px){
#popularSliderTrack,#newSliderTrack,.cat-slider-track,#standardsSliderTrack{gap:20px !important}
.product-slider-item{width:calc(50% - 10px) !important;min-width:calc(50% - 10px) !important;max-width:calc(50% - 10px) !important;flex:0 0 calc(50% - 10px) !important}
}
@media (min-width: 768px){
.product-slider-item{width:calc(33.333% - 14px) !important;min-width:calc(33.333% - 14px) !important;max-width:calc(33.333% - 14px) !important;flex:0 0 calc(33.333% - 14px) !important}
}
@media (min-width: 1024px){
.product-slider-item{width:calc(25% - 15px) !important;min-width:calc(25% - 15px) !important;max-width:calc(25% - 15px) !important;flex:0 0 calc(25% - 15px) !important}
}
@media (min-width: 640px){
#standardsSliderTrack .product-slider-item{width:280px !important;min-width:280px !important;max-width:280px !important;flex:0 0 280px !important}
}
@media (min-width: 1024px){
#standardsSliderTrack .product-slider-item{width:290px !important;min-width:290px !important;max-width:290px !important;flex:0 0 290px !important}
}

/* ==========================================================
   Universal Draggable Slider & Touch Momentum Rules
   ========================================================== */
.slider-drag-scroll,
#popularSliderTrack,
#newSliderTrack,
.cat-slider-track,
#standardsSliderTrack,
#molCarouselTrack,
#peptideChainContainerWrap,
#categoryPopularSliderTrack,
#similarProductsSliderTrack,
#productThumbsContainer,
.touch-scroll-x {
  cursor: grab;
  touch-action: pan-x pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-x: contain;
}

@media (max-width: 768px) {
  .slider-drag-scroll,
  #popularSliderTrack,
  #newSliderTrack,
  .cat-slider-track,
  #standardsSliderTrack,
  #molCarouselTrack,
  #peptideChainContainerWrap,
  #categoryPopularSliderTrack,
  #similarProductsSliderTrack,
  #productThumbsContainer,
  .touch-scroll-x {
    scroll-behavior: auto !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

.slider-drag-scroll.is-grabbing,
#popularSliderTrack.is-grabbing,
#newSliderTrack.is-grabbing,
.cat-slider-track.is-grabbing,
#standardsSliderTrack.is-grabbing,
#molCarouselTrack.is-grabbing,
#peptideChainContainerWrap.is-grabbing,
#categoryPopularSliderTrack.is-grabbing,
#similarProductsSliderTrack.is-grabbing,
#productThumbsContainer.is-grabbing,
body.slider-is-grabbing,
body.slider-is-grabbing * {
  cursor: grabbing !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.slider-drag-scroll img,
.slider-drag-scroll a,
.product-slider-item img,
.product-slider-item a,
#categoryPopularSliderTrack img,
#categoryPopularSliderTrack a,
#similarProductsSliderTrack img,
#similarProductsSliderTrack a {
  -webkit-user-drag: none !important;
  user-select: none;
}

/* ==========================================================
   Product Card Micro Role Badges (Standart & Doktor)
   ========================================================== */
.badge-role-standard {
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  background-color: #ecfdf5 !important;
  color: #065f46 !important;
  border: 1px solid #a7f3d0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.badge-role-doctor {
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  background-color: #f0fdfa !important;
  color: #0f766e !important;
  border: 1px solid #99f6e4 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

/* ========================================================
   UNIFIED BRAND BREADCRUMB (Matching Product Categories)
   ======================================================== */
.rus-site-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.835rem;
  color: #64748b;
  font-family: var(--font-body, 'Lexend Deca', 'Jost', sans-serif);
  font-weight: 500;
  margin-bottom: 20px;
  flex-wrap: wrap;
  line-height: 1.4;
}

.rus-site-breadcrumb a.rus-bc-link {
  color: #64748b;
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.rus-site-breadcrumb a.rus-bc-link:hover {
  color: #2196D3;
  background-color: #EAF6FD;
  transform: translateY(-1px);
}

.rus-site-breadcrumb a.rus-bc-link .rus-bc-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1769AA;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rus-site-breadcrumb a.rus-bc-link:hover .rus-bc-icon {
  transform: scale(1.22) rotate(-4deg);
  color: #2196D3;
}

.rus-site-breadcrumb .rus-bc-sep {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #cbd5e1;
  font-size: 0.75rem;
  user-select: none;
}

.rus-site-breadcrumb .rus-bc-sep svg {
  width: 12px;
  height: 12px;
  stroke: #94a3b8;
  stroke-width: 2.5;
}

/* Category-Style Current Pill Badge with Micro-Pulse */
.rus-site-breadcrumb .rus-bc-current {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #123B5D;
  font-weight: 700;
  font-size: 0.825rem;
  background: #EAF6FD;
  padding: 3px 12px;
  border-radius: 9999px;
  border: 1px solid #D9E7F0;
  box-shadow: 0 1px 3px rgba(23, 105, 170, 0.08);
  letter-spacing: -0.01em;
}

.rus-site-breadcrumb .rus-bc-pulse-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #1769AA;
  display: inline-block;
  position: relative;
  animation: rusBcDotPulse 2.2s infinite ease-in-out;
}

@keyframes rusBcDotPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(23, 105, 170, 0.6);
  }
  50% {
    transform: scale(1.25);
    box-shadow: 0 0 0 5px rgba(23, 105, 170, 0);
  }
}

/* ==========================================================
   Comprehensive Mobile Responsive Engine (Frontend)
   ========================================================== */
/* Ultra-Compact & Compact Phone Screen Hero Bottles (< 380px) */
@media (max-width: 375px) {
  .hero-bottles-row > * + * {
    margin-left: -18px !important;
  }
  .hero-bottle-side {
    width: 98px !important;
  }
  .hero-bottle-side img {
    height: 165px !important;
  }
  .hero-bottle-center {
    width: 108px !important;
  }
  .hero-bottle-center img {
    height: 180px !important;
  }
}

/* Category Hero Banner Mobile Padding */
@media (max-width: 640px) {
  .rus-category-hero-banner {
    padding: 20px 16px !important;
    border-radius: 18px !important;
    margin-bottom: 20px !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .rus-category-hero-banner .rus-hero-molecule-wrap {
    top: 8px !important;
    right: 8px !important;
    transform: none !important;
    width: 90px !important;
    height: 74px !important;
    opacity: 0.18 !important;
    position: absolute !important;
    z-index: 1 !important;
  }
  .rus-category-hero-banner h1,
  .rus-category-hero-banner .rus-hero-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
    padding-right: 65px !important;
  }
  .rus-category-hero-banner p,
  .rus-category-hero-banner .rus-hero-desc {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    position: relative !important;
    z-index: 2 !important;
  }
}

/* iOS Safari prevent zoom on focus */
@media (max-width: 768px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* Product Card Polish on 2-Column Mobile Grid */
@media (max-width: 640px) {
  #productCatalogGrid {
    gap: 10px !important;
  }
  .rus-site-breadcrumb {
    font-size: 0.75rem !important;
    margin-bottom: 12px !important;
    gap: 5px !important;
  }
  .rus-site-breadcrumb .rus-bc-current {
    font-size: 0.75rem !important;
    padding: 2px 8px !important;
  }
}

/* Smooth Touch Momentum for all horizontal sliders */
.touch-scroll-x {
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x pan-y !important;
  overscroll-behavior-x: contain !important;
}

/* Safe Area Insets for Mobile Fixed Navigation */
.mobile-bottom-nav {
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
}

/* ========================================================
   MOLECULAR ANALYSIS SECTION — MOBILE RESPONSIVENESS FIXES
   Eliminates all horizontal layout shifts and overflows
   ======================================================== */
.rus-mol-section,
#molecularShowcaseContainer {
  overflow-x: clip;
  max-width: 100vw;
}

.rus-mol-stat-box,
.rus-mol-param-card,
.rus-mol-panel,
.rus-mol-ana-tile {
  min-width: 0 !important;
}

@media (max-width: 768px) {
  .rus-mol-section {
    padding: 34px 0 30px !important;
  }
  .rus-mol-title {
    font-size: 1.35rem !important;
    line-height: 1.3 !important;
  }
  .rus-mol-subtitle {
    font-size: 0.82rem !important;
    line-height: 1.5 !important;
  }
  .rus-mol-selector-grid {
    grid-template-columns: repeat(6, minmax(145px, 1fr)) !important;
    gap: 8px !important;
    padding: 4px 2px 10px !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x !important;
    scroll-snap-type: x mandatory !important;
  }
  .rus-mol-card-btn {
    min-height: 86px !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    scroll-snap-align: start !important;
    flex-shrink: 0 !important;
  }
  .rus-mol-card-thumb {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
  }
  .rus-mol-card-name {
    font-size: 11.5px !important;
  }
  .rus-mol-card-dose {
    font-size: 10px !important;
  }
  .rus-mol-selected-hero {
    padding: 16px 14px !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
  }
  .rus-mol-hero-top {
    gap: 14px !important;
    padding-bottom: 14px !important;
  }
  .rus-mol-hero-left {
    gap: 12px !important;
  }
  .rus-mol-hero-img-box {
    width: 62px !important;
    height: 62px !important;
    border-radius: 14px !important;
  }
  .rus-mol-hero-title {
    font-size: 1.15rem !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
  }
  .rus-mol-hero-sub {
    font-size: 0.8rem !important;
    line-height: 1.35 !important;
  }
  .rus-mol-hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }
  .rus-mol-stat-box {
    min-width: 0 !important;
    padding: 7px 6px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }
  .rus-mol-stat-lbl {
    font-size: 8px !important;
    letter-spacing: 0.2px !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .rus-mol-stat-val {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }
  .rus-mol-hero-bottom {
    gap: 12px !important;
    padding-top: 14px !important;
  }
  .rus-mol-hero-desc {
    font-size: 0.82rem !important;
    line-height: 1.5 !important;
  }
  .rus-mol-hero-actions {
    width: 100% !important;
    gap: 8px !important;
  }
  .rus-mol-btn-primary,
  .rus-mol-btn-outline {
    flex: 1 1 0% !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }
  .rus-mol-chain-wrapper {
    padding: 16px 12px !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
  }
  .rus-mol-chain-head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
  }
  .rus-mol-view-toggles {
    width: 100% !important;
  }
  .rus-mol-toggle-btn {
    flex: 1 !important;
    justify-content: center !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
  }
  .rus-mol-chain-track-wrap {
    padding: 8px 2px 14px !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x !important;
  }
  .rus-mol-params-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
  }
  .rus-mol-param-card {
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 11px 10px !important;
    border-radius: 14px !important;
  }
  .rus-mol-param-val {
    font-size: 12.5px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .rus-mol-param-hint {
    font-size: 9.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .rus-mol-lower-grid {
    gap: 14px !important;
    margin-bottom: 16px !important;
  }
  .rus-mol-panel {
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 16px 14px !important;
    border-radius: 18px !important;
  }
  .rus-mol-residue-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .rus-mol-residue-big-letter {
    width: 68px !important;
    height: 78px !important;
    border-radius: 12px !important;
  }
  .rus-mol-big-1char {
    font-size: 32px !important;
  }
  .rus-mol-residue-graphic {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 10px !important;
    border-top: 1px solid var(--mol-border-light) !important;
    width: 100% !important;
  }
  .rus-mol-3d-preview-canvas {
    width: 60px !important;
    height: 60px !important;
  }
  .rus-mol-analytical-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
  }
  .rus-mol-ana-tile {
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 8px 6px !important;
    border-radius: 10px !important;
  }
  .rus-mol-ana-val {
    font-size: 10.5px !important;
  }
  .rus-mol-analytical-footer {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    font-size: 11px !important;
  }
  .rus-mol-ruo-notice {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
  .rus-mol-ruo-text {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 420px) {
  .rus-mol-hero-actions {
    flex-direction: column !important;
  }
  .rus-mol-btn-primary,
  .rus-mol-btn-outline {
    width: 100% !important;
  }
}

/* ========================================================
   GLOBAL MOBILE TYPOGRAPHY REFINEMENT (Mobil Font İnceltme)
   ======================================================== */
@media (max-width: 768px) {
  body, html {
    font-weight: 350 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }

  p, li, dd, dt, label, input, textarea, select {
    font-weight: 350;
  }

  h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important;
    letter-spacing: -0.015em;
  }
  h1 { font-weight: 650 !important; }
  h2 { font-weight: 600 !important; }
  h3, h4, h5, h6 { font-weight: 550 !important; }

  b, strong {
    font-weight: 600 !important;
  }

  .font-black { font-weight: 700 !important; }
  .font-extrabold { font-weight: 650 !important; }
  .font-bold { font-weight: 600 !important; }
  .font-semibold { font-weight: 500 !important; }
  .font-medium { font-weight: 400 !important; }
  .font-normal { font-weight: 350 !important; }
  .font-light { font-weight: 300 !important; }

  .rus-product-card .rus-card-title,
  .rus-card-title,
  .rus-card-title a,
  .product-title,
  .product-lightbox-title {
    font-weight: 550 !important;
  }

  .rus-card-cat-label,
  .category-pill,
  .badge {
    font-weight: 550 !important;
  }

  .current-price,
  .rus-card-price .current-price,
  .product-price {
    font-weight: 650 !important;
  }

  .btn, .btn-primary, .btn-dark, .btn-red, .rus-card-btn-gold {
    font-weight: 600 !important;
  }

  .mobile-nav-item span {
    font-weight: 500 !important;
  }
  .mobile-nav-item.is-active span {
    font-weight: 600 !important;
  }

  .rus-hero-badge {
    font-weight: 550 !important;
  }

  /* ========================================================
     ÖZEL KALIN KALMASI GEREKEN ALANLAR (User Preferences)
     ======================================================== */
  /* 1. Logo Yazısı (Mobilde Kalın Kalacak) */
  .header-brand-title,
  .header-brand-title *,
  .mobile-brand-title,
  .mobile-brand-title *,
  .brand-dark,
  .brand-blue,
  .header-main-brand,
  .mobile-brand-link {
    font-weight: 800 !important;
  }

  /* 2. Ürün Sekmeleri (Genel Bakış, Özellikler, Araştırma & Literatür, Laboratuvar Sonuçları: Kalın Olacak) */
  .product-tab-btn,
  .product-tab-btn span,
  .rus-tab-btn,
  .rus-tab-btn span,
  button[data-tab-target],
  button[data-tab-target] span,
  #tabOverview,
  #tabSpecs,
  #tabResearch,
  #tabLab {
    font-weight: 700 !important;
  }
  .product-tab-btn.font-black,
  .product-tab-btn[data-tab-target="tabOverview"].bg-white {
    font-weight: 800 !important;
  }

  /* 3. Ne İçin Araştırılıyor? Başlığı ve Vurgusu (Kalın Kalacak) */
  .rus-purpose-title,
  .rus-purpose-title span,
  .quickview-purpose-title,
  .rus-purpose-summary {
    font-weight: 800 !important;
  }

  /* 4. Mobil Hızlı İncele ve Modal Kompakt Boyutlandırma */
  .modal-overlay.quickview-modal-overlay,
  .product-lightbox-backdrop {
    padding: 12px 10px !important;
  }

  .modal-box.rus-quickview-box,
  .product-lightbox-card {
    max-width: 440px !important;
    width: 100% !important;
    max-height: 82vh !important;
    border-radius: 18px !important;
    padding: 16px 14px !important;
  }

  .rus-quickview-purpose-card {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    gap: 10px !important;
  }

  .rus-quickview-title {
    font-size: 0.95rem !important;
  }

  .rus-quickview-summary-text {
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
  }

  /* 5. Mobilde Tüm Sayfaları Genişletme (Kategoriler & Tüm Sayfalar) */
  .site-container,
  .max-w-container,
  .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .site-section {
    padding-top: 14px !important;
    padding-bottom: 28px !important;
  }

  .rus-category-hero-banner {
    padding: 18px 12px !important;
    border-radius: 16px !important;
    margin-bottom: 16px !important;
  }

  .rus-main-catalog-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .modal-box.rus-quickview-box,
  .product-lightbox-card {
    max-width: 96vw !important;
    max-height: 85vh !important;
    padding: 14px 10px !important;
  }

  .site-container,
  .max-w-container,
  .container {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .rus-category-hero-banner {
    padding: 16px 10px !important;
  }

  .rus-main-catalog-grid {
    gap: 6px !important;
  }
}