/* Nutriovit — premium corporate / pharmaceutical visual direction */
:root {
  --aqua:#1e6b68;
  --accent-rgb:30,107,104;
  --aqua-dark:#145451;
  --aqua-soft:#e5f0ef;
  --ink:#10263d;
  --ink-soft:#395064;
  --paper:#fcfaf6;
  --mist:#f3f6f6;
  --ice:#edf2f4;
  --sage:#e9f0ed;
  --sand:#f4efe5;
  --line:#d8e0e2;
  --navy:#10263d;
  --navy-d:#091a2b;
  --navy-l:#29445d;
  --navy-p:#e9eef2;
  --navy-p2:#d8e1e7;
  --green:#1e6b68;
  --green-d:#145451;
  --green-l:#3f8f8b;
  --green-p:#e5f0ef;
  --off:#f4f7f8;
  --border:#d8e0e2;
  --text:#243a4c;
  --muted:#647583;
  --light:#8b98a2;
  --gold:#c6a66b;
  --navy-grad:linear-gradient(135deg,#091a2b 0%,#102c44 56%,#143b4a 100%);
  --navy-d-grad:linear-gradient(135deg,#071623 0%,#10263d 100%);
  --radius:8px;
  --radius-lg:14px;
  --display:"Segoe UI Variable Display","Aptos Display","Helvetica Neue",Arial,sans-serif;
  --sans:"Segoe UI Variable Text","Aptos","Helvetica Neue",Arial,sans-serif;
}

html,body { overflow-x:clip; }
body { background:#f4f7f8; color:var(--text); letter-spacing:0; }
body::before { display:none; }
.container { max-width:1320px; }
.section { padding:clamp(5rem,8vw,7.5rem) 0; }
.section:not(.section-alt):not(.section-white):not(.section-navy):not(.production-capacity) { background:#f7f9f9; }
.section-alt { background:#edf2f3; }
.section-white { background:#fcfbf8; }
.section-navy { background:var(--navy-grad); }
.section-navy::after { border-color:rgba(198,166,107,.18); box-shadow:0 0 0 80px rgba(198,166,107,.025),0 0 0 160px rgba(198,166,107,.018); }

/* Navigation */
.hdr { position:sticky!important; z-index:1000; top:0; border-bottom:1px solid rgba(16,38,61,.12); background:rgba(231,239,237,.97); box-shadow:0 8px 28px rgba(16,38,61,.09); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.hdr.is-scrolled { background:rgba(238,243,241,.985); box-shadow:0 12px 36px rgba(16,38,61,.14); }
.hdr-inner { max-width:1380px; height:86px; }
.logo-img { max-width:192px; max-height:50px; filter:none; }
.nav { gap:2px; }
.nav a { padding:12px 13px; color:#40576a; font-size:15px; font-weight:650; letter-spacing:.005em; }
.nav a::after { right:13px; bottom:5px; left:13px; height:2px; background:var(--aqua); }
.nav a:hover,.nav a.on { color:var(--navy); }
.nav a.ncta { margin-left:10px; padding:12px 20px; border:1px solid #2e817d!important; border-radius:7px; background:#1e6b68!important; color:#fff!important; box-shadow:none; }
.nav a.ncta:hover { border-color:#428f8b!important; background:#2d7e7a!important; box-shadow:0 10px 24px rgba(0,0,0,.2); }
.lang-pill { gap:4px; margin-left:8px; overflow:visible; border:0; border-radius:0; background:transparent; }
.lb { min-width:34px; padding:6px 8px; border:1px solid rgba(255,255,255,.2); border-radius:6px; color:#fff; text-align:center; box-shadow:0 3px 10px rgba(0,0,0,.12); opacity:.78; }
.lb.lang-tr { border-color:#b51f32; background:#c9273d; }
.lb.lang-en { border-color:#294b84; background:linear-gradient(180deg,#294b84 0 68%,#b22234 68% 100%); }
.lb.lang-ar { border-color:#147a46; background:#17864e; }
.lb:hover,.lb.on { color:#fff; opacity:1; box-shadow:0 0 0 2px rgba(255,255,255,.9),0 5px 14px rgba(0,0,0,.2); transform:translateY(-1px); }
.hamburger span { background:var(--navy); }

/* Homepage hero */
.hero-slider,.hs-track,.hs-slide { min-height:clamp(610px,calc(100vh - 86px),790px); }
.hs-bg-default { background:var(--navy-grad); }
.hs-bg-img { background-position:center; filter:saturate(.82) contrast(1.03); }
.hs-bg-video.is-ready { filter:saturate(.76) brightness(.72); }
.hs-overlay { background:linear-gradient(90deg,rgba(7,22,35,.96) 0%,rgba(10,31,48,.88) 34%,rgba(12,40,54,.47) 62%,rgba(9,26,43,.12) 100%); }
.hs-content { max-width:760px; padding-left:clamp(2rem,7vw,7rem); }
.hs-badge { margin-bottom:1.7rem; color:#8fc1bd; }
.hs-badge .hs-dot { background:var(--gold); }
.hs-title { max-width:690px; margin-bottom:1.45rem; color:#fff; font-size:clamp(42px,4.2vw,61px); font-weight:650; line-height:1.05; letter-spacing:-.035em; }
.hs-title em { color:#a5d2cf; }
.hs-subtitle { max-width:600px; color:rgba(255,255,255,.78); font-size:17px; line-height:1.75; }
.hero-slider .btn-green { border-color:var(--aqua); background:var(--aqua); color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.14); }
.hero-slider .btn-green:hover { border-color:#2f7f7b; background:#2f7f7b; }
.hero-slider .btn-ghost { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.04); color:#fff; }
.hero-slider .btn-ghost:hover { border-color:#fff; background:#fff; color:var(--navy); }
.hs-dots .hs-dot,.hs-dot-btn { background:rgba(255,255,255,.35); }
.hs-dots .hs-dot.active,.hs-dot-btn.active { background:var(--gold); }
.hs-arrow { border-color:rgba(255,255,255,.25); background:rgba(9,26,43,.38); color:#fff; backdrop-filter:blur(8px); }
.hs-arrow:hover { border-color:#fff; background:#fff; color:var(--navy); }

/* Inner page image headers */
.page-hero,.services-hero,.service-detail-hero,.production-hero { min-height:380px; background:var(--navy-grad)!important; }
.page-hero::before { right:-170px; top:-260px; border-color:rgba(198,166,107,.18); box-shadow:0 0 0 85px rgba(198,166,107,.025),0 0 0 170px rgba(198,166,107,.018); }
.page-hero.has-hero-image::after { background-image:linear-gradient(90deg,rgba(7,22,35,.96) 0%,rgba(9,29,45,.88) 35%,rgba(11,39,52,.54) 62%,rgba(9,26,43,.18) 100%),var(--hero-image); background-position:center,center; }
.page-hero-badge { color:#9bc6c2; }
.page-hero-title { max-width:760px; color:#fff; font-size:clamp(36px,3.5vw,50px); font-weight:650; line-height:1.08; letter-spacing:-.03em; }
.page-hero-title em { color:#a5d2cf; }
.page-hero-desc,.services-hero .page-hero-desc,.service-detail-hero .page-hero-desc { max-width:630px; color:rgba(255,255,255,.76)!important; font-size:16px; line-height:1.75; }
.page-hero .btn-ghost { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.04); color:#fff; }
.page-hero .btn-ghost:hover { border-color:#fff; background:#fff; color:var(--navy); }

/* Typography and controls */
.section-title { max-width:850px; color:var(--navy); font-size:clamp(34px,3.8vw,52px); font-weight:650; line-height:1.08; letter-spacing:-.032em; }
.section-title-white { color:#fff; }
.section-desc { color:#5d7080; font-size:16px; line-height:1.8; }
.section-header { margin-bottom:clamp(2.75rem,5vw,4.25rem); }
.chip { color:var(--aqua); font-size:11px; font-weight:800; letter-spacing:.17em; }
.chip-white { color:#9bc6c2; }
.divider-line { background:var(--gold); }
.btn-green,.btn-navy,.btn-ghost { min-height:50px; padding:0 24px; border-radius:7px; }
.btn-green { border-color:var(--aqua); background:var(--aqua); color:#fff; box-shadow:none; }
.btn-green:hover { border-color:var(--navy); background:var(--navy); box-shadow:0 12px 28px rgba(16,38,61,.18); }
.btn-navy { border-color:var(--navy); background:var(--navy); }
.btn-navy:hover { border-color:var(--aqua); background:var(--aqua); }

/* Restrained corporate cards */
.cards-3,.cards-4,.products-grid-4,.services-grid,.quality-grid,.format-grid,.spec-grid { gap:clamp(1rem,1.8vw,1.6rem); }
.info-card,.service-card,.value-card,.facility-card,.quality-card,.format-card,.spec-card,.vision-stat,.cert-badge,.prose-card { border:1px solid #d8e0e2; border-radius:12px; background:#fff; box-shadow:0 12px 35px rgba(16,38,61,.055); }
.info-card,.service-card,.value-card,.quality-card { padding:clamp(1.7rem,2.6vw,2.5rem); }
.info-card:hover,.service-card:hover,.value-card:hover,.facility-card:hover,.product-card:hover { border-color:rgba(30,107,104,.55); box-shadow:0 22px 48px rgba(16,38,61,.1); transform:translateY(-5px); }
.info-card:nth-child(n),.service-card:nth-child(n),.quality-card:nth-child(n) { background:#fff; }
.info-card::before,.service-card::before,.quality-card::before { height:3px; background:linear-gradient(90deg,var(--aqua),var(--gold)); }
.info-card-icon-wrap,.value-icon,.ci-icon { background:#e7f0ef; color:var(--aqua); }
.info-card-title,.service-card h2,.service-card h3,.value-title,.facility-name { color:var(--navy); font-size:21px; font-weight:700; }
.info-card-body,.service-card p,.value-desc,.facility-desc { color:#627482; }
.service-card { min-height:320px; }
.service-card-number { color:var(--gold); }
.service-process-step { border-top-color:var(--aqua); border-radius:10px; }

/* Product catalogue */
.product-card { overflow:hidden; border:1px solid #d9e1e3; border-radius:12px; background:#fff; box-shadow:0 10px 28px rgba(16,38,61,.055); }
.pcard-img { aspect-ratio:1/1; background:linear-gradient(145deg,#f7f8f6,#edf1f0); }
.pcard-img img { object-fit:contain; padding:.85rem; }
.pcard-body { padding:1.15rem 1.15rem 1.25rem; }
.pcard-name { color:var(--navy); font-size:18px; font-weight:700; line-height:1.3; }
.pcard-sub { color:#697a87; font-size:13px; line-height:1.65; }
.pcard-footer { border-color:#e0e6e7; }
.pcard-link { color:var(--aqua); }
.pcard-concept-badge,.product-concept-badge { color:var(--aqua)!important; letter-spacing:.11em!important; }
.page-products .product-card,.page-index .home-products-grid .product-card { border-color:#d9e1e3; border-radius:12px; background:#fff; box-shadow:0 10px 28px rgba(16,38,61,.055); }
.page-products .pcard-img,.page-index .home-products-grid .pcard-img { background:linear-gradient(145deg,#f7f8f6,#edf1f0); }
.product-form-filters a { border-radius:7px!important; border-color:#d5dfe1!important; color:var(--navy)!important; }
.product-form-filters a:hover,.product-form-filters a.active { border-color:var(--navy)!important; background:var(--navy)!important; color:#fff!important; }

/* About and manufacturing */
.page-about .values-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.page-about .value-card:nth-child(n) { min-height:190px; padding:1.5rem 1.25rem; border-color:#d7e0e2; background:#fff; }
.page-about .value-card::before { height:3px; background:linear-gradient(90deg,var(--aqua),var(--gold)); }
.page-about .value-card:nth-child(n)::before { background:linear-gradient(90deg,var(--aqua),var(--gold)); }
.page-about .value-icon { width:38px; height:38px; margin-bottom:1rem; }
.page-about .value-title { color:var(--navy); font-size:18px; }
.page-about .value-desc { font-size:13px; line-height:1.65; }
.page-production .format-grid { max-width:1040px; }
.page-production .format-card:nth-child(n) { min-height:96px; padding:1.25rem; border-color:rgba(255,255,255,.16); border-radius:10px; background:linear-gradient(145deg,#173a57,#10283e); box-shadow:0 14px 30px rgba(16,38,61,.16); }
.page-production .format-card:nth-child(3n+1) { background:linear-gradient(145deg,#173a57,#10283e); }
.page-production .format-card:nth-child(3n+2) { background:linear-gradient(145deg,#237b76,#155451); }
.page-production .format-card:nth-child(3n) { background:linear-gradient(145deg,#2b6072,#193e4e); }
.page-production .format-card::after { border-color:rgba(255,255,255,.18); }
.page-production .format-card:hover { border-color:rgba(255,255,255,.55); box-shadow:0 20px 42px rgba(16,38,61,.24); }
.page-production .format-card strong { position:relative; z-index:1; color:#fff; font-size:16px; text-shadow:0 1px 2px rgba(0,0,0,.18); }
.page-production .production-process-section { padding-bottom:3.25rem; }
.page-production .production-capacity { padding-block:0; }
.page-production .production-quality-section { padding-top:3.5rem; }
.page-production .process-steps::before { height:3px; background:linear-gradient(90deg,var(--navy),var(--aqua),var(--gold)); }
.page-production .proc-num { width:56px; height:56px; border:4px solid #edf2f3; color:#fff!important; box-shadow:0 8px 20px rgba(16,38,61,.16); }
.page-production .proc-num-n { background:linear-gradient(145deg,#183a58,#0c2237); }
.page-production .proc-num-g { background:linear-gradient(145deg,#2b817d,#155653); }
.capacity-panel { border-radius:14px!important; background:radial-gradient(circle at 88% 15%,rgba(198,166,107,.2),transparent 28%),var(--navy-grad)!important; }
.production-cta { border-radius:12px!important; border-color:#cedbdd!important; background:linear-gradient(120deg,#e8f0ef,#f4f1e9)!important; }

/* Trust, stats and editorial sections */
.counters-section { border:0; background:var(--navy-grad); }
.counter-cell { border-color:rgba(255,255,255,.14); }
.counter-num { color:#fff; }
.counter-label { color:rgba(255,255,255,.68); }
.counter-num em { color:#8fc1bd; }
.vis-box { border-radius:14px; background:var(--navy-grad); box-shadow:26px 26px 0 #dfeae8; }
.vis-ring-inner { background:var(--aqua); }
.managed-section-bg::after { background:linear-gradient(90deg,rgba(244,248,247,.96),rgba(233,241,239,.78)); }
.managed-section-bg .service-guide-card,.managed-section-bg .product-journey-links a { border-radius:10px!important; border-color:rgba(30,107,104,.25); }

/* Forms */
.form-card,.contact-info { border-radius:12px; border-color:#d5dfe1!important; background:#fff!important; box-shadow:0 24px 60px rgba(16,38,61,.08); }
.page-contact .contact-info { padding:2.5rem; }
.page-contact .ci-item:first-of-type { margin-top:1.75rem; }
.fg input,.fg textarea,.fg select,.qfg input,.qfg textarea,.qfg select { border-radius:7px!important; }
.product-detail-img,.product-facts>div,.product-packaging-card,.product-packaging-media,.product-answer-box,.product-quote-box { border-radius:12px!important; }

/* Quote configurator */
.quote-page { position:relative; isolation:isolate; background:radial-gradient(circle at 12% 8%,rgba(52,143,138,.34),transparent 33%),radial-gradient(circle at 90% 24%,rgba(198,166,107,.16),transparent 27%),linear-gradient(145deg,#102c44 0%,#173f58 48%,#174f53 100%)!important; }
.quote-page::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,black,transparent 75%); }
.quote-header { background:rgba(7,22,35,.18)!important; border-bottom-color:rgba(255,255,255,.12); }
.quote-subtitle { color:rgba(255,255,255,.7); }
.quote-steps { border:1px solid rgba(255,255,255,.08); background:rgba(7,22,35,.26); }
.quote-form-wrap { padding:clamp(1.25rem,3vw,2.25rem); border:1px solid rgba(255,255,255,.1); border-radius:14px!important; background:rgba(9,29,45,.2); box-shadow:0 24px 65px rgba(3,15,25,.16); backdrop-filter:blur(5px); }
.quote-header-inner,.quote-wrap { max-width:1080px; }
.quote-page .qfg input,.quote-page .qfg textarea,.quote-page .qfg select { background:#fff!important; color:#10263d!important; caret-color:#1e6b68; }
.quote-page .qfg input::placeholder,.quote-page .qfg textarea::placeholder { color:#687985!important; opacity:1; }
.qcard { border-radius:10px!important; background:rgba(255,255,255,.065); }
.qcard:hover { background:rgba(255,255,255,.11); }
.qcard.selected { background:rgba(30,107,104,.62); }
.qbtn { border-radius:7px!important; }

/* Footer */
.footer { border-top:0; background:#091a2b; color:#fff; }
.footer::before { background:radial-gradient(circle at 12% 0%,rgba(30,107,104,.24),transparent 34%); }
.footer-cta { border-color:rgba(255,255,255,.12); border-radius:14px; background:linear-gradient(120deg,#12324a,#174a55); box-shadow:0 24px 60px rgba(0,0,0,.2); color:#fff; }
.footer-cta-kicker { color:#9bc6c2; }
.footer-cta h2 { color:#fff; }
.footer-cta p { color:rgba(255,255,255,.7); }
.footer-btn-primary { background:#fff; color:var(--navy); }
.footer-btn-secondary { border-color:rgba(255,255,255,.55); color:#fff; }
.footer-btn-secondary:hover { border-color:#fff; background:#fff; color:var(--navy); }
.fl-name,.footer-col-title { color:#fff; }
.fl-name span { color:#8fc1bd; }
.footer-desc,.footer-link-list a,.footer-contact-item p,.footer-contact-item a,.footer-legal a,.footer-legal button { color:rgba(255,255,255,.64); }
.footer-link-list a:hover,.footer-contact-item a:hover { color:#fff; }
.footer-contact-icon { border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.07); color:#9bc6c2; }
.footer-contact-item div>span,.footer-trust-title,.footer-copy { color:rgba(255,255,255,.42); }
.footer-trust,.footer-bottom { border-color:rgba(255,255,255,.1); }
.footer-cert-badge { border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.05); color:rgba(255,255,255,.62); }
.footer-languages { border-color:rgba(255,255,255,.15); border-radius:7px; }
.footer-languages a { color:rgba(255,255,255,.62); }
.footer-languages a:hover,.footer-languages a.active { background:#fff; color:var(--navy); }
.fsob { border-color:rgba(255,255,255,.14)!important; color:#fff!important; }

@media (max-width:1180px) {
  .hdr-inner { height:76px; }
  .hero-slider,.hs-track,.hs-slide { min-height:calc(100vh - 76px); }
}

@media (max-width:900px) {
  .nav { top:74px; border-top-color:rgba(16,38,61,.1); background:rgba(238,243,241,.99); }
  .nav a { border-bottom-color:rgba(16,38,61,.1); color:#40576a; }
  .nav a:hover,.nav a.on { color:var(--navy); }
  .nav .nav-lang-pill { gap:8px; }
  .nav .nav-lang-pill a { border:1px solid rgba(255,255,255,.2); }
  .page-about .values-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hs-overlay { background:linear-gradient(90deg,rgba(7,22,35,.95),rgba(10,35,49,.74)); }
  .page-hero.has-hero-image::after { background-image:linear-gradient(90deg,rgba(7,22,35,.94),rgba(10,35,49,.72)),var(--hero-image); }
  .page-hero-title { font-size:clamp(34px,7vw,46px); }
}

@media (max-width:620px) {
  .hero-slider,.hs-track,.hs-slide { min-height:620px; }
  .hs-overlay { background:linear-gradient(180deg,rgba(7,22,35,.93),rgba(9,31,45,.78)); }
  .hs-title { font-size:clamp(34px,10vw,43px); }
  .page-hero { min-height:330px; }
  .page-hero.has-hero-image::after { background-image:linear-gradient(180deg,rgba(7,22,35,.92),rgba(9,31,45,.75)),var(--hero-image); opacity:1; }
  .page-hero-title { font-size:clamp(31px,8.5vw,39px); }
  .section-title { font-size:clamp(31px,9vw,40px); }
  .vis-box { box-shadow:12px 12px 0 #dfeae8; }
  .page-about .values-grid { grid-template-columns:1fr; }
  .page-about .value-card:nth-child(n) { min-height:0; }
  .page-contact .contact-info { padding:1.5rem; }
  .page-production .production-process-section { padding-bottom:2.5rem; }
  .page-production .production-quality-section { padding-top:2.75rem; }
}