:root { --lorad-green: #00663f; --lorad-green-dark: #004c30; --lorad-green-deep: #003b2a; --lorad-green-soft: #eaf4ef; --lorad-green-pale: #f4f9f6; --ink: #17211d; --muted: #67736e; --border: #d9e1dd; --surface: #ffffff; --surface-soft: #f8faf9; --page-max: 1320px; --radius: 0.75rem; --shadow-soft: 0 10px 30px rgba(14, 55, 40, 0.07); } html { scroll-behavior: smooth; } body { color: var(--ink); background: #fff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } a { color: var(--lorad-green); } a:hover { color: var(--lorad-green-dark); } .page-shell { max-width: var(--page-max); margin-inline: auto; } .text-lorad { color: var(--lorad-green); } .site-header { position: sticky; top: 0; z-index: 1030; } .navbar-brand { color: var(--lorad-green); } .lorad-mark { position: relative; width: 43px; height: 43px; display: grid; place-items: center; } .lorad-mark::before, .lorad-mark::after, .lorad-mark span::before, .lorad-mark span::after { content: ""; position: absolute; width: 23px; height: 13px; border: 4px solid var(--lorad-green); } .lorad-mark::before { transform: rotate(30deg) translateY(-8px); } .lorad-mark::after { transform: rotate(150deg) translateY(-8px); } .lorad-mark span::before { transform: rotate(30deg) translateY(8px); } .lorad-mark span::after { transform: rotate(150deg) translateY(8px); } .brand-lockup { display: flex; flex-direction: column; line-height: 1; } .brand-lockup strong { color: var(--lorad-green); font-size: 1.85rem; letter-spacing: 0.045em; } .brand-lockup small { color: #4f5c57; font-size: 0.65rem; letter-spacing: 0.47em; padding-left: 0.14rem; margin-top: 0.18rem; } .navbar .nav-link { color: #16201d; font-weight: 600; font-size: 0.94rem; padding-inline: 0.75rem !important; } .navbar .nav-link:hover, .navbar .nav-link:focus { color: var(--lorad-green); } .dropdown-menu { border-color: var(--border); box-shadow: var(--shadow-soft); } .header-action { text-decoration: none; color: #16201d; display: inline-flex; align-items: center; gap: 0.4rem; white-space: nowrap; font-size: 0.92rem; } .header-action:hover { color: var(--lorad-green); } .cart-count { display: inline-grid; place-items: center; min-width: 1.35rem; height: 1.35rem; padding-inline: 0.25rem; margin-left: 0.05rem; border-radius: 999px; color: #fff; background: var(--lorad-green); font-size: 0.72rem; font-weight: 700; } .global-search { max-width: 820px; margin-inline: auto; } .global-search .form-control, .global-search .input-group-text { border-color: #cfd9d4; } .global-search .form-control:focus { box-shadow: none; border-color: #aebfb6; } .btn-lorad { --bs-btn-color: #fff; --bs-btn-bg: var(--lorad-green); --bs-btn-border-color: var(--lorad-green); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--lorad-green-dark); --bs-btn-hover-border-color: var(--lorad-green-dark); --bs-btn-focus-shadow-rgb: 0, 102, 63; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--lorad-green-dark); --bs-btn-active-border-color: var(--lorad-green-dark); font-weight: 700; } .btn-outline-lorad { --bs-btn-color: var(--lorad-green); --bs-btn-border-color: var(--lorad-green); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--lorad-green); --bs-btn-hover-border-color: var(--lorad-green); --bs-btn-focus-shadow-rgb: 0, 102, 63; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--lorad-green); --bs-btn-active-border-color: var(--lorad-green); font-weight: 700; } .hero-section { background: linear-gradient(90deg, #fff 0%, #fff 45%, #fff 45%, #fff 100%); } .hero-frame { min-height: 340px; } .hero-copy { padding: 2.25rem 2.75rem 2rem 0; display: flex; flex-direction: column; justify-content: center; } .eyebrow { color: var(--lorad-green); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.14em; } .hero-copy h1 { margin: 0; max-width: 690px; color: var(--lorad-green-dark); font-size: clamp(2.35rem, 4vw, 4.3rem); line-height: 1.01; font-weight: 760; letter-spacing: -0.035em; } .hero-lead { max-width: 590px; margin-top: 0.85rem; margin-bottom: 0; color: #26312d; font-size: 1.15rem; line-height: 1.45; } .hero-image { min-height: 340px; background-image: linear-gradient(120deg, rgba(244, 248, 246, 0.05), rgba(244, 248, 246, 0)), url("/assets/img/hero-lab.png"); background-size: cover; background-position: center; clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 5% 50%); } .hero-trust { max-width: 760px; } .trust-item { height: 100%; display: flex; align-items: center; gap: 0.7rem; padding-right: 0.7rem; border-right: 1px solid #d4ded9; } .hero-trust .col:last-child .trust-item { border-right: 0; } .trust-item i { color: var(--lorad-green); font-size: 1.6rem; } .trust-item span { font-size: 0.78rem; font-weight: 600; line-height: 1.25; } .section-pad { padding-block: 1rem; } .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.65rem; } .section-heading h2 { margin: 0; font-size: 1.22rem; font-weight: 750; letter-spacing: -0.015em; } .section-heading a { font-size: 0.84rem; font-weight: 700; text-decoration: none; } .browse-panel { padding: 0.9rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; } .browse-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.65rem; } .browse-tile { min-height: 86px; padding: 0.75rem 0.45rem; border: 1px solid var(--border); border-radius: 0.55rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.38rem; color: var(--ink); background: #fff; text-align: center; text-decoration: none; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .browse-tile:hover { color: var(--lorad-green); border-color: #9fc4b1; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0, 102, 63, 0.08); } .browse-tile i { color: var(--lorad-green); font-size: 1.65rem; } .browse-tile span { font-size: 0.79rem; line-height: 1.15; font-weight: 700; } .product-card { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; display: grid; grid-template-columns: 44% 56%; min-height: 175px; transition: transform 0.15s ease, box-shadow 0.15s ease; } .product-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-soft); } .product-image { min-height: 175px; display: grid; place-items: center; padding: 0.8rem; background: radial-gradient(circle at 50% 30%, #fff 0, #f6f8f7 62%, #eef3f0 100%); } .product-image img { width: 100%; max-height: 130px; object-fit: contain; } .product-card-body { padding: 1rem 1rem 0.9rem 1rem; display: flex; flex-direction: column; } .product-card h3 { margin: 0; font-size: 1rem; line-height: 1.08; font-weight: 760; } #featured-home-products .product-image { padding: 0; overflow: hidden; } #featured-home-products .product-image img { width: 100%; height: 100%; max-height: none; object-fit: cover; } .formula { margin: 0.2rem 0 0.35rem; font-size: 0.9rem; } .product-meta { margin: 0 0 0.65rem; font-size: 0.8rem; line-height: 1.18; } .product-meta div { display: flex; gap: 0.35rem; } .product-meta dt { font-weight: 700; } .product-meta dd { margin: 0; } .product-card .btn { margin-top: auto; align-self: start; } .cta-panel { min-height: 90px; padding: 1rem 1.25rem; display: flex; align-items: center; gap: 1rem; border: 1px solid #d5e4dc; border-radius: var(--radius); background: linear-gradient(90deg, var(--lorad-green-pale), #fbfdfc); } .cta-icon { flex: 0 0 auto; width: 55px; height: 55px; display: grid; place-items: center; color: var(--lorad-green); font-size: 2.25rem; } .cta-copy { min-width: 0; } .cta-copy h2 { margin: 0 0 0.2rem; font-size: 1.13rem; font-weight: 760; } .cta-copy p { margin: 0; color: #59645f; font-size: 0.86rem; } .news-card { min-height: 114px; display: grid; grid-template-columns: 120px 1fr; gap: 0.95rem; padding: 0.4rem 0; } .news-card + .news-card { border-left: 1px solid var(--border); } .news-thumb { width: 120px; height: 86px; object-fit: cover; border-radius: 0.55rem; border: 1px solid var(--border); } .news-card h3 { margin: 0; font-size: 0.95rem; line-height: 1.15; font-weight: 760; } .news-card p { margin: 0.2rem 0; color: #56615c; font-size: 0.79rem; line-height: 1.25; } .news-card .news-date { color: #7b8580; font-size: 0.74rem; } .news-card a { font-size: 0.78rem; font-weight: 700; text-decoration: none; } .site-footer { color: #fff; background: linear-gradient(135deg, var(--lorad-green-deep), #005239); } .site-footer h2 { margin-bottom: 0.55rem; color: #fff; font-size: 0.95rem; font-weight: 750; } .site-footer ul { margin: 0; padding: 0; list-style: none; } .site-footer li { margin-bottom: 0.2rem; } .site-footer a { color: rgba(255, 255, 255, 0.86); text-decoration: none; font-size: 0.8rem; } .site-footer a:hover { color: #fff; text-decoration: underline; } .footer-contact { margin: 0; font-style: normal; } .footer-contact > div { display: flex; gap: 0.65rem; align-items: flex-start; margin-bottom: 0.5rem; color: rgba(255, 255, 255, 0.88); font-size: 0.82rem; } .footer-contact i { width: 1rem; margin-top: 0.05rem; } .footer-certifications { display: flex; align-items: center; gap: 0.75rem; font-size: 0.78rem; } .iso-badge { width: 50px; height: 50px; display: grid; place-items: center; border: 2px solid rgba(255, 255, 255, 0.85); border-radius: 999px; font-weight: 800; } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(0, 0, 0, 0.08); } .footer-legal { display: flex; flex-wrap: wrap; gap: 0; } .footer-legal a { padding-right: 1rem; margin-right: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.35); font-size: 0.74rem; } .footer-legal a:last-child { border-right: 0; } .footer-copyright { display: flex; flex-wrap: wrap; gap: 1.2rem; color: rgba(255, 255, 255, 0.82); font-size: 0.74rem; } .made-in { display: inline-flex; gap: 0.4rem; align-items: center; } @media (max-width: 1199.98px) { .header-actions { padding-block: 1rem; } .browse-grid { grid-template-columns: repeat(5, minmax(110px, 1fr)); overflow-x: auto; padding-bottom: 0.25rem; } .browse-tile { min-width: 110px; } } @media (max-width: 991.98px) { .site-header { position: static; } .hero-section { background: #fff; } .hero-copy { padding: 2rem 0; } .hero-trust .trust-item { border-right: 0; } .cta-panel { align-items: flex-start; flex-wrap: wrap; } .cta-panel .btn { margin-left: 4.4rem !important; } } @media (max-width: 767.98px) { .brand-lockup strong { font-size: 1.45rem; } .brand-lockup small { font-size: 0.5rem; } .lorad-mark { transform: scale(0.85); } .global-search .btn { padding-inline: 1rem !important; } .hero-copy h1 { font-size: 2.45rem; } .hero-lead { font-size: 1rem; } .trust-item span { font-size: 0.72rem; } .product-card { grid-template-columns: 42% 58%; } .news-card { grid-template-columns: 95px 1fr; } .news-thumb { width: 95px; height: 74px; } .cta-panel .btn { width: 100%; margin-left: 0 !important; } .footer-legal a { margin-bottom: 0.4rem; } } @media (max-width: 575.98px) { .page-shell { padding-inline: 1rem; } .product-card { grid-template-columns: 1fr; } .product-card-body { padding: 0.9rem 1rem 1rem; } .product-image { min-height: 145px; } .section-heading { align-items: flex-start; } .section-heading h2 { font-size: 1.08rem; } .section-heading a { font-size: 0.76rem; } } .skip-link { position: absolute; left: 0.75rem; top: -100px; z-index: 2000; padding: 0.6rem 0.9rem; color: #fff; background: var(--lorad-green); border-radius: 0.35rem; text-decoration: none; } .skip-link:focus { top: 0.75rem; } .navbar .nav-link.active { color: var(--lorad-green); } .service-breadcrumb { padding-block: 0.85rem; font-size: 0.8rem; } .service-breadcrumb .breadcrumb-item a { color: #59645f; text-decoration: none; } .service-breadcrumb .breadcrumb-item.active { color: var(--lorad-green); font-weight: 700; } .service-hero { border-top: 1px solid #eef2f0; border-bottom: 1px solid var(--border); background: #fff; } .service-hero-frame { min-height: 315px; } .service-hero-copy { min-height: 315px; padding: 2.25rem 2.75rem 2rem 0; display: flex; flex-direction: column; justify-content: center; } .service-hero-copy h1 { margin: 0; font-size: clamp(2.25rem, 3.6vw, 3.7rem); line-height: 1.03; font-weight: 760; letter-spacing: -0.035em; } .service-hero-lead { max-width: 620px; margin: 1rem 0 0; color: #26312d; font-size: 1.15rem; line-height: 1.5; } .service-hero-text { max-width: 650px; margin: 0.9rem 0 0; color: #4f5a55; font-size: 0.98rem; line-height: 1.55; } .service-hero-image-wrap { height: 100%; min-height: 315px; position: relative; overflow: hidden; background: #eef3f0; clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 5% 50%); } .service-hero-image { width: 100%; height: 100%; min-height: 315px; object-fit: cover; object-position: center center; } .service-hero-image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,0.24), transparent 24%); pointer-events: none; } .service-facts { padding-block: 1rem; border-bottom: 1px solid var(--border); background: #fff; } .service-fact { min-height: 58px; display: flex; align-items: center; gap: 0.75rem; } .service-fact i { color: var(--lorad-green); font-size: 1.7rem; } .service-fact strong, .service-fact span { display: block; } .service-fact strong { font-size: 0.8rem; line-height: 1.2; } .service-fact span { margin-top: 0.15rem; color: #58635e; font-size: 0.75rem; line-height: 1.2; } .service-section { padding-block: 1.7rem; } .service-section-kicker { margin: 0 0 1rem; color: var(--lorad-green); text-align: center; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.035em; } .service-capability-card { padding: 1.4rem 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; text-align: center; box-shadow: 0 6px 18px rgba(14, 55, 40, 0.035); } .service-capability-card i { display: block; margin-bottom: 0.8rem; color: var(--lorad-green); font-size: 2.1rem; } .service-capability-card h2 { margin: 0 0 0.55rem; font-size: 0.96rem; line-height: 1.15; font-weight: 760; } .service-capability-card p { margin: 0; color: #56615c; font-size: 0.8rem; line-height: 1.45; } .service-chart-card { padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 6px 18px rgba(14, 55, 40, 0.035); } .service-feature-heading { max-width: 720px; margin: 0 0 0.75rem; font-size: clamp(1.4rem, 2vw, 2rem); line-height: 1.15; font-weight: 760; letter-spacing: -0.02em; } .service-feature-text { max-width: 760px; color: #4f5a55; line-height: 1.6; } .service-how { border-top: 1px solid #edf1ef; border-bottom: 1px solid #edf1ef; background: var(--surface-soft); } .service-step { position: relative; height: 100%; padding: 0.35rem 1rem 0.35rem 3.15rem; } .service-step-number { position: absolute; left: 0; top: 0.25rem; width: 1.65rem; height: 1.65rem; display: grid; place-items: center; color: #fff; background: var(--lorad-green); border-radius: 999px; font-size: 0.72rem; font-weight: 800; } .service-step > i { color: var(--lorad-green); font-size: 2rem; } .service-step h2 { margin: 0.45rem 0 0.3rem; font-size: 0.91rem; font-weight: 760; } .service-step p { margin: 0; color: #59645f; font-size: 0.78rem; line-height: 1.4; } .service-panel { padding: 1.2rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; } .service-panel-soft { background: linear-gradient(135deg, var(--lorad-green-pale), #fbfdfc); } .service-panel h2 { margin: 0 0 0.8rem; color: var(--lorad-green-dark); font-size: 1rem; font-weight: 780; text-transform: uppercase; letter-spacing: 0.02em; } .service-panel > p { color: #505b56; font-size: 0.83rem; line-height: 1.5; } .service-pricing-table { margin-bottom: 0.6rem; border-color: var(--border); font-size: 0.79rem; } .service-pricing-table thead th { color: #2f3a35; background: #f7f9f8; font-weight: 750; } .service-pricing-table th, .service-pricing-table td { padding: 0.55rem 0.65rem; border-color: var(--border); } .service-pricing-table td:last-child { font-weight: 750; } .service-fine-print { font-size: 0.72rem !important; } .confidentiality-list { display: grid; gap: 0.85rem; } .confidentiality-list > div { display: grid; grid-template-columns: 34px 1fr; gap: 0.65rem; } .confidentiality-list i { color: var(--lorad-green); font-size: 1.5rem; } .confidentiality-list span { color: #4f5a55; font-size: 0.78rem; line-height: 1.35; } .confidentiality-list strong { display: block; margin-bottom: 0.15rem; color: var(--lorad-green-dark); } .related-service-card { min-height: 112px; padding: 1rem; display: grid; grid-template-columns: 52px 1fr; gap: 0.85rem; align-items: start; color: var(--ink); border: 1px solid var(--border); border-radius: var(--radius); background: #fff; text-decoration: none; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .related-service-card:hover { color: var(--ink); border-color: #9fc4b1; transform: translateY(-2px); box-shadow: var(--shadow-soft); } .related-service-card > i { color: var(--lorad-green); font-size: 2rem; } .related-service-card strong, .related-service-card small, .related-service-card b { display: block; } .related-service-card strong { margin-bottom: 0.25rem; font-size: 0.9rem; } .related-service-card small { min-height: 2.2rem; color: #59645f; font-size: 0.76rem; line-height: 1.35; } .related-service-card b { margin-top: 0.35rem; color: var(--lorad-green); font-size: 0.75rem; } .service-final-cta { padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border: 1px solid #d5e4dc; border-radius: var(--radius); background: linear-gradient(90deg, var(--lorad-green-pale), #fbfdfc); } .service-final-cta h2 { margin: 0; color: var(--lorad-green-dark); font-size: 1.4rem; font-weight: 770; } .service-final-cta p { margin: 0.25rem 0 0; color: #59645f; font-size: 0.82rem; } @media (max-width: 991.98px) { .service-hero-copy { min-height: auto; padding: 1.8rem 0; } .service-hero-image-wrap { min-height: 280px; clip-path: none; border-radius: var(--radius); margin-bottom: 1rem; } .service-hero-image { min-height: 280px; } .service-final-cta { align-items: flex-start; flex-direction: column; } } @media (max-width: 575.98px) { .service-hero-copy h1 { font-size: 2.2rem; } .service-hero-lead { font-size: 1rem; } .service-fact { align-items: flex-start; } .service-final-cta .btn { width: 100%; } } .product-breadcrumb { padding-block: 0.85rem; font-size: 0.8rem; } .product-breadcrumb .breadcrumb-item a { color: #59645f; text-decoration: none; } .product-breadcrumb .breadcrumb-item.active { color: var(--lorad-green); font-weight: 700; } .product-detail-section { padding-bottom: 1rem; } .product-detail-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr); gap: 1.5rem; align-items: start; } .product-detail-main, .product-detail-sidebar { min-width: 0; } .product-detail-header { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 5fr); gap: 1.5rem; align-items: start; } .product-detail-gallery, .product-detail-identity, .product-detail-commercial, .product-detail-tabs, .product-detail-related { min-width: 0; } .product-detail-tabs { margin-top: 1.5rem; } .product-detail-related { margin-top: 1.5rem; } @media (max-width: 991.98px) { .product-detail-layout { display: flex; flex-direction: column; gap: 1.5rem; } .product-detail-main, .product-detail-sidebar, .product-detail-header { display: contents; } .product-detail-gallery { order: 1; } .product-detail-identity { order: 2; } .product-detail-commercial { order: 3; } .product-detail-tabs { order: 4; width: 100%; margin-top: 0; } .product-detail-related { order: 5; width: 100%; margin-top: 0; } } .product-gallery-main { aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #f4f7f5; } .product-gallery-main img { width: 100%; height: 100%; object-fit: cover; } .product-thumbnails { display: flex; gap: 0.65rem; margin-top: 0.7rem; } .product-thumbnail { width: 78px; height: 64px; padding: 0.2rem; overflow: hidden; border: 2px solid transparent; border-radius: 0.45rem; background: #f6f8f7; } .product-thumbnail.active { border-color: var(--lorad-green); } .product-thumbnail img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.25rem; } .product-badge { display: inline-flex; align-items: center; min-height: 1.65rem; padding: 0.2rem 0.65rem; border: 1px solid #84bf9f; border-radius: 0.35rem; color: var(--lorad-green); background: #fff; font-size: 0.72rem; font-weight: 750; } .product-badge-solid { color: #fff; border-color: var(--lorad-green); background: var(--lorad-green); } .product-title-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.75rem; } .product-title-row h1 { margin: 0; font-size: clamp(2rem, 3vw, 3rem); line-height: 1.05; font-weight: 780; letter-spacing: -0.035em; } .product-formula { font-size: 1.45rem; font-weight: 600; } .product-key-data { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); } .product-key-data > div { padding: 0.8rem 0.8rem 0.8rem 0; } .product-key-data > div:nth-child(2), .product-key-data > div:nth-child(3), .product-key-data > div:nth-child(5) { padding-left: 0.8rem; border-left: 1px solid var(--border); } .product-key-data dt { color: #6b7671; font-size: 0.76rem; font-weight: 600; } .product-key-data dd { margin: 0.15rem 0 0; font-size: 0.9rem; font-weight: 650; } .product-summary { color: #39433f; font-size: 0.91rem; line-height: 1.6; } .product-resource-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1rem; } .product-resource-link { display: grid; grid-template-columns: 28px 1fr; gap: 0.5rem; align-items: center; color: var(--lorad-green); text-decoration: none; } .product-resource-link > i { font-size: 1.45rem; } .product-resource-link strong, .product-resource-link span span { display: block; } .product-resource-link strong { color: var(--lorad-green-dark); font-size: 0.72rem; line-height: 1.15; } .product-resource-link span { font-size: 0.69rem; line-height: 1.2; } .purchase-panel { padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 6px 20px rgba(14, 55, 40, 0.035); } .purchase-panel h2 { margin: 0 0 1rem; font-size: 1.15rem; font-weight: 770; } .package-header { grid-template-columns: 1.15fr 1fr 1.35fr 0.8fr; gap: 0.6rem; padding: 0 0.55rem 0.45rem 2.35rem; color: #68736e; font-size: 0.7rem; font-weight: 700; } .package-options { margin: 0; padding: 0; border: 0; } .package-option { display: grid; grid-template-columns: 1.1rem 1.15fr 1fr 1.35fr 0.8fr; gap: 0.6rem; align-items: center; padding: 0.75rem 0.55rem; border: 1px solid var(--border); border-bottom: 0; cursor: pointer; font-size: 0.79rem; } .package-option:first-of-type { border-radius: 0.45rem 0.45rem 0 0; } .package-option:last-of-type { border-bottom: 1px solid var(--border); border-radius: 0 0 0.45rem 0.45rem; } .package-option.active { position: relative; z-index: 1; border-color: var(--lorad-green); box-shadow: inset 0 0 0 1px var(--lorad-green); } .package-radio { display: flex; align-items: center; } .package-radio input { accent-color: var(--lorad-green); } .package-size, .package-price { font-weight: 750; } .package-availability { color: #4f5a55; line-height: 1.2; } .package-price { text-align: right; } .purchase-quantity-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: 1rem 0; } .purchase-label { display: block; margin-bottom: 0.35rem; color: #616c67; font-size: 0.72rem; font-weight: 700; } .quantity-control { display: grid; grid-template-columns: 36px 54px 36px; border: 1px solid var(--border); border-radius: 0.4rem; overflow: hidden; } .quantity-control button { border: 0; background: #f7f9f8; } .quantity-control input { width: 100%; border: 0; border-left: 1px solid var(--border); border-right: 1px solid var(--border); text-align: center; appearance: textfield; } .quantity-control input::-webkit-outer-spin-button, .quantity-control input::-webkit-inner-spin-button { margin: 0; appearance: none; } .purchase-unit { min-width: 100px; } .purchase-unit strong { font-size: 0.9rem; } .purchase-shipping-note { display: grid; grid-template-columns: 24px 24px 1fr; gap: 0.4rem; align-items: start; margin-top: 0.9rem; color: #4f5a55; font-size: 0.72rem; line-height: 1.4; } .purchase-shipping-note i { color: var(--lorad-green); font-size: 1rem; } .product-tabs-section { padding-bottom: 1.2rem; } .product-tabs-card, .related-products-panel { border: 1px solid var(--border); border-radius: var(--radius); background: #fff; overflow: hidden; } .product-tabs { flex-wrap: nowrap; overflow-x: auto; border-bottom: 1px solid var(--border); } .product-tabs .nav-link { min-width: max-content; padding: 0.85rem 1rem; color: #25302c; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: #fff; font-size: 0.8rem; font-weight: 700; } .product-tabs .nav-link.active { color: var(--lorad-green); border-bottom-color: var(--lorad-green); } .product-tab-content { padding: 1rem; } .product-tab-content h2 { margin: 0 0 0.8rem; font-size: 1.08rem; font-weight: 770; } .product-tab-content h3 { margin: 0 0 0.5rem; font-size: 0.9rem; font-weight: 750; } .product-tab-content p { color: #4f5a55; font-size: 0.83rem; line-height: 1.55; } .product-bullet-list { margin: 0.75rem 0 0; padding-left: 1.15rem; color: #4f5a55; font-size: 0.78rem; line-height: 1.55; } .product-bullet-list li { margin-bottom: 0.3rem; } .related-release-box { margin-top: 1rem; padding: 0.9rem; border-radius: 0.55rem; background: #f9fbfa; border: 1px solid var(--border); } .related-release-box ul { margin: 0 0 0.8rem; padding-left: 1rem; } .related-release-box li { margin-bottom: 0.4rem; } .related-release-box a { font-size: 0.76rem; font-weight: 600; text-decoration: none; } .product-spec-table { margin-bottom: 0.4rem; font-size: 0.8rem; } .product-spec-table th { width: 45%; color: #38433e; background: #f7f9f8; } .product-spec-table th, .product-spec-table td { padding: 0.5rem 0.7rem; border-color: var(--border); } .product-table-note { margin: 0; color: #7b8580 !important; font-size: 0.7rem !important; } .document-list { display: grid; gap: 0.65rem; } .document-list a { display: grid; grid-template-columns: 38px 1fr 24px; gap: 0.7rem; align-items: center; padding: 0.8rem; color: var(--ink); border: 1px solid var(--border); border-radius: 0.5rem; text-decoration: none; } .document-list a > i { color: var(--lorad-green); font-size: 1.4rem; } .document-list span strong { display: block; font-size: 0.82rem; } .document-list span { color: #5d6863; font-size: 0.75rem; } .product-info-row { display: grid; grid-template-columns: 42px 1fr; gap: 0.75rem; padding: 0.85rem 0; border-bottom: 1px solid var(--border); } .product-info-row:last-child { border-bottom: 0; } .product-info-row > i { color: var(--lorad-green); font-size: 1.5rem; } .product-info-row p { margin: 0.35rem 0 0; } .application-grid { display: grid; gap: 0.65rem; } .application-grid > div { display: grid; grid-template-columns: 44px 1fr; gap: 0.7rem; padding: 0.85rem; border: 1px solid var(--border); border-radius: 0.5rem; } .application-grid i { color: var(--lorad-green); font-size: 1.6rem; } .application-grid strong, .application-grid span { display: block; } .application-grid strong { margin-bottom: 0.15rem; font-size: 0.82rem; } .application-grid span { color: #5b6661; font-size: 0.76rem; } .shipping-list { display: grid; } .shipping-list > div { display: grid; grid-template-columns: 38px 185px 1fr; gap: 0.75rem; align-items: start; padding: 0.7rem 0; border-bottom: 1px solid var(--border); } .shipping-list > div:last-child { border-bottom: 0; } .shipping-list i { color: var(--lorad-green); font-size: 1.35rem; } .shipping-list strong { font-size: 0.78rem; } .shipping-list span { color: #535e59; font-size: 0.76rem; line-height: 1.4; } .related-products-panel { padding: 0.85rem; } .related-products-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.6rem; } .related-products-heading h2 { margin: 0; font-size: 1rem; font-weight: 770; } .related-products-heading a { font-size: 0.73rem; font-weight: 700; text-decoration: none; } .related-product-item { display: grid; grid-template-columns: 58px 1fr 18px; gap: 0.7rem; align-items: center; padding: 0.7rem 0; color: var(--ink); border-top: 1px solid var(--border); text-decoration: none; } .related-product-item img { width: 58px; height: 50px; object-fit: contain; border: 1px solid #edf1ef; border-radius: 0.4rem; } .related-product-item span strong, .related-product-item span small { display: block; } .related-product-item span strong { font-size: 0.8rem; } .related-product-item span small { color: #65706b; font-size: 0.69rem; } .related-product-item > i { color: var(--lorad-green); } .product-trust-strip { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--border); border-radius: var(--radius); background: linear-gradient(90deg, #fbfdfc, #f6faf8); } .product-trust-strip > div { display: grid; grid-template-columns: 44px 1fr; gap: 0.65rem; align-items: center; padding: 0.9rem 1rem; border-right: 1px solid var(--border); } .product-trust-strip > div:last-child { border-right: 0; } .product-trust-strip i { color: var(--lorad-green); font-size: 1.8rem; } .product-trust-strip span { color: #5a6560; font-size: 0.72rem; line-height: 1.3; } .product-trust-strip strong { display: block; margin-bottom: 0.12rem; color: var(--lorad-green-dark); font-size: 0.78rem; } @media (max-width: 1199.98px) { .product-key-data { grid-template-columns: repeat(2, minmax(0, 1fr)); } .product-key-data > div { border-left: 0 !important; padding-left: 0 !important; } .product-key-data > div:nth-child(even) { padding-left: 0.8rem !important; border-left: 1px solid var(--border) !important; } .product-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .product-trust-strip { grid-template-columns: repeat(2, 1fr); } .product-trust-strip > div:nth-child(2) { border-right: 0; } .product-trust-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--border); } } @media (max-width: 767.98px) { .package-header { display: none !important; } .package-option { grid-template-columns: 1.1rem 1fr auto; } .package-sku, .package-availability { grid-column: 2 / 4; padding-top: 0.15rem; font-size: 0.7rem; } .package-price { grid-column: 3; grid-row: 1; } .product-resource-grid { grid-template-columns: 1fr; } .shipping-list > div { grid-template-columns: 34px 1fr; } .shipping-list span { grid-column: 2; } } @media (max-width: 575.98px) { .product-key-data { grid-template-columns: 1fr; } .product-key-data > div { padding: 0.65rem 0 !important; border-left: 0 !important; border-bottom: 1px solid var(--border); } .product-key-data > div:last-child { border-bottom: 0; } .purchase-quantity-row { align-items: flex-start; flex-direction: column; } .product-trust-strip { grid-template-columns: 1fr; } .product-trust-strip > div { border-right: 0; border-bottom: 1px solid var(--border); } .product-trust-strip > div:last-child { border-bottom: 0; } } .quote-panel { padding: 1.15rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 8px 24px rgba(14, 55, 40, 0.05); } .quote-panel-header { display: grid; grid-template-columns: 46px 1fr; gap: 0.8rem; align-items: center; margin-bottom: 1rem; } .quote-panel-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; color: var(--lorad-green); background: var(--lorad-green-pale); font-size: 1.35rem; } .quote-panel-header h2 { margin: 0; font-size: 1.25rem; font-weight: 780; letter-spacing: -0.02em; } .quote-panel-header p { margin: 0.2rem 0 0; color: #64706a; font-size: 0.76rem; line-height: 1.4; } .quote-field-card { min-height: 64px; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 0.65rem; align-items: center; padding: 0.55rem 0.7rem; border: 1px solid #dce4e0; border-radius: 0.55rem; background: #fff; cursor: text; transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; } .quote-field-card:hover { border-color: #a7c8b7; } .quote-field-card:focus-within { border-color: var(--lorad-green); box-shadow: 0 0 0 3px rgba(0, 102, 63, 0.09); } .quote-field-card-wide { grid-template-columns: 38px minmax(0, 1fr) 20px; } .quote-field-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: var(--lorad-green); background: #f1f7f4; font-size: 1rem; } .quote-field-content { min-width: 0; display: block; } .quote-field-label { display: block; margin-bottom: 0.1rem; color: #53605a; font-size: 0.68rem; font-weight: 750; letter-spacing: 0.01em; } .quote-field-input, .quote-field-select { width: 100%; min-width: 0; padding: 0; color: #18221e; border: 0; outline: 0; background: transparent; font-size: 0.88rem; font-weight: 550; line-height: 1.3; box-shadow: none; } .quote-field-input::placeholder { color: #9aa39e; opacity: 1; font-weight: 400; } .quote-field-select { padding-right: 1.4rem; cursor: pointer; } .quote-field-input:focus, .quote-field-select:focus { outline: 0; box-shadow: none; } .quote-field-arrow { display: grid; place-items: center; color: var(--lorad-green); font-size: 0.8rem; } .quote-terms { margin-top: 0.15rem; padding-left: 1.7rem; } .quote-terms .form-check-input { margin-top: 0.18rem; border-color: #9ba8a2; } .quote-terms .form-check-input:checked { border-color: var(--lorad-green); background-color: var(--lorad-green); } .quote-terms .form-check-input:focus { border-color: var(--lorad-green); box-shadow: 0 0 0 0.2rem rgba(0, 102, 63, 0.12); } .quote-terms .form-check-label { color: #4f5a55; font-size: 0.75rem; line-height: 1.4; } .quote-terms a { color: var(--lorad-green); font-weight: 650; text-decoration: none; } .quote-terms a:hover { text-decoration: underline; } .quote-submit { min-height: 46px; border-radius: 0.45rem; font-size: 0.92rem; font-weight: 750; } .quote-submit i { font-size: 0.9rem; } .quote-panel-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem; margin-top: 0.85rem; padding-top: 0.8rem; color: #65706b; border-top: 1px solid #edf1ef; text-align: center; font-size: 0.73rem; } .quote-panel-footer a { color: var(--lorad-green); font-weight: 750; text-decoration: none; } .quote-panel-footer a:hover { text-decoration: underline; } .quote-panel-footer i { margin-left: 0.2rem; } .quote-field-input[type="number"] { appearance: textfield; } .quote-field-input[type="number"]::-webkit-outer-spin-button, .quote-field-input[type="number"]::-webkit-inner-spin-button { margin: 0; appearance: none; } @media (max-width: 767.98px) { .quote-panel { padding: 1rem; } .quote-panel-header { grid-template-columns: 40px 1fr; } .quote-panel-icon { width: 40px; height: 40px; } .quote-field-card { min-height: 60px; } .quote-panel-footer { flex-direction: column; } } .about-page { background: #fff; } .about-page .about-breadcrumb { padding-block: 0.85rem; font-size: 0.8rem; } .about-page .about-breadcrumb .breadcrumb-item a { color: #59645f; text-decoration: none; } .about-page .about-breadcrumb .breadcrumb-item.active { color: var(--lorad-green); font-weight: 700; } .about-page .about-hero { overflow: hidden; border-top: 1px solid #eef2f0; border-bottom: 1px solid var(--border); background: linear-gradient(90deg, #fff 0%, #fff 41%, #fff 41%, #fff 100%); } .about-page .about-hero-copy { min-height: 300px; padding: 2.15rem 2.5rem 2rem 0; display: flex; flex-direction: column; justify-content: center; } .about-page .about-hero-copy h1 { max-width: 620px; margin: 0; color: var(--lorad-green-dark); font-size: clamp(2.35rem, 4vw, 4rem); line-height: 1.01; font-weight: 760; letter-spacing: -0.035em; } .about-page .about-hero-copy p:not(.eyebrow) { max-width: 570px; margin: 0.9rem 0 0; color: #26312d; font-size: 1.05rem; line-height: 1.5; } .about-page .about-hero-facts { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 1.25rem; } .about-page .about-hero-fact { display: inline-flex; align-items: center; gap: 0.45rem; color: #34403b; font-size: 0.77rem; font-weight: 650; } .about-page .about-hero-fact i { color: var(--lorad-green); font-size: 1rem; } .about-page .about-hero-image { min-height: 300px; height: 100%; position: relative; overflow: hidden; } .about-page .about-hero-image img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; } .about-page .about-hero-image::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 20%; z-index: 1; background: linear-gradient( 90deg, #fff 0%, rgba(255, 255, 255, 0.85) 25%, rgba(255, 255, 255, 0.45) 60%, rgba(255, 255, 255, 0) 100% ); pointer-events: none; } .about-page .about-section { padding-block: 1.15rem; } .about-page .about-section + .about-section { border-top: 1px solid #eef2f0; } .about-page .about-section-kicker { margin: 0 0 0.35rem; color: var(--lorad-green); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; } .about-page .about-section-title { margin: 0; color: #17211d; font-size: clamp(1.45rem, 2vw, 2rem); line-height: 1.15; font-weight: 760; letter-spacing: -0.02em; } .about-page .about-copy { color: #4f5a55; font-size: 0.88rem; line-height: 1.65; } .about-page .about-copy p:last-child { margin-bottom: 0; } .about-page .about-story-image { height: 100%; min-height: 270px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-soft); } .about-page .about-story-image img { width: 100%; height: 100%; min-height: 270px; object-fit: cover; } .about-page .about-story-callout { margin-top: 0.9rem; color: var(--lorad-green-dark); font-size: 1rem; font-weight: 800; letter-spacing: 0.02em; } .about-page .about-capability-card { height: 100%; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 8px 20px rgba(14, 55, 40, 0.045); } .about-page .about-capability-image { height: 92px; overflow: hidden; background: var(--surface-soft); } .about-page .about-capability-image img { width: 100%; height: 100%; object-fit: cover; } .about-page .about-capability-body { position: relative; padding: 1.5rem 1rem 1rem; text-align: center; } .about-page .about-capability-icon { position: absolute; top: -1.25rem; left: 50%; width: 2.5rem; height: 2.5rem; display: grid; place-items: center; transform: translateX(-50%); color: var(--lorad-green); border: 1px solid #d6e5dd; border-radius: 999px; background: #fff; font-size: 1.15rem; box-shadow: 0 4px 12px rgba(14, 55, 40, 0.05); } .about-page .about-capability-body h3 { margin: 0 0 0.45rem; font-size: 0.92rem; font-weight: 760; } .about-page .about-capability-body p { min-height: 3.3rem; margin: 0 0 0.55rem; color: #59645f; font-size: 0.75rem; line-height: 1.4; } .about-page .about-capability-body a { font-size: 0.74rem; font-weight: 700; text-decoration: none; } .about-page .about-difference-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.65rem; } .about-page .about-difference-item { padding: 0.5rem 0.45rem; text-align: center; } .about-page .about-difference-item i { display: block; margin-bottom: 0.55rem; color: var(--lorad-green); font-size: 1.75rem; } .about-page .about-difference-item strong { display: block; margin-bottom: 0.3rem; font-size: 0.77rem; } .about-page .about-difference-item span { display: block; color: #59645f; font-size: 0.7rem; line-height: 1.4; } .about-page .about-facility-image { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-soft); } .about-page .about-facility-image img { width: 100%; min-height: 175px; object-fit: cover; } .about-page .about-address { display: flex; gap: 0.7rem; align-items: flex-start; margin-top: 0.9rem; color: #4f5a55; font-size: 0.8rem; line-height: 1.45; } .about-page .about-address i { color: var(--lorad-green); font-size: 1.1rem; } .about-page .about-timeline { position: relative; max-width: 980px; margin: 0 auto; padding: 1rem 0; } .about-page .about-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #c8d8d0; transform: translateX(-50%); } .about-page .about-timeline-item { position: relative; width: 50%; padding: 0 2.5rem 2.25rem 0; } .about-page .about-timeline-item:nth-child(even) { margin-left: 50%; padding: 0 0 2.25rem 2.5rem; } .about-page .about-timeline-content { padding: 1rem 1.15rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; } .about-page .about-timeline-year { display: block; margin-bottom: .25rem; color: var(--lorad-green); font-size: .76rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .about-page .about-timeline-content h3 { margin: 0 0 .35rem; color: var(--lorad-green-dark); font-size: 1rem; font-weight: 750; } .about-page .about-timeline-content p { margin: 0; color: #59645f; font-size: .84rem; line-height: 1.55; } .about-page .about-timeline-marker { position: absolute; top: 1.35rem; right: -7px; width: 14px; height: 14px; border: 3px solid #fff; border-radius: 50%; background: var(--lorad-green); box-shadow: 0 0 0 1px #9fc4b1; } .about-page .about-timeline-item:nth-child(even) .about-timeline-marker { right: auto; left: -7px; } @media (max-width: 767.98px) { .about-page .about-timeline::before { left: 8px; } .about-page .about-timeline-item, .about-page .about-timeline-item:nth-child(even) { width: 100%; margin-left: 0; padding: 0 0 1.4rem 2.25rem; } .about-page .about-timeline-marker, .about-page .about-timeline-item:nth-child(even) .about-timeline-marker { left: 1px; right: auto; } } .about-page .about-history { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; margin-top: 1rem; padding-top: 1.2rem; } .about-page .about-history::before { content: ""; position: absolute; top: 1.37rem; left: 8%; right: 8%; height: 1px; background: #9fc4b1; } .about-page .about-history-item { position: relative; padding-top: 1.2rem; text-align: center; } .about-page .about-history-item::before { content: ""; position: absolute; top: -0.05rem; left: 50%; width: 0.58rem; height: 0.58rem; transform: translateX(-50%); border: 2px solid #fff; border-radius: 999px; background: var(--lorad-green); box-shadow: 0 0 0 1px var(--lorad-green); } .about-page .about-history-item strong { display: block; margin-bottom: 0.35rem; font-size: 0.77rem; } .about-page .about-history-item p { margin: 0; color: #59645f; font-size: 0.7rem; line-height: 1.45; } .about-page .about-team-image { height: 100%; min-height: 165px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-soft); } .about-page .about-team-image img { width: 100%; height: 100%; min-height: 165px; object-fit: cover; object-position: center; } .about-page .about-work-panel { padding: 1rem 1.25rem; border: 1px solid #d5e4dc; border-radius: var(--radius); background: linear-gradient(90deg, var(--lorad-green-pale), #fbfdfc); } .about-page .about-work-panel h2 { margin: 0 0 0.75rem; text-align: center; color: var(--lorad-green-dark); font-size: 1.35rem; font-weight: 760; } .about-page .about-work-action { min-height: 68px; display: flex; align-items: center; gap: 0.85rem; padding: 0.8rem 1rem; color: var(--ink); border: 1px solid #cbdcd3; border-radius: 0.55rem; background: #fff; text-decoration: none; } .about-page .about-work-action:hover { color: var(--lorad-green); border-color: #9fc4b1; } .about-page .about-work-action i { color: var(--lorad-green); font-size: 1.55rem; } .about-page .about-work-action strong, .about-page .about-work-action span { display: block; } .about-page .about-work-action strong { font-size: 0.82rem; } .about-page .about-work-action span { margin-top: 0.15rem; color: #59645f; font-size: 0.72rem; } @media (max-width: 1199.98px) { .about-page .about-difference-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 991.98px) { .about-page .about-hero { background: #fff; } .about-page .about-hero-copy { min-height: auto; padding: 1.75rem 0; } .about-page .about-hero-image { min-height: 260px; border-radius: var(--radius); margin-bottom: 1rem; } .about-page .about-hero-image img { min-height: 260px; } .about-page .about-hero-image::before { display: none; } .about-page .about-history { grid-template-columns: repeat(2, minmax(0, 1fr)); } .about-page .about-history::before { display: none; } .about-page .about-history-item::before { display: none; } .about-page .about-history-item { padding-top: 0; text-align: left; } } @media (max-width: 767.98px) { .about-page .about-difference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .about-page .about-history { grid-template-columns: 1fr; } .about-page .about-hero-copy h1 { font-size: 2.45rem; } } .mega-nav-item { position: static; } .mega-nav-trigger { position: relative; display: inline-flex; align-items: center; gap: 0.35rem; border: 0; background: transparent; } .mega-nav-trigger::after { content: ""; width: 0.4rem; height: 0.4rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-1px); transition: transform 140ms ease; } .mega-nav-item.is-open .mega-nav-trigger::after { transform: rotate(225deg) translate(-1px, -1px); } .mega-nav-item.is-open .mega-nav-trigger { color: var(--lorad-green); } .mega-nav-item.is-open .mega-nav-trigger::before { content: ""; position: absolute; left: 0.5rem; right: 0.5rem; bottom: -0.55rem; height: 2px; background: var(--lorad-green); } .mega-menu { position: absolute; z-index: 1040; top: 100%; left: 50%; width: min(1240px, calc(100vw - 2rem)); visibility: hidden; opacity: 0; transform: translate(-50%, 8px); pointer-events: none; border: 1px solid var(--border); border-radius: 0 0 var(--radius) var(--radius); background: #fff; box-shadow: 0 20px 44px rgba(14, 55, 40, 0.14); transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease; } .mega-nav-item.is-open .mega-menu { visibility: visible; opacity: 1; transform: translate(-50%, 0); pointer-events: auto; } .mega-menu-inner { display: grid; grid-template-columns: 1.08fr 0.92fr 1.05fr 1.08fr 1.18fr; min-height: 430px; } .mega-column, .mega-promo { padding: 1.35rem 1.25rem; } .mega-column + .mega-column, .mega-promo { border-left: 1px solid var(--border); } .mega-column { display: flex; min-width: 0; flex-direction: column; } .mega-column h2, .mega-promo h2 { margin: 0 0 0.9rem; color: var(--lorad-green-dark); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.035em; text-transform: uppercase; } .mega-feature-link, .mega-application-link, .mega-material-link, .mega-simple-list a { color: var(--ink); text-decoration: none; } .mega-feature-link, .mega-application-link { display: grid; grid-template-columns: 28px 1fr; gap: 0.65rem; align-items: start; padding: 0.55rem 0; } .mega-feature-link i, .mega-application-link i { color: var(--lorad-green); font-size: 1.18rem; } .mega-feature-link strong, .mega-feature-link small, .mega-application-link strong, .mega-application-link small, .mega-material-link strong, .mega-material-link small { display: block; } .mega-feature-link strong, .mega-application-link strong, .mega-material-link strong { color: #18221e; font-size: 0.78rem; font-weight: 760; line-height: 1.3; } .mega-feature-link small, .mega-application-link small, .mega-material-link small { margin-top: 0.1rem; color: #65706b; font-size: 0.69rem; line-height: 1.35; } .mega-feature-link:hover strong, .mega-application-link:hover strong, .mega-material-link:hover strong, .mega-simple-list a:hover { color: var(--lorad-green); } .mega-simple-list { display: grid; gap: 0.05rem; } .mega-simple-list a { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.48rem 0; font-size: 0.76rem; font-weight: 620; } .mega-simple-list i { color: #87918c; font-size: 0.7rem; } .mega-material-link { display: grid; grid-template-columns: 44px 1fr; gap: 0.65rem; align-items: center; padding: 0.45rem 0; } .mega-material-thumb { width: 44px; height: 38px; display: grid; place-items: center; color: #d8d4c6; border: 1px solid var(--border); border-radius: 0.35rem; background: #f6f5f0; } .mega-material-thumb.dark { color: #252925; background: #f3f4f3; } .mega-material-thumb.light { color: #e8e7df; } .mega-material-thumb i { font-size: 1.1rem; } .mega-material-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .mega-footer-link { margin-top: auto; padding-top: 0.85rem; color: var(--lorad-green); font-size: 0.72rem; font-weight: 750; text-decoration: none; } .mega-promo { display: flex; flex-direction: column; background: radial-gradient(circle at 90% 90%, rgba(0, 102, 63, 0.12), transparent 36%), linear-gradient(180deg, #f7fbf9 0%, #eef7f2 100%); } .mega-promo-icon { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; margin-bottom: 0.85rem; color: var(--lorad-green); border: 1px solid #bcd7c9; border-radius: 999px; background: #fff; } .mega-promo h2 { max-width: 180px; margin-bottom: 0.65rem; font-size: 1.12rem; line-height: 1.15; letter-spacing: -0.015em; text-transform: none; } .mega-promo p { margin: 0 0 1rem; color: #56615d; font-size: 0.73rem; line-height: 1.55; } .mega-promo .btn { font-size: 0.72rem; white-space: nowrap; } .mega-promo-visual { min-height: 90px; display: grid; place-items: center; margin-top: auto; color: rgba(0, 102, 63, 0.28); font-size: 4.5rem; } @media (min-width: 1200px) { .site-header .navbar { position: relative; } } @media (max-width: 1199.98px) { .mega-nav-item { position: relative; } .mega-nav-trigger { width: 100%; justify-content: space-between; padding-left: 0; } .mega-nav-item.is-open .mega-nav-trigger::before { display: none; } .mega-menu { position: static; width: 100%; max-height: 0; overflow: hidden; visibility: visible; opacity: 1; transform: none; border: 0; border-radius: 0; box-shadow: none; pointer-events: auto; transition: max-height 220ms ease; } .mega-nav-item.is-open .mega-menu { max-height: 2200px; transform: none; } .mega-menu-inner { grid-template-columns: 1fr; min-height: 0; border-top: 1px solid var(--border); } .mega-column, .mega-promo { padding: 1rem 0.35rem; border-left: 0 !important; border-bottom: 1px solid var(--border); } .mega-promo-visual { display: none; } } @media (prefers-reduced-motion: reduce) { .mega-menu, .mega-nav-trigger::after { transition: none; } } @media (min-width: 1200px) { .mega-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; } } .services-mega-menu { width: min(980px, calc(100vw - 2rem)); } .services-mega-inner { display: grid; grid-template-columns: 1.15fr 0.95fr 1.15fr 1.05fr; min-height: 320px; } .services-mega-inner > .mega-column, .services-mega-inner > .mega-promo { padding: 1.25rem 1.15rem; } .services-mega-promo { min-height: 100%; } .services-mega-promo .mega-promo-icon { margin-bottom: 0.75rem; } .services-mega-promo h2 { max-width: 210px; } @media (max-width: 1199.98px) { .services-mega-menu { width: 100%; } .services-mega-inner { grid-template-columns: 1fr; min-height: 0; } .services-mega-inner > .mega-column, .services-mega-inner > .mega-promo { padding: 1rem 0.35rem; } } .resources-mega-menu { width: min(360px, calc(100vw - 2rem)); } .resources-mega-inner { display: grid; grid-template-columns: 1fr; } .company-mega-menu { width: min(360px, calc(100vw - 2rem)); } .company-mega-inner { display: grid; grid-template-columns: 1fr; } .sustainability-page .sustainability-breadcrumb { padding-block: 0.7rem; font-size: 0.78rem; } .sustainability-page .sustainability-breadcrumb a { color: #59645f; text-decoration: none; } .sustainability-page .sustainability-breadcrumb .active { color: var(--lorad-green); font-weight: 700; } .sustainability-page .sustainability-hero { border-top: 1px solid #eef2f0; border-bottom: 1px solid var(--border); background: #fff; } .sustainability-page .sustainability-hero-frame { min-height: 330px; } .sustainability-page .sustainability-hero-copy { min-height: 330px; padding: 2.2rem 2.8rem 2rem 0; display: flex; flex-direction: column; justify-content: center; } .sustainability-page .sustainability-hero-copy h1 { margin: 0; max-width: 660px; color: var(--lorad-green-dark); font-size: clamp(2.35rem, 4vw, 4rem); line-height: 1.02; font-weight: 760; letter-spacing: -0.035em; } .sustainability-page .sustainability-hero-lead { max-width: 650px; margin: 0.95rem 0 0; color: #34413b; font-size: 1.02rem; line-height: 1.58; } .sustainability-page .sustainability-hero-image-wrap { height: 100%; min-height: 330px; overflow: hidden; position: relative; background: #edf5f0; clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 5% 50%); } .sustainability-page .sustainability-hero-image { width: 100%; height: 100%; min-height: 330px; object-fit: cover; } .sustainability-page .sustainability-hero-image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.18), transparent 28%); pointer-events: none; } .sustainability-page .sustainability-section { padding-block: 1.7rem; } .sustainability-page .sustainability-kicker { margin: 0 0 .4rem; color: var(--lorad-green); font-size: .78rem; font-weight: 800; letter-spacing: .08em; } .sustainability-page .sustainability-heading { margin: 0; color: var(--lorad-green-dark); font-size: clamp(1.55rem, 2.2vw, 2.2rem); line-height: 1.12; font-weight: 760; letter-spacing: -.025em; } .sustainability-page .sustainability-copy { margin: .75rem 0 0; color: #53605a; font-size: .9rem; line-height: 1.62; } .sustainability-page .vision-band { border-bottom: 1px solid var(--border); background: var(--surface-soft); } .sustainability-page .vision-statement { max-width: 920px; margin: 0 auto; text-align: center; } .sustainability-page .vision-statement blockquote { margin: .55rem 0 0; color: var(--lorad-green-dark); font-size: 1.15rem; line-height: 1.5; font-weight: 650; } .sustainability-page .impact-card { height: 100%; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 6px 18px rgba(14, 55, 40, .035); } .sustainability-page .impact-card img { width: 100%; height: 180px; object-fit: cover; display: block; } .sustainability-page .impact-card-body { padding: 1rem 1rem 1.05rem; } .sustainability-page .impact-card h3 { margin: 0; color: var(--lorad-green-dark); font-size: 1rem; font-weight: 760; } .sustainability-page .impact-card p { margin: .5rem 0 0; color: #59645f; font-size: .82rem; line-height: 1.52; } .sustainability-page .growth-band { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface-soft); } .sustainability-page .growth-step { height: 100%; padding: 1rem 1.1rem; border-right: 1px solid var(--border); } .sustainability-page .growth-band .col:last-child .growth-step { border-right: 0; } .sustainability-page .growth-step i { display: block; margin-bottom: .55rem; color: var(--lorad-green); font-size: 1.75rem; } .sustainability-page .growth-step h3 { margin: 0; color: var(--lorad-green-dark); font-size: .95rem; font-weight: 760; } .sustainability-page .growth-step p { margin: .45rem 0 0; color: #59645f; font-size: .8rem; line-height: 1.45; } .sustainability-page .policy-list { margin: .85rem 0 0; padding-left: 1.15rem; color: #53605a; font-size: .86rem; line-height: 1.55; } .sustainability-page .policy-list li + li { margin-top: .35rem; } .sustainability-page .operations-panel { overflow: hidden; border: 1px solid #d5e4dc; border-radius: var(--radius); background: #f4f9f6; } .sustainability-page .operations-copy { padding: 1.5rem; } .sustainability-page .operations-image { width: 100%; height: 100%; min-height: 250px; object-fit: cover; } .sustainability-page .conflict-note { padding: 1rem 1.15rem; border-left: 4px solid var(--lorad-green); border-radius: .35rem; background: var(--lorad-green-pale); color: #48554f; font-size: .84rem; line-height: 1.55; } @media (max-width: 991.98px) { .sustainability-page .sustainability-hero-copy { min-height: 0; padding: 2rem 0; } .sustainability-page .growth-step { border-right: 0; border-bottom: 1px solid var(--border); } } @media (max-width: 575.98px) { .sustainability-page .sustainability-hero-copy h1 { font-size: 2.4rem; } .sustainability-page .impact-card img { height: 155px; } } .sustainability-page .principles-panel { padding: 1.2rem 1.25rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 6px 18px rgba(14, 55, 40, .035); } .sustainability-page .principles-panel h3 { margin: 0 0 .45rem; color: var(--lorad-green-dark); font-size: 1rem; font-weight: 760; } .sustainability-page .principles-panel p { margin: 0; color: #59645f; font-size: .82rem; line-height: 1.5; } .sustainability-page .impact-intro-note { max-width: 880px; margin: .9rem auto 0; padding: .8rem 1rem; border-left: 3px solid #9fc4b1; background: var(--lorad-green-pale); color: #53605a; text-align: left; font-size: .82rem; line-height: 1.5; } .sustainability-page .operations-principle { display: grid; grid-template-columns: 34px 1fr; gap: .75rem; align-items: start; margin-top: .85rem; } .sustainability-page .operations-principle i { color: var(--lorad-green); font-size: 1.35rem; } .sustainability-page .operations-principle strong { display: block; margin-bottom: .15rem; color: var(--lorad-green-dark); font-size: .86rem; } .sustainability-page .operations-principle span { color: #59645f; font-size: .8rem; line-height: 1.45; } .sustainability-page .policy-callout { padding: 1.1rem 1.2rem; border: 1px solid #d5e4dc; border-radius: var(--radius); background: var(--lorad-green-pale); } .sustainability-page .policy-callout h3 { margin: 0 0 .35rem; color: var(--lorad-green-dark); font-size: 1rem; font-weight: 760; } .sustainability-page .policy-callout p { margin: 0; color: #53605a; font-size: .82rem; line-height: 1.5; } .application-card { min-height: 118px; padding: 1rem; display: grid; grid-template-columns: 48px 1fr; gap: 0.85rem; align-items: start; color: var(--ink); border: 1px solid var(--border); border-radius: var(--radius); background: #fff; text-decoration: none; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .application-card:hover { color: var(--ink); border-color: #9fc4b1; transform: translateY(-2px); box-shadow: var(--shadow-soft); } .application-card > i { color: var(--lorad-green); font-size: 2rem; line-height: 1; } .application-card strong, .application-card small, .application-card b { display: block; } .application-card strong { margin-bottom: 0.3rem; font-size: 0.9rem; } .application-card small { min-height: 2.4rem; color: #59645f; font-size: 0.75rem; line-height: 1.35; } .application-card b { margin-top: 0.35rem; color: var(--lorad-green); font-size: 0.75rem; } .featured-application-panel { padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-soft); } .featured-application-panel > .row > .col-xl-3 { padding: 0.5rem 1rem; } .featured-application-panel h2 { color: var(--lorad-green-dark); font-size: 1.15rem; font-weight: 760; } .featured-application-panel .product-card { height: 100%; } @media (max-width: 1199.98px) { .featured-application-panel > .row > .col-xl-3 { padding-bottom: 1rem; } } @media (max-width: 575.98px) { .application-card { min-height: auto; } .application-card small { min-height: auto; } } .periodic-page { background: #fff; } .periodic-page .periodic-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1rem; } .periodic-page .periodic-heading h1 { color: var(--ink); font-size: clamp(2rem, 3vw, 3rem); font-weight: 780; letter-spacing: -0.035em; } .periodic-page .periodic-heading p { max-width: 760px; font-size: 0.92rem; line-height: 1.55; } .periodic-page .periodic-heading-note { display: inline-flex; align-items: center; gap: 0.45rem; flex: 0 0 auto; padding: 0.55rem 0.75rem; border: 1px solid var(--border); border-radius: 0.45rem; color: #4f5a55; background: var(--surface-soft); font-size: 0.76rem; font-weight: 650; } .periodic-page .periodic-heading-note i { color: var(--lorad-green); } .periodic-page .periodic-legend { display: flex; flex-wrap: wrap; gap: 0.45rem 1rem; margin-bottom: 0.85rem; padding: 0.7rem 0.85rem; border: 1px solid var(--border); border-radius: 0.55rem; background: #fff; color: #58635e; font-size: 0.72rem; } .periodic-page .periodic-legend span { display: inline-flex; align-items: center; gap: 0.35rem; } .periodic-page .legend-swatch { display: inline-block; width: 0.7rem; height: 0.7rem; border-radius: 0.18rem; border: 1px solid rgba(23, 33, 29, 0.12); } .periodic-page .periodic-table-shell { border: 1px solid var(--border); border-radius: var(--radius); background: #f7f9f8; } .periodic-page .periodic-scroll-hint { padding: 0.55rem 0.75rem; border-bottom: 1px solid var(--border); color: #66716c; background: #fff; font-size: 0.72rem; font-weight: 650; } .periodic-page .periodic-scroll-hint i { margin-right: 0.3rem; color: var(--lorad-green); } .periodic-page .periodic-table-scroll { overflow-x: auto; padding: 1rem; scrollbar-width: thin; } .periodic-page .periodic-table-scroll:focus-visible { outline: 3px solid rgba(0, 102, 63, 0.2); outline-offset: -3px; } .periodic-page .periodic-table-grid { display: grid; grid-template-columns: repeat(18, minmax(58px, 1fr)); grid-template-rows: repeat(7, 72px); gap: 4px; min-width: 1120px; } .periodic-page .periodic-element { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; overflow: hidden; border: 1px solid rgba(23, 33, 29, 0.13); border-top-width: 3px; border-radius: 0.32rem; color: var(--ink); background: #fff; text-decoration: none; transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease; } .periodic-page .periodic-table-grid > .periodic-element { grid-column: var(--group); grid-row: var(--period); } .periodic-page .periodic-element:hover { z-index: 3; color: var(--ink); box-shadow: 0 5px 16px rgba(14, 55, 40, 0.12); transform: translateY(-1px); } .periodic-page .periodic-element:focus-visible { z-index: 4; outline: 3px solid rgba(0, 102, 63, 0.22); outline-offset: 1px; } .periodic-page .periodic-number { position: absolute; top: 0.25rem; left: 0.3rem; color: #6a756f; font-size: 0.56rem; font-weight: 700; line-height: 1; } .periodic-page .periodic-symbol { margin-top: 0.12rem; font-size: 1.18rem; line-height: 1; font-weight: 780; letter-spacing: -0.02em; } .periodic-page .periodic-name { width: 100%; margin-top: 0.18rem; overflow: hidden; color: #5e6964; font-size: 0.48rem; line-height: 1.05; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .periodic-page .periodic-count { position: absolute; right: 0.25rem; bottom: 0.22rem; min-width: 1.05rem; padding: 0.08rem 0.22rem; border-radius: 999px; color: #78827d; background: #edf1ef; font-size: 0.5rem; line-height: 1.25; font-weight: 800; text-align: center; } .periodic-page .periodic-element.has-products .periodic-count { color: #fff; background: var(--lorad-green); } .periodic-page .periodic-series-grid { display: grid; grid-template-columns: 108px repeat(14, minmax(58px, 1fr)); grid-template-rows: repeat(2, 72px); gap: 4px; min-width: 980px; width: calc(100% - 104px); margin: 0.85rem auto 0; } .periodic-page .periodic-series-label { display: flex; align-items: center; padding: 0 0.65rem; color: #5d6863; font-size: 0.68rem; line-height: 1.2; } .periodic-page .periodic-series-label.lanthanoid-row { grid-column: 1; grid-row: 1; } .periodic-page .periodic-series-label.actinoid-row { grid-column: 1; grid-row: 2; } .periodic-page .periodic-series-grid .periodic-element { grid-column: calc(var(--series-col) + 1); } .periodic-page .periodic-series-grid .lanthanoid-row { grid-row: 1; } .periodic-page .periodic-series-grid .actinoid-row { grid-row: 2; } .periodic-page .periodic-data-note { padding-top: 0.55rem; color: #6a756f; font-size: 0.7rem; } .periodic-page .family-alkali { border-top-color: #e6a700; background: #fff9e6; } .periodic-page .family-alkaline { border-top-color: #f28c28; background: #fff4e8; } .periodic-page .family-transition { border-top-color: #2f78c4; background: #edf6ff; } .periodic-page .family-post { border-top-color: #7656b5; background: #f5f0ff; } .periodic-page .family-metalloid { border-top-color: #168a73; background: #eaf8f4; } .periodic-page .family-nonmetal { border-top-color: #008fba; background: #e9f8fc; } .periodic-page .family-halogen { border-top-color: #d44c72; background: #fff0f4; } .periodic-page .family-noble { border-top-color: #5867d8; background: #f0f2ff; } .periodic-page .family-lanthanoid { border-top-color: #a44fa3; background: #fbf0fb; } .periodic-page .family-actinoid { border-top-color: #b85f3f; background: #fff1ec; } .periodic-page .legend-swatch.family-alkali { background: #e6a700; } .periodic-page .legend-swatch.family-alkaline { background: #f28c28; } .periodic-page .legend-swatch.family-transition { background: #2f78c4; } .periodic-page .legend-swatch.family-post { background: #7656b5; } .periodic-page .legend-swatch.family-metalloid { background: #168a73; } .periodic-page .legend-swatch.family-nonmetal { background: #008fba; } .periodic-page .legend-swatch.family-halogen { background: #d44c72; } .periodic-page .legend-swatch.family-noble { background: #5867d8; } .periodic-page .legend-swatch.family-lanthanoid { background: #a44fa3; } .periodic-page .legend-swatch.family-actinoid { background: #b85f3f; } .periodic-page .periodic-index-heading { align-items: end; } .periodic-page .periodic-index-heading p { max-width: 760px; margin-top: 0.25rem; font-size: 0.82rem; } .periodic-page .element-index-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.55rem; } .periodic-page .element-index-item { display: grid; grid-template-columns: 1.8rem 2.6rem minmax(0, 1fr) auto; align-items: center; min-width: 0; min-height: 50px; padding: 0.55rem 0.7rem; border: 1px solid var(--border); border-radius: 0.4rem; color: var(--ink); background: #fff; text-decoration: none; transition: border-color 140ms ease, background 140ms ease; } .periodic-page .element-index-item:hover { color: var(--ink); border-color: #9fc7b5; background: var(--lorad-green-pale); } .periodic-page .element-index-number { color: #7b8580; font-size: 0.68rem; font-weight: 700; } .periodic-page .element-index-symbol { color: var(--lorad-green-dark); font-size: 1rem; } .periodic-page .element-index-name { min-width: 0; font-size: 0.8rem; line-height: 1.2; font-weight: 650; white-space: normal; overflow-wrap: anywhere; } .periodic-page .element-index-count { margin-left: 0.45rem; padding: 0.14rem 0.38rem; border-radius: 999px; color: #707a75; background: #edf1ef; font-size: 0.64rem; font-weight: 750; white-space: nowrap; } .periodic-page .element-index-item.has-products .element-index-count { color: var(--lorad-green-dark); background: var(--lorad-green-soft); } @media (max-width: 1199.98px) { .periodic-page .periodic-heading { align-items: flex-start; } .periodic-page .element-index-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767.98px) { .periodic-page .periodic-heading { flex-direction: column; gap: 0.75rem; } .periodic-page .periodic-heading-note { width: 100%; } .periodic-page .periodic-legend { gap: 0.4rem 0.8rem; } .periodic-page .periodic-table-scroll { padding: 0.7rem; } .periodic-page .element-index-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 479.98px) { .periodic-page .element-index-grid { grid-template-columns: 1fr; } } .resources-page .resources-hero { padding: 1rem 0 2rem; } .resources-page .resources-hero-frame { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-soft); } .resources-page .resources-hero-copy { min-height: 330px; padding: 2.4rem 2.5rem; display: flex; flex-direction: column; justify-content: center; } .resources-page .resources-hero-copy h1 { max-width: 720px; margin: 0 0 1rem; color: var(--ink); font-size: clamp(2.2rem, 3.4vw, 3.5rem); line-height: 1.05; font-weight: 780; letter-spacing: -0.035em; } .resources-page .resources-hero-lead { max-width: 720px; margin-bottom: 0.85rem; color: #33403a; font-size: 1.05rem; line-height: 1.6; } .resources-page .resources-hero-copy > p:last-child { max-width: 720px; font-size: 0.86rem; line-height: 1.55; } .resources-page .resources-hero-panel { padding: 2rem; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid #dbe7e1; background: linear-gradient(145deg, var(--lorad-green-pale), #eef7f2 65%, #f9fcfa); } .resources-page .resources-hero-panel h2 { max-width: 430px; margin: 0 0 1.25rem; color: var(--lorad-green-dark); font-size: 1.35rem; line-height: 1.25; font-weight: 760; } .resources-page .resources-hero-list { display: grid; gap: 0.65rem; } .resources-page .resources-hero-list > div { display: grid; grid-template-columns: 38px 1fr; gap: 0.7rem; align-items: center; padding: 0.65rem 0; border-top: 1px solid rgba(0, 102, 63, 0.12); } .resources-page .resources-hero-list > div:first-child { border-top: 0; } .resources-page .resources-hero-list i { color: var(--lorad-green); font-size: 1.35rem; } .resources-page .resources-hero-list strong, .resources-page .resources-hero-list small { display: block; } .resources-page .resources-hero-list strong { color: var(--ink); font-size: 0.82rem; } .resources-page .resources-hero-list small { margin-top: 0.12rem; color: #65706b; font-size: 0.7rem; } .resources-page .resources-section { padding: 2rem 0; } .resources-page .resources-section-soft { border-top: 1px solid #edf2ef; border-bottom: 1px solid #edf2ef; background: var(--surface-soft); } .resources-page .resources-section-heading { max-width: 820px; margin-bottom: 1.15rem; } .resources-page .resources-section-heading h2 { margin: 0 0 0.35rem; color: var(--ink); font-size: 1.55rem; font-weight: 760; letter-spacing: -0.02em; } .resources-page .resources-section-heading > p:last-child { margin: 0; color: var(--muted); font-size: 0.84rem; line-height: 1.5; } .resources-page .resources-primary-card { position: relative; display: flex; flex-direction: column; min-height: 260px; overflow: hidden; color: var(--ink); border: 1px solid var(--border); border-top: 4px solid var(--lorad-green); border-radius: var(--radius); background: #fff; text-decoration: none; transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease; } .resources-page .resources-primary-card:hover { color: var(--ink); border-color: #9fc4b1; border-top-color: var(--lorad-green); transform: translateY(-3px); box-shadow: var(--shadow-soft); } .resources-page .resources-card-icon { width: 58px; height: 58px; margin: 1.2rem 1.2rem 0; display: grid; place-items: center; border-radius: 0.7rem; color: var(--lorad-green); background: var(--lorad-green-soft); font-size: 1.75rem; } .resources-page .resources-card-body { padding: 1rem 1.2rem 1.25rem; display: flex; flex: 1 1 auto; flex-direction: column; } .resources-page .resources-card-kicker { margin: 0 0 0.25rem; color: var(--lorad-green); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.06em; } .resources-page .resources-card-body h3, .resources-page .resources-feature-card h3 { margin: 0 0 0.55rem; color: var(--ink); font-size: 1.1rem; font-weight: 760; } .resources-page .resources-card-body > p:not(.resources-card-kicker), .resources-page .resources-feature-card > div > p:not(.resources-card-kicker) { margin-bottom: 1rem; color: #59645f; font-size: 0.8rem; line-height: 1.55; } .resources-page .resources-card-link { margin-top: auto; display: inline-flex; align-items: center; gap: 0.35rem; color: var(--lorad-green-dark); font-size: 0.76rem; font-weight: 760; } .resources-page .resources-primary-card:hover .resources-card-link, .resources-page .resources-feature-card:hover .resources-card-link { color: var(--lorad-green); } .resources-page .resources-feature-card { min-height: 210px; padding: 1.4rem; display: grid; grid-template-columns: 70px 1fr; gap: 1rem; align-items: start; color: var(--ink); border: 1px solid var(--border); border-radius: var(--radius); background: #fff; text-decoration: none; transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease; } .resources-page .resources-feature-card:hover { color: var(--ink); border-color: #9fc4b1; transform: translateY(-2px); box-shadow: var(--shadow-soft); } .resources-page .resources-feature-icon { width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid #cfe3d8; border-radius: 0.8rem; color: var(--lorad-green); background: linear-gradient(145deg, #fff, var(--lorad-green-pale)); font-size: 1.8rem; } .resources-page .resources-support-panel { padding: 1.25rem 1.35rem; display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 1rem; align-items: center; border: 1px solid #d5e4dc; border-radius: var(--radius); background: linear-gradient(90deg, var(--lorad-green-pale), #fbfdfc); } .resources-page .resources-support-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 0.7rem; color: var(--lorad-green); background: #fff; font-size: 1.4rem; } .resources-page .resources-support-copy h2 { margin: 0; color: var(--lorad-green-dark); font-size: 1.3rem; font-weight: 760; } .resources-page .resources-support-copy > p:last-child { margin: 0.25rem 0 0; color: #59645f; font-size: 0.8rem; } .resources-page .resources-support-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-end; } @media (max-width: 991.98px) { .resources-page .resources-hero-copy { min-height: auto; padding: 1.8rem; } .resources-page .resources-hero-panel { border-top: 1px solid #dbe7e1; border-left: 0; } .resources-page .resources-support-panel { grid-template-columns: 50px 1fr; } .resources-page .resources-support-actions { grid-column: 2; justify-content: flex-start; } } @media (max-width: 575.98px) { .resources-page .resources-hero-copy, .resources-page .resources-hero-panel { padding: 1.3rem; } .resources-page .resources-feature-card { grid-template-columns: 54px 1fr; padding: 1.1rem; } .resources-page .resources-feature-icon { width: 50px; height: 50px; font-size: 1.4rem; } .resources-page .resources-support-panel { grid-template-columns: 1fr; } .resources-page .resources-support-icon, .resources-page .resources-support-actions { grid-column: 1; } .resources-page .resources-support-actions { width: 100%; } .resources-page .resources-support-actions .btn { width: 100%; } } .product-catalog-page { background: #fff; } .catalog-section { padding: 1.75rem 0 3.5rem; background: var(--surface-soft); } .catalog-breadcrumb-wrap { background: #fff; } .catalog-breadcrumb { padding-block: 0.85rem; font-size: 0.8rem; } .catalog-breadcrumb .breadcrumb-item a { color: #59645f; text-decoration: none; } .catalog-breadcrumb .breadcrumb-item.active { color: var(--lorad-green); font-weight: 700; } .catalog-intro { padding: 2rem 0 1.75rem; background: #fff; border-bottom: 1px solid var(--border); } .catalog-eyebrow { margin: 0 0 0.4rem; color: var(--lorad-green); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.11em; } .catalog-intro h1 { margin: 0; color: var(--ink); font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 760; letter-spacing: -0.035em; } .catalog-intro-copy { max-width: 760px; margin: 0.75rem 0 0; color: var(--muted); font-size: 0.98rem; } .catalog-section { padding: 1.75rem 0 3.5rem; } .catalog-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 1.6rem; align-items: start; } .catalog-filters { overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); } .catalog-filters-head { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.05rem; border-bottom: 1px solid var(--border); } .catalog-filters-head strong { font-size: 0.92rem; } .catalog-clear-btn { padding: 0; color: var(--lorad-green); border: 0; background: transparent; font-size: 0.74rem; font-weight: 700; } .catalog-filter-group { border-bottom: 1px solid var(--border); } .catalog-filter-group:last-child { border-bottom: 0; } .catalog-filter-toggle { width: 100%; display: grid; grid-template-columns: 1fr auto auto; gap: 0.55rem; align-items: center; padding: 0.95rem 1.05rem; color: var(--ink); border: 0; background: #fff; text-align: left; font-size: 0.76rem; font-weight: 800; letter-spacing: 0.045em; text-transform: uppercase; } .catalog-filter-toggle:hover { background: var(--surface-soft); } .catalog-filter-toggle i { color: #7b8580; font-size: 0.75rem; } .catalog-filter-selected { color: var(--lorad-green); font-size: 0.68rem; font-weight: 700; letter-spacing: 0; text-transform: none; } .catalog-filter-panel { padding: 0 1.05rem 0.95rem; } .catalog-filter-list { display: grid; gap: 0.45rem; } .catalog-filter-option { display: flex; gap: 0.5rem; align-items: center; margin: 0; color: #39443f; font-size: 0.81rem; cursor: pointer; } .catalog-filter-option input { accent-color: var(--lorad-green); } .catalog-element-search { width: 100%; margin-bottom: 0.65rem; padding: 0.48rem 0.55rem; border: 1px solid var(--border); border-radius: 0.4rem; background: #fff; font-size: 0.78rem; } .catalog-element-search:focus { border-color: var(--lorad-green); outline: 0; box-shadow: 0 0 0 0.18rem rgba(0, 102, 63, 0.1); } .catalog-show-more { margin-top: 0.7rem; padding: 0; color: var(--lorad-green); border: 0; background: transparent; font-size: 0.73rem; font-weight: 700; } @media (min-width: 992px) { .catalog-filters { position: sticky; top: 8rem; } } @media (max-width: 991.98px) { .catalog-filters { display: none; position: static; } .catalog-filters.is-open { display: block; } } .catalog-element-search { width: 100%; margin-bottom: 0.55rem; padding: 0.48rem 0.55rem; border: 1px solid var(--border); border-radius: 0.4rem; background: #fff; font-size: 0.78rem; } .catalog-element-search:focus { border-color: var(--lorad-green); outline: 0; box-shadow: 0 0 0 0.18rem rgba(0, 102, 63, 0.1); } .catalog-toolbar { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: 0.85rem 1rem; margin-bottom: 0.85rem; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); } .catalog-result-summary strong { display: block; font-size: 0.92rem; } .catalog-result-summary span { display: block; margin-top: 0.1rem; color: var(--muted); font-size: 0.73rem; } .catalog-toolbar-actions { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; } .catalog-toolbar-control { display: inline-flex; gap: 0.4rem; align-items: center; margin: 0; color: var(--muted); font-size: 0.74rem; white-space: nowrap; } .catalog-toolbar-control .form-select { width: auto; min-width: 72px; border-color: var(--border); } .catalog-sort-control .form-select { min-width: 180px; } .catalog-mobile-filter-btn { display: none; align-items: center; gap: 0.4rem; padding: 0.38rem 0.7rem; color: var(--lorad-green-dark); border: 1px solid var(--border); border-radius: 0.4rem; background: #fff; font-size: 0.76rem; font-weight: 700; } .catalog-active-filters { display: flex; flex-wrap: wrap; gap: 0.45rem; min-height: 1.85rem; margin-bottom: 0.85rem; } .catalog-no-filters { padding: 0.25rem 0; color: #7a8580; font-size: 0.75rem; } .catalog-filter-chip { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.35rem 0.55rem; color: var(--lorad-green-dark); border: 1px solid #cbded5; border-radius: 999px; background: var(--lorad-green-soft); font-size: 0.72rem; font-weight: 700; } .catalog-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9rem; } .catalog-product-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 2px 10px rgba(14, 55, 40, 0.025); transition: border-color 0.15s ease, box-shadow 0.15s ease; } .catalog-product-card:hover { border-color: #b9cec3; box-shadow: var(--shadow-soft); } .catalog-card-top { padding: 1rem 1rem 0.8rem; border-bottom: 1px solid #edf1ef; } .catalog-item-line { min-height: 1.35rem; display: flex; gap: 0.6rem; align-items: center; justify-content: space-between; margin-bottom: 0.55rem; } .catalog-item-number { color: #7b8580; font-size: 0.67rem; font-weight: 750; letter-spacing: 0.045em; } .catalog-status { padding: 0.22rem 0.45rem; border-radius: 999px; font-size: 0.61rem; font-weight: 800; white-space: nowrap; } .catalog-status-stock { color: #12633f; background: #e8f5ee; } .catalog-status-made { color: #765d13; background: #f4f1e4; } .catalog-status-available { color: #34566f; background: #eef3f8; } .catalog-product-card h2 { margin: 0; font-size: 1rem; font-weight: 760; line-height: 1.25; } .catalog-product-card h2 a { color: var(--ink); text-decoration: none; } .catalog-product-card h2 a:hover { color: var(--lorad-green); } .catalog-formula { margin-top: 0.35rem; color: var(--lorad-green-dark); font-size: 1.03rem; font-weight: 700; } .catalog-card-body { display: flex; flex: 1; flex-direction: column; padding: 0.8rem 1rem; } .catalog-meta { margin: 0; } .catalog-meta > div { display: grid; grid-template-columns: 3.5rem 1fr; gap: 0.5rem; margin-bottom: 0.35rem; font-size: 0.74rem; } .catalog-meta dt { color: #87908c; font-weight: 500; } .catalog-meta dd { margin: 0; color: #38423e; } .catalog-tags { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 0.45rem; } .catalog-tags span { padding: 0.22rem 0.38rem; color: #52605a; border: 1px solid #e1e7e4; border-radius: 0.35rem; background: #f2f5f3; font-size: 0.64rem; } .catalog-commercial { margin-top: auto; padding-top: 0.8rem; } .catalog-price { font-size: 1.02rem; font-weight: 800; } .catalog-price small { color: var(--muted); font-size: 0.68rem; font-weight: 500; } .catalog-commercial-note { color: var(--muted); font-size: 0.73rem; } .catalog-card-actions{display:flex;align-items:flex-start;gap:0.45rem;padding: 0 1rem 1rem;} .catalog-card-actions > .btn-lorad {flex:1;} .catalog-card-actions > .catalog-offer-form {flex:1;min-width:0;} .catalog-offer-form .form-select,.catalog-offer-form .btn {width:100%;} .catalog-card-actions .btn-lorad { flex: 1; } .catalog-card-actions .btn { padding: 0.48rem 0.72rem; font-size: 0.74rem; } .catalog-custom-callout { display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; margin-top: 1.15rem; padding: 1.2rem 1.35rem; color: #fff; border-radius: var(--radius); background: linear-gradient(90deg, var(--lorad-green-deep), var(--lorad-green-dark)); } .catalog-custom-callout h2 { margin: 0 0 0.2rem; color: #fff; font-size: 1rem; font-weight: 760; } .catalog-custom-callout p { margin: 0; color: #d8e8e1; font-size: 0.79rem; } .catalog-custom-callout .btn { flex: 0 0 auto; white-space: nowrap; } .catalog-pagination { display: flex; gap: 0.3rem; justify-content: center; margin-top: 1.35rem; } .catalog-page-link { min-width: 2.1rem; height: 2.1rem; display: inline-grid; place-items: center; color: #4d5853; border: 1px solid var(--border); border-radius: 0.38rem; background: #fff; text-decoration: none; font-size: 0.76rem; } .catalog-page-link:hover { color: var(--lorad-green); border-color: #b9cec3; } .catalog-page-link.active { color: #fff; border-color: var(--lorad-green); background: var(--lorad-green); } @media (max-width: 1199.98px) { .catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991.98px) { .catalog-layout { grid-template-columns: 1fr; } .catalog-filters { display: none; position: static; max-height: none; overflow: visible; } .catalog-filters.is-open { display: block; } .catalog-mobile-filter-btn { display: inline-flex; } .catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px) { .catalog-toolbar { align-items: flex-start; flex-direction: column; } .catalog-toolbar-actions { width: 100%; } .catalog-sort-control { flex: 1 1 100%; } .catalog-sort-control .form-select { width: 100%; } .catalog-product-grid { grid-template-columns: 1fr; } .catalog-custom-callout { align-items: flex-start; flex-direction: column; } } .catalog-no-results { padding: 3rem 2rem; text-align: center; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-soft); } .catalog-no-results-icon { width: 3.25rem; height: 3.25rem; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--lorad-green-pale); color: var(--lorad-green); font-size: 1.25rem; } .catalog-no-results h2 { margin: 0 0 0.6rem; font-size: 1.35rem; font-weight: 700; color: var(--ink); } .catalog-no-results p { max-width: 34rem; margin: 0 auto 1.25rem; color: var(--muted); line-height: 1.6; } .product-catalog-page .catalog-trust-line { display: inline-flex; align-items: center; gap: 0.5rem; margin: 0.8rem 0 0; color: #4e5b55; font-size: 0.92rem; font-weight: 600; } .product-catalog-page .catalog-trust-line i { color: var(--lorad-green); font-size: 1rem; } .product-catalog-page .catalog-capabilities { background: #fff; border-bottom: 1px solid var(--border); } .product-catalog-page .catalog-capability-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); } .product-catalog-page .catalog-capability-item { display: flex; align-items: flex-start; gap: 0.9rem; min-width: 0; padding: 1.35rem 1.25rem; border-right: 1px solid var(--border); } .product-catalog-page .catalog-capability-item:first-child { padding-left: 0; } .product-catalog-page .catalog-capability-item:last-child { padding-right: 0; border-right: 0; } .product-catalog-page .catalog-capability-icon, .product-catalog-page .catalog-explore-icon { flex: 0 0 auto; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; border-radius: 0.65rem; background: var(--lorad-green-pale); color: var(--lorad-green); font-size: 1.05rem; } .product-catalog-page .catalog-capability-item strong { display: block; margin-bottom: 0.2rem; color: var(--ink); font-size: 0.94rem; font-weight: 700; } .product-catalog-page .catalog-capability-item span { display: block; color: var(--muted); font-size: 0.8rem; line-height: 1.45; } .product-catalog-page .catalog-quality-strip { background: var(--surface-soft); border-bottom: 1px solid var(--border); } .product-catalog-page .catalog-quality-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.3rem 0; } .product-catalog-page .catalog-section-kicker, .product-catalog-page .catalog-callout-kicker { margin: 0 0 0.25rem; color: var(--lorad-green); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.09em; } .product-catalog-page .catalog-quality-inner p:last-child { max-width: 48rem; margin: 0; color: #4f5c56; font-size: 0.88rem; line-height: 1.55; } .product-catalog-page .catalog-quality-links { display: flex; flex: 0 0 auto; gap: 1.4rem; } .product-catalog-page .catalog-quality-links a { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--lorad-green); font-size: 0.84rem; font-weight: 700; text-decoration: none; } .product-catalog-page .catalog-quality-links a:hover { text-decoration: underline; } .product-catalog-page .catalog-active-filters { margin-bottom: 1rem; } .product-catalog-page .catalog-no-results { padding: 3rem 2rem; text-align: center; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-soft); } .product-catalog-page .catalog-no-results-icon { width: 3.25rem; height: 3.25rem; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--lorad-green-pale); color: var(--lorad-green); font-size: 1.25rem; } .product-catalog-page .catalog-no-results h2 { margin: 0 0 0.6rem; font-size: 1.35rem; font-weight: 700; color: var(--ink); } .product-catalog-page .catalog-no-results p { max-width: 34rem; margin: 0 auto 1.25rem; color: var(--muted); line-height: 1.6; } .product-catalog-page .catalog-support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; } .product-catalog-page .catalog-support-grid .catalog-custom-callout { margin: 0; min-height: 100%; align-items: flex-end; } .product-catalog-page .catalog-technical-callout { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.6rem; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-soft); } .product-catalog-page .catalog-technical-callout h2, .product-catalog-page .catalog-custom-callout h2 { margin: 0 0 0.45rem; font-size: 1.18rem; font-weight: 700; line-height: 1.3; } .product-catalog-page .catalog-technical-callout p:not(.catalog-callout-kicker), .product-catalog-page .catalog-custom-callout p:not(.catalog-callout-kicker) { margin: 0; font-size: 0.88rem; line-height: 1.55; } .product-catalog-page .catalog-technical-callout p:not(.catalog-callout-kicker) { color: var(--muted); } .product-catalog-page .catalog-technical-callout .btn, .product-catalog-page .catalog-custom-callout .btn { flex: 0 0 auto; white-space: nowrap; } .product-catalog-page .catalog-custom-callout .catalog-callout-kicker { color: rgba(255, 255, 255, 0.78); } .product-catalog-page .catalog-explore-section { padding: 3.5rem 0 4rem; background: #fff; border-top: 1px solid var(--border); } .product-catalog-page .catalog-explore-heading { max-width: 46rem; margin-bottom: 1.6rem; } .product-catalog-page .catalog-explore-heading h2 { margin: 0 0 0.45rem; color: var(--ink); font-size: clamp(1.45rem, 2vw, 2rem); font-weight: 700; } .product-catalog-page .catalog-explore-heading > p:last-child { margin: 0; color: var(--muted); line-height: 1.6; } .product-catalog-page .catalog-explore-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; } .product-catalog-page .catalog-explore-card { padding: 1.5rem; background: var(--surface-soft); border: 1px solid var(--border); border-radius: var(--radius); } .product-catalog-page .catalog-explore-card-head { display: flex; align-items: flex-start; gap: 0.9rem; padding-bottom: 1rem; margin-bottom: 0.35rem; border-bottom: 1px solid var(--border); } .product-catalog-page .catalog-explore-card h3 { margin: 0 0 0.2rem; color: var(--ink); font-size: 1.08rem; font-weight: 700; } .product-catalog-page .catalog-explore-card-head p { margin: 0; color: var(--muted); font-size: 0.82rem; line-height: 1.5; } .product-catalog-page .catalog-explore-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.2rem; } .product-catalog-page .catalog-explore-links a { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.8rem 0; color: var(--ink); border-bottom: 1px solid #e8eeeb; font-size: 0.86rem; font-weight: 650; text-decoration: none; } .product-catalog-page .catalog-explore-links a:hover { color: var(--lorad-green); } .product-catalog-page .catalog-explore-links i { color: var(--lorad-green); font-size: 0.8rem; } @media (max-width: 991.98px) { .product-catalog-page .catalog-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .product-catalog-page .catalog-capability-item { border-bottom: 1px solid var(--border); } .product-catalog-page .catalog-capability-item:nth-child(2) { border-right: 0; } .product-catalog-page .catalog-capability-item:nth-child(3), .product-catalog-page .catalog-capability-item:nth-child(4) { border-bottom: 0; } .product-catalog-page .catalog-capability-item:first-child, .product-catalog-page .catalog-capability-item:last-child { padding-left: 1.25rem; padding-right: 1.25rem; } .product-catalog-page .catalog-quality-inner, .product-catalog-page .catalog-support-grid .catalog-custom-callout { align-items: flex-start; } .product-catalog-page .catalog-quality-inner { flex-direction: column; gap: 0.8rem; } .product-catalog-page .catalog-support-grid, .product-catalog-page .catalog-explore-grid { grid-template-columns: 1fr; } } @media (max-width: 575.98px) { .product-catalog-page .catalog-capability-grid { grid-template-columns: 1fr; } .product-catalog-page .catalog-capability-item, .product-catalog-page .catalog-capability-item:nth-child(2), .product-catalog-page .catalog-capability-item:nth-child(3) { border-right: 0; border-bottom: 1px solid var(--border); } .product-catalog-page .catalog-capability-item:last-child { border-bottom: 0; } .product-catalog-page .catalog-quality-links { flex-direction: column; gap: 0.55rem; } .product-catalog-page .catalog-technical-callout, .product-catalog-page .catalog-support-grid .catalog-custom-callout { flex-direction: column; } .product-catalog-page .catalog-explore-links { grid-template-columns: 1fr; } } .product-detail-page .product-badge-row { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-bottom: 0.7rem; } .product-detail-page .product-badge-row a.product-badge { text-decoration: none; } .product-detail-page .product-image-caption { margin: 0.55rem 0 0; color: var(--muted); font-size: 0.72rem; line-height: 1.4; } .product-detail-page .product-gallery-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: #9aaba2; background: radial-gradient(circle at 50% 35%, #fff, #f1f5f3 70%); } .product-detail-page .product-gallery-placeholder i { font-size: 4rem; } .product-detail-page .product-rich-text p:last-child, .product-detail-page .product-summary p:last-child { margin-bottom: 0; } .product-detail-page .product-rich-text { color: #4f5a55; font-size: 0.83rem; line-height: 1.6; } .product-detail-page .product-classification-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .product-detail-page .product-taxonomy-links { display: flex; flex-wrap: wrap; gap: 0.45rem; } .product-detail-page .product-taxonomy-links a, .product-detail-page .product-taxonomy-links span { display: inline-flex; align-items: center; min-height: 30px; padding: 0.3rem 0.6rem; border: 1px solid var(--border); border-radius: 0.4rem; background: #fff; color: #43504a; font-size: 0.73rem; font-weight: 650; text-decoration: none; } .product-detail-page .product-taxonomy-links a:hover { color: var(--lorad-green); border-color: #a8c8b8; } .product-detail-page .product-options-heading h2 { margin-bottom: 0.2rem; } .product-detail-page .product-options-heading p { margin: 0 0 1rem; color: var(--muted); font-size: 0.76rem; line-height: 1.4; } .product-detail-page .product-offer-list { display: grid; gap: 0.8rem; } .product-detail-page .product-offer-card { padding: 0.85rem; border: 1px solid var(--border); border-radius: 0.55rem; background: var(--surface); } .product-detail-page .product-offer-top { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; } .product-detail-page .product-offer-top h3 { margin: 0; color: var(--ink); font-size: 0.92rem; font-weight: 760; } .product-detail-page .product-offer-sku { margin-top: 0.15rem; color: var(--muted); font-size: 0.69rem; } .product-detail-page .product-offer-price { flex: 0 0 auto; color: var(--lorad-green-dark); text-align: right; font-size: 0.83rem; font-weight: 760; } .product-detail-page .product-offer-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 0.8rem; margin: 0.75rem 0; padding: 0.7rem 0; border-top: 1px solid #edf1ef; border-bottom: 1px solid #edf1ef; } .product-detail-page .product-offer-meta span, .product-detail-page .product-options-summary span { display: block; color: var(--muted); font-size: 0.65rem; font-weight: 650; } .product-detail-page .product-offer-meta strong, .product-detail-page .product-options-summary strong { display: block; margin-top: 0.08rem; color: #33403a; font-size: 0.74rem; line-height: 1.3; } .product-detail-page .product-options-summary { display: grid; gap: 0.55rem; margin-top: 1rem; padding: 0.8rem; border-radius: 0.5rem; background: var(--surface-soft); } .product-detail-page .product-options-summary p { margin: 0.2rem 0 0; color: #56615c; font-size: 0.72rem; line-height: 1.45; } .product-detail-page .quote-textarea-label { display: block; margin-bottom: 0.35rem; color: #53605a; font-size: 0.72rem; font-weight: 750; } .product-detail-page .quote-textarea { border-color: var(--border); font-size: 0.82rem; resize: vertical; } .product-detail-page .quote-textarea:focus { border-color: #9fc4b1; box-shadow: 0 0 0 0.2rem rgba(0, 102, 63, 0.1); } .product-detail-page .product-discontinued-alert { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1rem; border: 1px solid #e2d7b4; background: #fffaf0; color: #554b32; } .product-detail-page .product-discontinued-alert strong, .product-detail-page .product-discontinued-alert span { display: block; } .product-detail-page .product-discontinued-alert span { margin-top: 0.15rem; font-size: 0.8rem; } .product-detail-page .related-product-placeholder { width: 58px; height: 50px; display: grid; place-items: center; border: 1px solid #edf1ef; border-radius: 0.4rem; background: #f5f8f6; color: #8fa198; } .product-detail-page .product-application-card { display: grid; grid-template-columns: 34px 1fr; gap: 0.6rem; align-items: center; padding: 0.7rem; border: 1px solid var(--border); border-radius: 0.5rem; color: var(--ink); background: #fff; text-decoration: none; } .product-detail-page .product-application-card:hover { border-color: #9fc4b1; color: var(--lorad-green-dark); } .product-detail-page .product-application-card > i { color: var(--lorad-green); font-size: 1.35rem; } .product-detail-page .product-pictogram-row { display: flex; flex-wrap: wrap; gap: 0.6rem; } .product-detail-page .product-pictogram-row img { width: 72px; height: 72px; object-fit: contain; } .product-detail-page .product-selected-offer { padding: 0.8rem; border: 1px solid #cfe2d8; border-radius: 0.5rem; background: var(--lorad-green-pale); } .product-detail-page .product-selected-offer strong, .product-detail-page .product-selected-offer span { display: block; } .product-detail-page .product-selected-offer strong { color: var(--lorad-green-dark); font-size: 0.88rem; } .product-detail-page .product-selected-offer span { margin-top: 0.2rem; color: #56615c; font-size: 0.72rem; line-height: 1.4; } .product-detail-page .product-inquiry-modal .modal-header, .product-detail-page .product-inquiry-modal .modal-footer { border-color: var(--border); } .product-detail-page .product-inquiry-modal .modal-title { font-size: 1.2rem; font-weight: 760; } .product-detail-page .product-inquiry-modal .form-label { color: #53605a; font-size: 0.75rem; font-weight: 700; } .product-detail-page .product-inquiry-modal .form-control, .product-detail-page .product-inquiry-modal .form-select { border-color: var(--border); } .product-detail-page .product-confidence-section { padding: 0.6rem 0 1.5rem; } .product-detail-page .product-empty-state { max-width: 600px; padding: 2rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-soft); } .product-detail-page .product-empty-state h1 { margin: 0 0 0.6rem; font-size: 2rem; font-weight: 760; } .product-detail-page .product-empty-state p { color: var(--muted); } @media (max-width: 767.98px) { .product-detail-page .product-classification-grid, .product-detail-page .product-offer-meta { grid-template-columns: 1fr; } .product-detail-page .product-offer-top { flex-direction: column; } .product-detail-page .product-offer-price { text-align: left; } .product-detail-page .product-discontinued-alert { align-items: flex-start; flex-direction: column; } } .product-detail-page .quote-field-card { width: 100%; min-width: 0; } .product-detail-page .quote-field-content { min-width: 0; width: 100%; } .product-detail-page .quote-field-input, .product-detail-page .quote-field-select { width: 100%; min-width: 0; max-width: 100%; } .product-detail-page .quote-field-select { padding-right: 2rem; } .product-gallery-thumbnails { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin-top: .75rem; } .product-gallery-thumbnail { border: 1px solid #dfe6e2; border-radius: .4rem; padding: .25rem; background: #fff; aspect-ratio: 1 / 1; overflow: hidden; cursor: pointer; } .product-gallery-thumbnail img { width: 100%; height: 100%; object-fit: contain; } .product-gallery-thumbnail.active { border-color: var(--lorad-green); box-shadow: 0 0 0 1px var(--lorad-green); } .product-gallery-image, .product-gallery-main picture { width: 100%; height: 100%; } .product-gallery-image { object-fit: contain; } .featured-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; height: 100%; } .featured-product-card { height: 100%; min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .featured-product-card:hover { border-color: #9fc4b1; transform: translateY(-2px); box-shadow: var(--shadow-soft); } .featured-product-image { position: relative; width: 100%; aspect-ratio: 4 / 3; min-height: 150px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-bottom: 1px solid var(--border); background: radial-gradient( circle at 50% 35%, #fff 0, #f6f8f7 62%, #eef3f0 100% ); } .featured-product-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .featured-product-image-link { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .featured-product-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; padding: 1rem; } .featured-product-title { margin: 0; color: var(--ink); font-size: 1rem; font-weight: 760; line-height: 1.2; } .featured-product-title a { color: inherit; text-decoration: none; } .featured-product-title a:hover { color: var(--lorad-green); } .featured-product-formula { min-height: 1.4rem; margin-top: 0.3rem; color: #4f5b55; font-size: 0.92rem; line-height: 1.25; } .featured-product-meta { margin: 0.8rem 0 1rem; padding: 0; font-size: 0.78rem; line-height: 1.35; } .featured-product-meta div { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 0.45rem; padding: 0.18rem 0; } .featured-product-meta dt { margin: 0; color: #68736e; font-weight: 650; } .featured-product-meta dd { min-width: 0; margin: 0; color: var(--ink); overflow-wrap: anywhere; } .featured-product-action { margin-top: auto; padding-top: 0.15rem; } .featured-product-action .btn { white-space: nowrap; } @media (max-width: 1199.98px) { .featured-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .featured-product-image { aspect-ratio: 16 / 9; } } @media (max-width: 575.98px) { .featured-product-grid { grid-template-columns: 1fr; } .featured-product-image { aspect-ratio: 16 / 9; min-height: 175px; } } .newsroom-page { background: #fff; } .newsroom-hero { overflow: hidden; border-bottom: 1px solid #e7edea; background: linear-gradient(90deg, #f7faf8 0%, #f7faf8 51%, #eef4f1 100%); } .newsroom-hero-frame { min-height: 255px; } .newsroom-hero-copy { padding: 2.25rem 2.75rem 2.15rem 0; display: flex; flex-direction: column; justify-content: center; } .newsroom-hero-copy h1 { max-width: 700px; margin: 0; color: var(--ink); font-size: clamp(2rem, 3.25vw, 3.55rem); line-height: 1.02; font-weight: 760; letter-spacing: -0.035em; } .newsroom-hero-lead { max-width: 650px; margin: 0.75rem 0 0; color: var(--muted); font-size: 1rem; line-height: 1.5; } .newsroom-hero-visual { min-height: 255px; background-image: linear-gradient(90deg, rgba(247, 250, 248, 0.85) 0%, rgba(247, 250, 248, 0.18) 25%, rgba(0, 0, 0, 0) 55%), url("/assets/img/hero-lab.png"); background-size: cover; background-position: center; } .newsroom-featured-section { padding-top: 1.1rem; } .newsroom-featured-card { overflow: hidden; display: grid; grid-template-columns: minmax(0, 43%) minmax(0, 57%); border: 1px solid var(--border); border-radius: var(--radius); background: #fff; transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease; } .newsroom-featured-card:hover { border-color: #bed4c8; box-shadow: var(--shadow-soft); } .newsroom-featured-image { min-height: 305px; display: block; overflow: hidden; background: var(--surface-soft); } .newsroom-featured-image img { width: 100%; height: 100%; min-height: 305px; display: block; object-fit: cover; } .newsroom-featured-copy { min-width: 0; padding: 1.45rem 1.55rem; display: flex; flex-direction: column; } .newsroom-featured-meta-row { margin-bottom: 0.7rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .newsroom-featured-meta-row time { color: var(--muted); font-size: 0.78rem; } .newsroom-featured-copy h2 { margin: 0; color: var(--ink); font-size: clamp(1.4rem, 2vw, 2rem); line-height: 1.08; font-weight: 760; letter-spacing: -0.025em; } .newsroom-featured-copy h2 a { color: inherit; text-decoration: none; } .newsroom-featured-copy h2 a:hover { color: var(--lorad-green); } .newsroom-featured-copy > p { margin: 0.85rem 0 1.15rem; color: #53605a; font-size: 0.92rem; line-height: 1.55; } .newsroom-badge { display: inline-flex; align-items: center; min-height: 1.6rem; padding: 0.18rem 0.58rem; border-radius: 999px; color: var(--lorad-green-dark); background: var(--lorad-green-soft); font-size: 0.7rem; font-weight: 750; line-height: 1; white-space: nowrap; } .newsroom-badge-featured { border-radius: 0.35rem; color: #fff; background: var(--lorad-green); font-size: 0.68rem; letter-spacing: 0.04em; } .newsroom-filter-panel { padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-soft); } .newsroom-filter-heading { display: block; margin: 0 0 0.55rem; color: var(--ink); font-size: 0.91rem; font-weight: 750; } .newsroom-search-form .input-group-text, .newsroom-search-form .form-control, .newsroom-filter-panel .input-group-text, .newsroom-filter-panel .form-select { border-color: #d1dbd6; background: #fff; font-size: 0.82rem; } .newsroom-search-form .input-group-text, .newsroom-filter-panel .input-group-text { color: var(--lorad-green); } .newsroom-filter-block { margin-top: 1.2rem; } .newsroom-category-list { display: grid; gap: 0.28rem; } .newsroom-category-list a { padding: 0.48rem 0.65rem; border-radius: 0.42rem; color: #31403a; font-size: 0.82rem; font-weight: 600; text-decoration: none; } .newsroom-category-list a:hover { color: var(--lorad-green-dark); background: #edf5f1; } .newsroom-category-list a.active { color: var(--lorad-green-dark); background: #dfeee6; font-weight: 750; } .newsroom-latest-section { padding-top: 0.7rem; padding-bottom: 2rem; } .newsroom-section-heading { margin-bottom: 0.75rem; } .newsroom-card { overflow: hidden; display: grid; grid-template-columns: minmax(0, 37%) minmax(0, 63%); min-height: 210px; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease; } .newsroom-card:hover { transform: translateY(-2px); border-color: #c4d8ce; box-shadow: var(--shadow-soft); } .newsroom-card-image { display: block; min-height: 210px; overflow: hidden; background: var(--surface-soft); } .newsroom-card-image img { width: 100%; height: 100%; min-height: 210px; display: block; object-fit: cover; } .newsroom-card-body { min-width: 0; padding: 0.9rem 1rem; display: flex; flex-direction: column; } .newsroom-card-meta { margin-bottom: 0.45rem; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; } .newsroom-card-meta time { color: var(--muted); font-size: 0.72rem; } .newsroom-card h3 { margin: 0; color: var(--ink); font-size: 1rem; line-height: 1.16; font-weight: 750; letter-spacing: -0.015em; } .newsroom-card h3 a { color: inherit; text-decoration: none; } .newsroom-card h3 a:hover { color: var(--lorad-green); } .newsroom-card p { margin: 0.55rem 0 0.7rem; color: #5d6964; font-size: 0.8rem; line-height: 1.45; } .newsroom-read-more { margin-top: auto; display: inline-flex; align-items: center; gap: 0.35rem; color: var(--lorad-green); font-size: 0.79rem; font-weight: 750; text-decoration: none; } .newsroom-read-more:hover { color: var(--lorad-green-dark); } .newsroom-pagination { margin-top: 1.1rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.3rem; } .newsroom-page-link { min-width: 2.15rem; height: 2.15rem; padding: 0 0.65rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; border: 1px solid var(--border); border-radius: 0.4rem; color: #34413c; background: #fff; font-size: 0.76rem; font-weight: 700; text-decoration: none; } .newsroom-page-link:hover { color: var(--lorad-green-dark); border-color: #aacbbb; background: #f1f7f4; } .newsroom-page-link.active { color: #fff; border-color: var(--lorad-green); background: var(--lorad-green); } .newsroom-page-link.disabled { pointer-events: none; color: #a1aaa6; background: #f5f7f6; } @media (max-width: 1199.98px) { .newsroom-featured-card { grid-template-columns: minmax(0, 42%) minmax(0, 58%); } .newsroom-filter-panel { margin-top: 0.1rem; } } @media (max-width: 991.98px) { .newsroom-hero-copy { padding: 1.8rem 0 1.35rem; } .newsroom-hero-visual { min-height: 190px; } .newsroom-featured-card, .newsroom-card { grid-template-columns: 1fr; } .newsroom-featured-image, .newsroom-featured-image img { min-height: 250px; } .newsroom-card-image, .newsroom-card-image img { min-height: 230px; } } @media (max-width: 575.98px) { .newsroom-hero-copy h1 { font-size: 2rem; } .newsroom-featured-copy { padding: 1rem; } .newsroom-featured-meta-row, .newsroom-card-meta { align-items: flex-start; flex-direction: column; gap: 0.35rem; } .newsroom-pagination { gap: 0.2rem; } .newsroom-page-link { min-width: 2rem; height: 2rem; padding-inline: 0.5rem; } } .newsroom-image-placeholder { width: 100%; height: 100%; min-height: inherit; display: flex; align-items: center; justify-content: center; background: #e2e5e3; } .newsroom-image-placeholder .bi { color: #aeb8b3; font-size: 4.5rem; line-height: 1; } .news-article-page { background: #fff; } .news-article-section { padding-bottom: 1.4rem; } .news-article-main { min-width: 0; } .news-article-header { max-width: 920px; padding: 0.35rem 0 1.15rem; } .news-article-meta { display: flex; align-items: center; gap: 0.85rem; margin-bottom: 0.7rem; } .news-article-meta time { color: var(--muted); font-size: 0.78rem; } .newsroom-badge { display: inline-flex; align-items: center; min-height: 1.6rem; padding: 0.18rem 0.58rem; border-radius: 999px; color: var(--lorad-green-dark); background: var(--lorad-green-soft); font-size: 0.7rem; font-weight: 750; line-height: 1; white-space: nowrap; } .news-article-header h1 { max-width: 900px; margin: 0; color: var(--lorad-green-dark); font-size: clamp(2.2rem, 4vw, 3.7rem); line-height: 1.02; font-weight: 780; letter-spacing: -0.04em; } .news-article-deck { max-width: 850px; margin: 0.85rem 0 0; color: #53605a; font-size: 1.08rem; line-height: 1.5; } .news-article-hero { min-height: 400px; display: grid; place-items: center; margin-bottom: 1.25rem; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: radial-gradient(circle at 50% 35%, #eef1ef 0, #e2e5e3 62%, #d8ddda 100%); } .news-article-hero > i { color: #aeb8b3; font-size: 6.5rem; } .news-article-body { max-width: 850px; color: #3f4a45; font-size: 0.95rem; line-height: 1.68; } .news-article-body p { margin-bottom: 1rem; } .news-article-body h2 { margin: 1.5rem 0 0.65rem; color: var(--lorad-green-dark); font-size: 1.45rem; line-height: 1.2; font-weight: 770; letter-spacing: -0.02em; } .news-article-body ul { padding-left: 1.25rem; } .news-article-body li { margin-bottom: 0.35rem; } .article-page .news-article-body h3 { margin: 1.5rem 0 0.65rem; color: var(--lorad-green-dark); font-size: 1.15rem; line-height: 1.3; font-weight: 760; letter-spacing: -0.01em; } .article-page .news-article-body h3:first-child { margin-top: 0; } .news-article-quote { margin: 1.45rem 0; padding: 1.15rem 1.25rem 1.1rem 3.75rem; position: relative; border: 1px solid #cfe0d7; border-radius: var(--radius); background: var(--lorad-green-pale); } .news-article-quote::before { content: "\201C"; position: absolute; left: 1rem; top: 0.55rem; color: #83b79c; font-family: Georgia, serif; font-size: 4rem; line-height: 1; } .news-article-quote p { margin: 0; color: #284239; font-size: 1rem; font-style: italic; } .news-article-quote footer { margin-top: 0.55rem; color: #5f6d67; font-size: 0.75rem; font-weight: 700; } .news-article-inline-feature { display: grid; grid-template-columns: 42px 1fr auto; gap: 0.75rem; align-items: center; margin-top: 1.4rem; padding: 0.9rem 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: linear-gradient(90deg, #f8fbf9, #f2f8f5); } .news-article-inline-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: var(--lorad-green); background: var(--lorad-green-soft); font-size: 1.25rem; } .news-article-inline-feature strong, .news-article-inline-feature span { display: block; } .news-article-inline-feature strong { font-size: 0.82rem; } .news-article-inline-feature span { margin-top: 0.1rem; color: #65706b; font-size: 0.74rem; } .news-article-sidebar { display: grid; gap: 1rem; position: sticky; top: 9rem; } .news-featured-products .related-product-item { grid-template-columns: 58px 1fr 18px; } .news-product-placeholder { width: 58px; height: 50px; display: grid !important; place-items: center; border: 1px solid #edf1ef; border-radius: 0.4rem; color: #748079; background: #e8ecea; font-size: 0.82rem; font-weight: 700; } .news-question-panel { padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; } .news-question-heading { display: grid; grid-template-columns: 42px 1fr; gap: 0.75rem; align-items: start; margin-bottom: 0.9rem; } .news-question-heading > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: var(--lorad-green); background: var(--lorad-green-soft); font-size: 1.2rem; } .news-question-heading h2 { margin: 0; font-size: 1rem; font-weight: 770; } .news-question-heading p { margin: 0.35rem 0 0; color: #5f6b66; font-size: 0.75rem; line-height: 1.45; } .news-article-share { max-width: 850px; display: flex; align-items: center; flex-wrap: wrap; gap: 0.85rem; margin-top: 1.5rem; padding: 0.9rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); color: #66716c; font-size: 0.76rem; } .news-article-share > span { font-weight: 700; } .news-article-share a, .news-article-copy-link { display: inline-flex; align-items: center; gap: 0.35rem; color: #56625c; text-decoration: none; } .news-article-share a:hover, .news-article-copy-link:hover { color: var(--lorad-green); } .news-article-copy-link { padding: 0; border: 0; background: none; font: inherit; } .news-article-prev-next { max-width: 850px; display: grid; grid-template-columns: 1fr 1fr; margin-top: 1rem; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); } .news-article-nav-item { display: grid; grid-template-columns: 22px 1fr; gap: 0.7rem; align-items: center; min-height: 88px; padding: 0.85rem 1rem; color: var(--ink); text-decoration: none; } .news-article-nav-item + .news-article-nav-item { border-left: 1px solid var(--border); } .news-article-nav-next { grid-template-columns: 1fr 22px; text-align: right; } .news-article-nav-item small, .news-article-nav-item strong { display: block; } .news-article-nav-item small { margin-bottom: 0.2rem; color: var(--lorad-green); font-size: 0.68rem; font-weight: 750; } .news-article-nav-item strong { font-size: 0.78rem; line-height: 1.3; } .news-article-nav-item > i { color: var(--lorad-green); } .news-more-section { padding: 1.1rem 0 1.7rem; border-top: 1px solid #eef2f0; } .news-more-card { height: 100%; display: grid; grid-template-columns: 82px 1fr 18px; gap: 0.75rem; align-items: center; padding: 0.7rem; border: 1px solid var(--border); border-radius: var(--radius); color: var(--ink); background: #fff; text-decoration: none; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .news-more-card:hover { transform: translateY(-2px); color: var(--ink); border-color: #c4d8ce; box-shadow: var(--shadow-soft); } .news-more-placeholder { width: 82px; height: 62px; display: grid; place-items: center; border-radius: 0.45rem; color: #aeb8b3; background: #e2e5e3; font-size: 1.7rem; } .news-more-meta { margin-bottom: 0.25rem; color: var(--lorad-green); font-size: 0.66rem; font-weight: 750; } .news-more-meta span { margin-left: 0.4rem; color: var(--muted); font-weight: 500; } .news-more-card strong { display: block; font-size: 0.79rem; line-height: 1.3; } .news-more-card > i { color: var(--lorad-green); } @media (max-width: 1199.98px) { .news-article-sidebar { position: static; } } @media (max-width: 767.98px) { .news-article-header h1 { font-size: 2.25rem; } .news-article-hero { min-height: 280px; } .news-article-inline-feature { grid-template-columns: 42px 1fr; } .news-article-inline-feature .btn { grid-column: 1 / -1; } .news-article-prev-next { grid-template-columns: 1fr; } .news-article-nav-item + .news-article-nav-item { border-left: 0; border-top: 1px solid var(--border); } } @media (max-width: 575.98px) { .news-article-meta { align-items: flex-start; flex-direction: column; gap: 0.35rem; } .news-article-share { align-items: flex-start; flex-direction: column; } .news-more-card { grid-template-columns: 68px 1fr 16px; } .news-more-placeholder { width: 68px; height: 56px; } } .news-article-hero-image { display: block; background: var(--surface-soft); } .news-article-hero-image img { width: 100%; height: auto; max-height: 620px; display: block; object-fit: cover; } .news-product-image { width: 58px; height: 50px; display: block !important; overflow: hidden; border: 1px solid #edf1ef; border-radius: .4rem; background: #e8ecea; } .news-product-image img { width: 100%; height: 100%; display: block; object-fit: cover; } .news-product-placeholder i { color: #aeb8b3; font-size: 1.5rem; } .news-more-image { width: 82px; height: 62px; overflow: hidden; border-radius: .45rem; background: #e2e5e3; } .news-more-image img { width: 100%; height: 100%; display: block; object-fit: cover; } .news-article-nav-empty { background: #fafbfa; } @media (max-width: 575.98px) { .news-more-image { width: 68px; height: 56px; } } .element-page { background: #fff; } .element-page .element-breadcrumb-wrap { background: #fff; } .element-page .element-breadcrumb { padding-block: 0.85rem; font-size: 0.8rem; } .element-page .element-breadcrumb .breadcrumb-item a { color: #59645f; text-decoration: none; } .element-page .element-breadcrumb .breadcrumb-item.active { color: var(--lorad-green); font-weight: 700; } .element-page .element-intro { padding: 1.4rem 0 1.6rem; border-bottom: 1px solid var(--border); background: #fff; } .element-page .element-heading { margin-bottom: 1rem; } .element-page .element-heading .catalog-eyebrow { margin-bottom: 0.3rem; } .element-page .element-heading h1 { margin: 0; color: var(--ink); font-size: clamp(2rem, 3vw, 2.9rem); line-height: 1.05; font-weight: 780; letter-spacing: -0.035em; } .element-page .element-overview { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 1.35rem; align-items: stretch; } .element-page .element-identity-card { min-height: 210px; display: flex; flex-direction: column; justify-content: space-between; padding: 1rem; border: 1px solid #bfd6ca; border-top: 4px solid var(--lorad-green); border-radius: var(--radius); background: linear-gradient(145deg, #fff 0%, var(--lorad-green-pale) 100%); box-shadow: 0 5px 18px rgba(14, 55, 40, 0.04); } .element-page .element-identity-number { color: #66736d; font-size: 0.78rem; font-weight: 750; } .element-page .element-identity-symbol { margin: auto 0; color: var(--lorad-green-dark); font-size: clamp(4rem, 7vw, 5.8rem); line-height: 0.95; font-weight: 780; letter-spacing: -0.055em; text-align: center; } .element-page .element-identity-name { display: block; color: var(--ink); text-align: center; font-size: 0.94rem; font-weight: 760; } .element-page .element-information { min-width: 0; padding: 1.05rem 1.15rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; } .element-page .element-information h2, .element-page .element-properties h2, .element-page .element-products-heading h2 { margin: 0; color: var(--ink); font-size: 1.1rem; font-weight: 760; } .element-page .element-description { margin-top: 0.65rem; color: #4f5a55; font-size: 0.88rem; line-height: 1.62; } .element-page .element-description p:last-child { margin-bottom: 0; } .element-page .element-properties { margin-top: 1rem; } .element-page .element-property-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0.65rem; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; } .element-page .element-property { min-width: 0; padding: 0.75rem 0.85rem; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); } .element-page .element-property:nth-child(4n) { border-right: 0; } .element-page .element-property dt { margin: 0; color: #75807a; font-size: 0.68rem; line-height: 1.25; font-weight: 700; text-transform: uppercase; letter-spacing: 0.035em; } .element-page .element-property dd { margin: 0.22rem 0 0; color: #2f3a35; font-size: 0.82rem; line-height: 1.35; font-weight: 650; overflow-wrap: anywhere; } .element-page .element-products-section { padding: 1.5rem 0 3.5rem; background: var(--surface-soft); } .element-page .element-products-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 0.85rem; } .element-page .element-products-heading p { margin: 0.25rem 0 0; color: var(--muted); font-size: 0.82rem; } .element-page .element-products-heading a { flex: 0 0 auto; font-size: 0.78rem; font-weight: 700; text-decoration: none; } @media (max-width: 991.98px) { .element-page .element-overview { grid-template-columns: 170px minmax(0, 1fr); } .element-page .element-identity-card { min-height: 180px; } .element-page .element-property-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .element-page .element-property:nth-child(4n) { border-right: 1px solid var(--border); } .element-page .element-property:nth-child(3n) { border-right: 0; } } @media (max-width: 767.98px) { .element-page .element-overview { grid-template-columns: 1fr; } .element-page .element-identity-card { min-height: 155px; } .element-page .element-identity-symbol { font-size: 4.3rem; } .element-page .element-property-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .element-page .element-property:nth-child(3n) { border-right: 1px solid var(--border); } .element-page .element-property:nth-child(2n) { border-right: 0; } .element-page .element-products-heading { align-items: flex-start; flex-direction: column; } } @media (max-width: 479.98px) { .element-page .element-property-grid { grid-template-columns: 1fr; } .element-page .element-property, .element-page .element-property:nth-child(2n), .element-page .element-property:nth-child(3n), .element-page .element-property:nth-child(4n) { border-right: 0; } } .global-search-wrap { position: relative; max-width: 820px; margin-inline: auto; } .global-search-wrap .global-search { max-width: none; margin-inline: 0; } .global-search-results { position: absolute; z-index: 1060; top: calc(100% + 0.35rem); left: 0; right: 0; max-height: 420px; overflow-y: auto; border: 1px solid var(--border); border-radius: 0.55rem; background: #fff; box-shadow: 0 16px 34px rgba(14, 55, 40, 0.14); } .global-search-results[hidden] { display: none !important; } .global-search-section-label { padding: 0.48rem 0.8rem 0.32rem; color: #78827d; background: #f8faf9; border-top: 1px solid #edf1ef; border-bottom: 1px solid #edf1ef; font-size: 0.62rem; line-height: 1.2; font-weight: 800; letter-spacing: 0.075em; text-transform: uppercase; } .global-search-section-label:first-child { border-top: 0; } .global-search-result { min-height: 54px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.75rem; align-items: center; padding: 0.55rem 0.8rem; color: var(--ink); border-bottom: 1px solid #edf1ef; background: #fff; text-decoration: none; } .global-search-result:hover, .global-search-result.is-active { color: var(--ink); background: var(--lorad-green-pale); } .global-search-result-body { min-width: 0; } .global-search-result-title, .global-search-result-meta { display: block; } .global-search-result-title { overflow: hidden; font-size: 0.81rem; line-height: 1.25; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; } .global-search-result-meta { margin-top: 0.12rem; overflow: hidden; color: #67736e; font-size: 0.68rem; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; } .global-search-result-badge { max-width: 180px; overflow: hidden; padding: 0.2rem 0.42rem; color: #53605a; border: 1px solid #dfe7e3; border-radius: 999px; background: #f6f8f7; font-size: 0.61rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } .global-search-result-compact { min-height: 44px; padding-block: 0.45rem; } .global-search-all-results { min-height: 46px; color: var(--lorad-green-dark); background: #fbfdfc; border-bottom: 0; } .global-search-all-results .global-search-result-title { color: var(--lorad-green-dark); } @media (max-width: 1199.98px) { .global-search-results { display: none !important; } } .site-search-page { background: #fff; } .search-page-breadcrumb { padding-block: 0.85rem; font-size: 0.8rem; } .search-page-breadcrumb a { color: #59645f; text-decoration: none; } .search-page-heading { padding: 1.45rem 0 1.35rem; border-bottom: 1px solid var(--border); background: #fff; } .search-page-heading h1 { margin: 0; color: var(--ink); font-size: clamp(2rem, 3vw, 2.8rem); font-weight: 760; letter-spacing: -0.035em; } .search-page-query { margin-top: 0.55rem !important; color: var(--muted); font-size: 0.94rem; } .search-page-results { padding: 1.35rem 0 3.5rem; background: var(--surface-soft); } .search-type-nav { display: flex; flex-wrap: wrap; gap: 0.42rem; margin-bottom: 1.15rem; } .search-type-link { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.7rem; color: #4d5953; border: 1px solid var(--border); border-radius: 999px; background: #fff; font-size: 0.75rem; font-weight: 700; text-decoration: none; } .search-type-link:hover { color: var(--lorad-green); border-color: #aacbbb; } .search-type-link.active { color: #fff; border-color: var(--lorad-green); background: var(--lorad-green); } .search-type-count { min-width: 1.25rem; padding: 0.05rem 0.28rem; border-radius: 999px; background: rgba(0, 0, 0, 0.06); text-align: center; font-size: 0.62rem; } .search-type-link.active .search-type-count { background: rgba(255, 255, 255, 0.18); } .search-result-section + .search-result-section { margin-top: 1.35rem; } .search-result-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 0.7rem; } .search-result-kicker { margin: 0 0 0.18rem; color: var(--lorad-green); font-size: 0.66rem; line-height: 1.2; font-weight: 800; letter-spacing: 0.08em; } .search-result-section-heading h2 { margin: 0; color: var(--ink); font-size: 1.05rem; font-weight: 760; } .search-result-section-heading > a { flex: 0 0 auto; color: var(--lorad-green); font-size: 0.74rem; font-weight: 700; text-decoration: none; } .search-entity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; } .search-entity-card { min-height: 76px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 18px; gap: 0.75rem; align-items: center; padding: 0.7rem 0.8rem; color: var(--ink); border: 1px solid var(--border); border-radius: var(--radius); background: #fff; text-decoration: none; } .search-entity-card:hover { color: var(--ink); border-color: #aacbbb; box-shadow: var(--shadow-soft); } .search-entity-icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--lorad-green); border-radius: 0.55rem; background: var(--lorad-green-pale); font-size: 1.1rem; font-weight: 800; } .search-element-symbol { color: var(--lorad-green-dark); font-size: 1rem; } .search-entity-card strong, .search-entity-card span { display: block; } .search-entity-card strong { font-size: 0.82rem; line-height: 1.25; } .search-entity-card span { margin-top: 0.16rem; color: var(--muted); font-size: 0.7rem; line-height: 1.35; } .search-entity-card > i { color: var(--lorad-green); } .search-content-list { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; } .search-content-result { display: grid; grid-template-columns: minmax(0, 1fr) 22px; gap: 1rem; align-items: center; padding: 0.85rem 1rem; color: var(--ink); border-bottom: 1px solid var(--border); text-decoration: none; } .search-content-result:last-child { border-bottom: 0; } .search-content-result:hover { color: var(--ink); background: #fbfdfc; } .search-content-meta { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-bottom: 0.25rem; color: #78827d; font-size: 0.65rem; } .search-content-meta span { color: var(--lorad-green); font-weight: 750; } .search-content-result > div > strong { display: block; font-size: 0.86rem; line-height: 1.28; } .search-content-result p { max-width: 900px; margin: 0.25rem 0 0; color: var(--muted); font-size: 0.73rem; line-height: 1.4; } .search-content-result > i { color: var(--lorad-green); } .search-empty-state { padding: 3rem 2rem; text-align: center; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-soft); } .search-empty-icon { width: 3.25rem; height: 3.25rem; margin: 0 auto 0.9rem; display: grid; place-items: center; color: var(--lorad-green); border-radius: 50%; background: var(--lorad-green-pale); font-size: 1.2rem; } .search-empty-state h2 { margin: 0 0 0.45rem; color: var(--ink); font-size: 1.25rem; font-weight: 760; } .search-empty-state p { max-width: 560px; margin: 0 auto 1rem; color: var(--muted); font-size: 0.84rem; line-height: 1.55; } .search-pagination { display: flex; gap: 0.3rem; justify-content: center; margin-top: 1.35rem; } @media (max-width: 767.98px) { .search-result-section-heading { align-items: flex-start; flex-direction: column; gap: 0.35rem; } .search-entity-grid { grid-template-columns: 1fr; } .search-type-nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.2rem; } .search-type-link { flex: 0 0 auto; } } .articles-page .articles-hero-visual { position: relative; overflow: hidden; background: radial-gradient(circle at 18% 26%, rgba(0, 102, 63, 0.16), transparent 24%), radial-gradient(circle at 72% 68%, rgba(0, 102, 63, 0.11), transparent 28%), linear-gradient(135deg, #f7fbf9 0%, #eaf4ef 100%); } .articles-page .articles-hero-visual::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 30deg, transparent 0 18%, rgba(0, 102, 63, 0.11) 18% 19%, transparent 19% 39%, rgba(0, 102, 63, 0.09) 39% 40%, transparent 40% 100% ), linear-gradient( 150deg, transparent 0 24%, rgba(0, 102, 63, 0.08) 24% 25%, transparent 25% 54%, rgba(0, 102, 63, 0.07) 54% 55%, transparent 55% 100% ); pointer-events: none; } .articles-page .articles-hero { border-top: 1px solid #eef2f0; border-bottom: 1px solid var(--border); background: #fff; } .articles-page .articles-hero-copy { max-width: 860px; padding: 2.6rem 0 2.5rem; } .articles-page .articles-hero-copy h1 { max-width: 760px; margin: 0; color: var(--lorad-green-dark); font-size: clamp(2.35rem, 4vw, 4rem); line-height: 1.02; font-weight: 760; letter-spacing: -0.035em; } .articles-page .newsroom-hero-lead { max-width: 780px; margin: 0.9rem 0 0; color: #34413b; font-size: 1.02rem; line-height: 1.58; } .articles-page .articles-hero-text { max-width: 780px; margin: 0.7rem 0 0; color: #53605a; font-size: 0.9rem; line-height: 1.62; } .articles-image-placeholder, .articles-article-placeholder, .articles-more-placeholder { color: rgba(0, 102, 63, 0.58); background: radial-gradient(circle at 50% 35%, #ffffff 0, #f4f9f6 50%, #e6f1eb 100%); } .articles-image-placeholder { height: 100%; min-height: 100%; display: grid; place-items: center; font-size: 3.4rem; } .articles-card-image .articles-image-placeholder { min-height: 100%; font-size: 2.1rem; } .articles-featured-image { text-decoration: none; } .article-author { margin: 0.65rem 0 0; color: #6a756f; font-size: 0.82rem; font-weight: 650; } .articles-article-placeholder { display: grid; place-items: center; font-size: 4rem; } .article-tag-list { display: flex; flex-wrap: wrap; gap: 0.38rem; margin-top: 0.75rem; } .article-tag-list a { display: inline-flex; align-items: center; min-height: 1.65rem; padding: 0.22rem 0.55rem; color: var(--lorad-green-dark); border: 1px solid #cbdcd3; border-radius: 999px; background: #fff; font-size: 0.68rem; font-weight: 700; text-decoration: none; } .article-tag-list a:hover { color: #fff; border-color: var(--lorad-green); background: var(--lorad-green); } .article-product-placeholder { width: 58px; height: 50px; display: grid; place-items: center; overflow: hidden; border: 1px solid #edf1ef; border-radius: 0.4rem; background: #f7f9f8; color: var(--lorad-green-dark); font-size: 0.68rem; font-weight: 760; text-align: center; } .article-product-placeholder sub, .article-product-placeholder sup { font-size: 0.72em; } .article-related-panel { margin-top: 1rem; } @media (max-width: 991.98px) { .articles-page .articles-hero-visual::before { display: none; } } .sds-page { background: #f8faf9; } .sds-hero { border-top: 1px solid #eef2f0; border-bottom: 1px solid var(--border); background: #fff; } .sds-hero-frame { min-height: 300px; } .sds-hero-copy { min-height: 300px; padding: 2.25rem 2.8rem 2rem 0; display: flex; flex-direction: column; justify-content: center; } .sds-hero-copy h1 { margin: 0; color: var(--lorad-green-dark); font-size: clamp(2.35rem, 4vw, 4rem); line-height: 1.02; font-weight: 760; letter-spacing: -0.035em; } .sds-hero-lead { margin: 0.8rem 0 0; color: #33403a; font-size: 1.12rem; line-height: 1.5; } .sds-hero-text { max-width: 690px; margin: 0.75rem 0 0; color: #53605a; font-size: 0.9rem; line-height: 1.6; } .sds-hero-visual { position: relative; min-height: 300px; overflow: hidden; display: grid; place-items: center; background: radial-gradient(circle at 72% 45%, rgba(255,255,255,.95), rgba(255,255,255,.1) 23%, transparent 40%), linear-gradient(135deg, #eef5f1, #dfe9e4); } .sds-hero-visual::before, .sds-hero-visual::after { content: ""; position: absolute; border: 1px solid rgba(0, 102, 63, 0.08); border-radius: 999px; pointer-events: none; } .sds-hero-visual::before { width: 260px; height: 260px; right: 6%; top: 15%; } .sds-hero-visual::after { width: 150px; height: 150px; right: 38%; bottom: -18%; } .sds-hero-flask { position: relative; z-index: 1; width: 118px; height: 118px; display: grid; place-items: center; color: rgba(0, 102, 63, 0.5); border: 1px solid rgba(0, 102, 63, 0.14); border-radius: 1rem; background: rgba(255,255,255,.65); box-shadow: 0 14px 40px rgba(14,55,40,.08); font-size: 4.7rem; } .sds-content { padding-block: 1.4rem 2rem; } .sds-finder-panel, .sds-support-panel { border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 8px 24px rgba(14,55,40,.035); } .sds-finder-panel { padding: 1.25rem; } .sds-finder-heading h2 { margin: 0; font-size: 1.55rem; line-height: 1.15; font-weight: 780; letter-spacing: -0.025em; } .sds-finder-heading p { margin: 0.3rem 0 1rem; color: #65706b; font-size: 0.8rem; } .sds-search-form .input-group-text { color: var(--lorad-green); background: #fff; } .sds-search-form .form-control, .sds-search-form .input-group-text { border-color: #ccd8d2; } .sds-search-form .form-control:focus { border-color: #9fc4b1; box-shadow: none; } .sds-view-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.85rem; padding-bottom: 0.9rem; border-bottom: 1px solid var(--border); } .sds-view-tabs a { min-height: 2.15rem; display: inline-flex; align-items: center; padding: 0.38rem 0.8rem; color: #4f5b55; border: 1px solid var(--border); border-radius: 0.4rem; background: #f8faf9; font-size: 0.75rem; font-weight: 650; text-decoration: none; } .sds-view-tabs a:hover, .sds-view-tabs a.active { color: #fff; border-color: var(--lorad-green); background: var(--lorad-green); } .sds-chemistry-filter, .sds-letter-filter { padding-top: 0.85rem; } .sds-chemistry-filter { max-width: 420px; } .sds-filter-label { margin-bottom: 0.45rem; color: #2f3a35; font-size: 0.75rem; font-weight: 750; } .sds-letter-list { display: flex; flex-wrap: wrap; gap: 0.28rem; } .sds-letter-list a { min-width: 1.65rem; height: 1.65rem; display: grid; place-items: center; padding: 0 0.34rem; color: #66716c; border: 1px solid #d9e1dd; border-radius: 0.3rem; background: #fbfcfb; font-size: 0.68rem; font-weight: 650; text-decoration: none; } .sds-letter-list a:first-child { min-width: 2rem; } .sds-letter-list a:hover, .sds-letter-list a.active { color: #fff; border-color: var(--lorad-green); background: var(--lorad-green); } .sds-active-filter-row, .sds-result-summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #68736e; font-size: 0.74rem; } .sds-active-filter-row { margin-top: 0.8rem; padding: 0.55rem 0.7rem; border-radius: 0.4rem; background: var(--lorad-green-pale); } .sds-active-filter-row a { font-weight: 750; text-decoration: none; } .sds-result-summary { margin: 0.9rem 0 0.45rem; } .sds-table { margin-bottom: 0; border: 1px solid var(--border); font-size: 0.78rem; } .sds-table thead th { padding: 0.65rem 0.75rem; color: #2f3a35; border-color: var(--border); background: #f3f6f4; font-weight: 760; } .sds-table td { padding: 0.48rem 0.75rem; border-color: var(--border); vertical-align: middle; } .sds-product-link { display: block; color: var(--lorad-green-dark); font-weight: 760; text-decoration: none; } .sds-product-link:hover { color: var(--lorad-green); text-decoration: underline; } .sds-item-number { display: block; margin-top: 0.08rem; color: #8a948f; font-size: 0.64rem; } .sds-formula { color: #4d5953; font-size: 0.84rem; } .sds-download-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 0.35rem; } .sds-download-btn { min-width: 132px; white-space: nowrap; } .sds-region-btn { white-space: nowrap; } .sds-pagination { display: flex; justify-content: flex-end; gap: 0.3rem; margin-top: 1rem; } .sds-page-link { min-width: 2rem; height: 2rem; display: grid; place-items: center; padding-inline: 0.5rem; color: #56625c; border: 1px solid var(--border); border-radius: 0.35rem; background: #fff; font-size: 0.74rem; font-weight: 700; text-decoration: none; } .sds-page-link:hover, .sds-page-link.active { color: #fff; border-color: var(--lorad-green); background: var(--lorad-green); } .sds-page-link.disabled { opacity: 0.45; pointer-events: none; } .sds-support-panel { padding: 1.25rem; } .sds-support-icon { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 1rem; color: var(--lorad-green); border-radius: 0.55rem; background: var(--lorad-green-pale); font-size: 1.8rem; } .sds-support-panel h2 { margin: 0 0 0.6rem; font-size: 1.15rem; line-height: 1.2; font-weight: 780; } .sds-support-panel p { color: #65706b; font-size: 0.79rem; line-height: 1.5; } .sds-support-panel hr { margin-block: 1.2rem; border-color: var(--border); opacity: 1; } .sds-support-panel h3 { margin: 0 0 0.55rem; font-size: 0.82rem; font-weight: 760; } .sds-resource-links { display: grid; } .sds-resource-links a { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.42rem 0; color: var(--lorad-green); font-size: 0.75rem; font-weight: 650; text-decoration: none; } .sds-resource-links a:hover { color: var(--lorad-green-dark); text-decoration: underline; } @media (max-width: 1199.98px) { .sds-support-panel { margin-top: 0.2rem; } } @media (max-width: 991.98px) { .sds-hero-copy { min-height: auto; padding: 1.8rem 0; } .sds-hero-visual { min-height: 220px; } } @media (max-width: 767.98px) { .sds-finder-panel, .sds-support-panel { padding: 1rem; } .sds-search-form .input-group { flex-wrap: wrap; } .sds-search-form .input-group-text { display: none; } .sds-search-form .form-control { width: 100%; flex: 1 0 100%; border-radius: 0.4rem !important; } .sds-search-form .btn { width: 100%; margin-top: 0.45rem; border-radius: 0.4rem !important; } .sds-table thead { display: none; } .sds-table, .sds-table tbody, .sds-table tr, .sds-table td { display: block; width: 100%; } .sds-table tr { padding: 0.8rem; border-bottom: 1px solid var(--border); } .sds-table td { padding: 0.2rem 0; border: 0; text-align: left !important; } .sds-download-actions { width: 100%; justify-content: flex-start; margin-top: 0.35rem; } .sds-pagination { justify-content: center; } } @media (max-width: 575.98px) { .sds-hero-copy h1 { font-size: 2.35rem; } .sds-view-tabs a { flex: 1 1 calc(50% - 0.5rem); justify-content: center; } .sds-letter-list a { min-width: 1.8rem; height: 1.8rem; } .sds-download-actions { align-items: stretch; flex-direction: column; } .sds-download-btn, .sds-region-btn { width: 100%; } } .news-article-body { overflow-x: auto; } .news-article-body table { width: 100%; margin: 1.5rem 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; font-size: 0.84rem; line-height: 1.45; } .news-article-body thead th { padding: 0.75rem 0.85rem; color: var(--lorad-green-dark); background: var(--lorad-green-pale); border-bottom: 1px solid var(--border); font-weight: 750; text-align: left; vertical-align: bottom; } .news-article-body tbody th, .news-article-body tbody td { padding: 0.72rem 0.85rem; border-bottom: 1px solid var(--border); vertical-align: top; overflow-wrap: break-word; word-break: normal; } .news-article-body tbody th { color: #27322d; background: #f8faf9; font-weight: 700; } .news-article-body tbody tr:last-child th, .news-article-body tbody tr:last-child td { border-bottom: 0; } .news-article-body tbody tr:nth-child(even) td { background: #fbfcfb; } .news-article-body th:first-child, .news-article-body td:first-child { width: 22%; } .news-article-body table a { font-weight: 650; text-decoration-thickness: 1px; text-underline-offset: 2px; } .news-article-body td, .news-article-body th { font-variant-numeric: tabular-nums; } .news-article-body table caption { caption-side: bottom; padding-top: 0.6rem; color: var(--muted); font-size: 0.75rem; text-align: left; } @media (max-width: 767.98px) { .news-article-body { overflow-x: auto; -webkit-overflow-scrolling: touch; } .news-article-body table { width: 100%; min-width: 700px; margin: 1.2rem 0; font-size: 0.78rem; } .news-article-body thead th, .news-article-body tbody th, .news-article-body tbody td { padding: 0.6rem 0.7rem; } } #product-safety .product-info-row { display: grid; grid-template-columns: 45% 55%; gap: 0; padding: 0; border: 1px solid var(--border); border-bottom: 0; font-size: 0.8rem; } #product-safety .product-info-row:first-of-type { border-radius: 0.4rem 0.4rem 0 0; overflow: hidden; } #product-safety .product-info-row:last-of-type { border-bottom: 1px solid var(--border); border-radius: 0 0 0.4rem 0.4rem; overflow: hidden; } #product-safety .product-info-row strong, #product-safety .product-info-row span { display: block; padding: 0.5rem 0.7rem; } #product-safety .product-info-row strong { color: #38433e; background: #f7f9f8; font-weight: 700; } #product-safety .product-info-row span { color: var(--ink); background: #fff; } .contact-page{background:var(--surface-soft)} .contact-hero{padding:1.25rem 0 3rem;background:linear-gradient(135deg,rgba(0,102,63,.055),rgba(0,102,63,0) 58%),#fff;border-bottom:1px solid var(--border)} .contact-hero .product-breadcrumb{padding-bottom:2rem} .contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:3rem;align-items:end} .contact-hero-copy{max-width:820px} .contact-eyebrow{margin:0 0 .55rem;color:var(--lorad-green);font-size:.76rem;font-weight:800;letter-spacing:.105em;text-transform:uppercase} .contact-hero h1{margin:0;color:var(--ink);font-size:clamp(2.35rem,4vw,4rem);line-height:1.02;letter-spacing:-.04em} .contact-lead{max-width:760px;margin:1.1rem 0 0;color:var(--muted);font-size:1.08rem;line-height:1.72} .contact-path-card{display:flex;gap:1rem;padding:1.3rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--lorad-green-pale)} .contact-path-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:var(--lorad-green);font-size:1.05rem} .contact-path-card strong{display:block;margin-bottom:.25rem;color:var(--ink);font-size:.98rem} .contact-path-card p{margin:0 0 .55rem;color:var(--muted);font-size:.86rem;line-height:1.5} .contact-path-card a{color:var(--lorad-green-dark);font-size:.86rem;font-weight:750;text-decoration:none} .contact-path-card a:hover{text-decoration:underline;text-underline-offset:3px} .contact-main-section{padding:3rem 0 4.5rem} .contact-form-panel,.contact-info-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)} .contact-form-panel{padding:clamp(1.35rem,3vw,2.2rem)} .contact-info-panel{position:sticky;top:1.25rem;padding:1.6rem} .contact-panel-heading{padding-bottom:1.4rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)} .contact-panel-heading h2,.contact-info-panel h2{margin:0;color:var(--ink);font-size:1.45rem;letter-spacing:-.02em} .contact-panel-heading>p:last-child,.contact-info-panel>p:not(.contact-eyebrow){margin:.55rem 0 0;color:var(--muted);line-height:1.65} .contact-form .form-label{margin-bottom:.4rem;color:#38433e;font-size:.84rem;font-weight:700} .contact-form .form-label span{color:var(--lorad-green)} .contact-form .form-control,.contact-form .form-select{min-height:46px;border-color:#cfd9d4;border-radius:.48rem;color:var(--ink);background-color:#fff;box-shadow:none} .contact-form textarea.form-control{min-height:auto;resize:vertical} .contact-form .form-control:focus,.contact-form .form-select:focus{border-color:var(--lorad-green);box-shadow:0 0 0 .18rem rgba(0,102,63,.1)} .contact-form .form-text{margin-top:.4rem;color:var(--muted);font-size:.76rem} .contact-form-actions{display:flex;gap:1rem 1.25rem;align-items:center;flex-wrap:wrap;padding-top:.35rem} .contact-form-note{color:var(--muted);font-size:.8rem} .contact-form-response{margin-top:1rem} .contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} .contact-info-list{display:grid;gap:0;margin-top:1.35rem;border-top:1px solid var(--border)} .contact-info-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--border)} .contact-info-item>i{padding-top:.08rem;color:var(--lorad-green)} .contact-info-item strong,.contact-info-item span,.contact-info-item a{display:block} .contact-info-item strong{margin-bottom:.2rem;color:var(--ink);font-size:.79rem} .contact-info-item span,.contact-info-item a{color:var(--muted);font-size:.84rem;line-height:1.55} .contact-info-item a{text-decoration:none} .contact-info-item a:hover{color:var(--lorad-green-dark);text-decoration:underline} .contact-info-callout{margin-top:1.35rem;padding:1rem;border-radius:.55rem;background:var(--lorad-green-pale)} .contact-info-callout strong{color:var(--ink);font-size:.88rem} .contact-info-callout p{margin:.35rem 0 .8rem;color:var(--muted);font-size:.8rem;line-height:1.55} .contact-fieldset{min-width:0;padding:0;margin:0 0 2rem;border:0} .contact-fieldset+.contact-fieldset{padding-top:1.7rem;border-top:1px solid var(--border)} .contact-fieldset legend{width:auto;margin:0 0 1.1rem;color:var(--ink);font-size:1rem;font-weight:800} .technical-context-list{display:grid;gap:.72rem;padding:1.25rem 0 0;margin:1.25rem 0 0;border-top:1px solid var(--border);list-style:none} .technical-context-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:.55rem;color:#45514c;font-size:.84rem;line-height:1.45} .technical-context-list i{color:var(--lorad-green);font-size:1rem} @media (max-width:991.98px){.contact-hero-grid{grid-template-columns:1fr;gap:1.6rem}.contact-path-card{max-width:680px}.contact-info-panel{position:static}} @media (max-width:575.98px){.contact-hero{padding-bottom:2.2rem}.contact-hero .product-breadcrumb{padding-bottom:1.35rem}.contact-main-section{padding:2rem 0 3rem}.contact-form-panel,.contact-info-panel{padding:1.15rem}.contact-form-actions .btn{width:100%}.contact-path-card{align-items:flex-start}} .quick-quote-form .form-label{margin-bottom:.4rem;color:#38433e;font-size:.84rem;font-weight:700}.quick-quote-form .form-label span{color:var(--lorad-green)}.quick-quote-form .form-control,.quick-quote-form .form-select{min-height:46px;border-color:#cfd9d4;border-radius:.48rem;color:var(--ink);background:#fff;box-shadow:none}.quick-quote-form textarea.form-control{min-height:auto;resize:vertical}.quick-quote-form .form-control:focus,.quick-quote-form .form-select:focus{border-color:var(--lorad-green);box-shadow:0 0 0 .18rem rgba(0,102,63,.1)}.quote-items{display:grid;gap:1rem}.quote-item{position:relative;padding:1.25rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface-soft)}.quote-item-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.quote-item-heading>div{display:flex;gap:.65rem;align-items:center}.quote-item-heading h3{margin:0;color:var(--ink);font-size:1rem}.quote-item-number{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:var(--lorad-green);font-size:.77rem;font-weight:800}.quote-remove{display:inline-flex;gap:.35rem;align-items:center;padding:.3rem .45rem;border:0;color:#7a3838;background:transparent;font-size:.76rem;font-weight:700}.quote-remove:hover{color:#541f1f;text-decoration:underline;text-underline-offset:3px}.quote-item:first-child .quote-remove{display:none}.quote-add-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding-top:1.25rem}.quote-line-limit{color:var(--muted);font-size:.76rem}.quote-product-search{position:relative}.quote-product-results{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;border:1px solid var(--border);border-radius:.5rem;background:#fff;box-shadow:0 12px 28px rgba(14,55,40,.12)}.quote-product-option{display:block;width:100%;padding:.7rem .8rem;border:0;border-bottom:1px solid #edf1ef;background:#fff;text-align:left}.quote-product-option:last-child{border-bottom:0}.quote-product-option:hover,.quote-product-option:focus{outline:0;background:var(--lorad-green-pale)}.quote-product-option strong,.quote-product-option small{display:block}.quote-product-option strong{color:var(--ink);font-size:.84rem}.quote-product-option small{margin-top:.15rem;color:var(--muted);font-size:.72rem}.quote-product-empty{padding:.75rem .8rem;color:var(--muted);font-size:.78rem}.quick-quote-sidebar .contact-form-note{margin:.8rem 0 0;line-height:1.5;text-align:center}.quick-quote-submit-block{padding-top:1.35rem;margin-top:1.35rem;border-top:1px solid var(--border)}.quick-quote-submit-block .contact-form-response{text-align:left}@media(max-width:575.98px){.quote-item{padding:1rem}.quote-add-row .btn{width:100%}.quote-line-limit{width:100%;text-align:center}.quote-remove span{display:none}}@media(min-width: 992px){.quick-quote-sidebar{position:sticky;top:8rem;max-height:calc(100vh - 9rem);overflow-y:auto;}}.legal-document h2,.legal-document h3,.legal-document h4{color:var(--ink);font-weight:700;line-height:1.3;margin-top:1.75rem;margin-bottom:.75rem}.legal-document h2{font-size:1.5rem}.legal-document h3{font-size:1.2rem}.legal-document h4{font-size:1.05rem}.legal-document a,.legal-document a:visited{color:var(--lorad-green);text-decoration-color:currentColor}.legal-document a:hover{color:var(--lorad-green-dark)}.legal-document p,.legal-document li{line-height:1.7}.legal-document p,.legal-document ul,.legal-document ol{margin-bottom:1rem}.legal-policy-nav .nav-link{color:var(--lorad-green)}.legal-policy-nav .nav-link:hover,.legal-policy-nav .nav-link:focus{color:var(--lorad-green-dark);background:var(--lorad-green-pale)}.legal-policy-nav .nav-link.active{color:var(--lorad-green-dark);background:var(--lorad-green-soft)}.quote-footer-text{font-size:.75rem}.btn-quick-quote{background:#263746;border:1px solid #263746;color:#fff;font-weight:600}.btn-quick-quote:hover,.btn-quick-quote:focus-visible{background:#172631;border-color:#172631;color:#fff}.btn-quick-quote:focus-visible{outline:2px solid #263746;outline-offset:2px}
/* Published-offer RFQ, appended to integrated stylesheet. */
.lorad-offer-rfq{border:1px solid #c8ded1;border-radius:.65rem;background:#f4f9f6;padding:1rem;margin-bottom:1rem}.lorad-offer-rfq .form-control{max-width:180px}.lorad-offer-calculation{line-height:1.8}.lorad-offer-calculation .offer-warning{color:#804b08;background:#fff6e5;border:1px solid #e7cf9d;border-radius:.45rem;padding:.65rem;margin-top:.45rem}.lorad-offer-calculation .offer-subtotal{font-weight:700}.catalog-offer-form{flex:1;min-width:0}.catalog-offer-form .btn{width:100%}.catalog-offer-form .form-select{max-width:100%}
/* Catalog card actions: full width package selector above balanced action buttons. */
.catalog-card-actions { display: block; padding: 0 1rem 1rem; }
.catalog-card-actions > .catalog-offer-form { display: block; width: 100%; min-width: 0; margin: 0; }
.catalog-offer-label { display: block; margin-bottom: 0.35rem; color: #616c67; font-size: 0.72rem; font-weight: 700; }
.catalog-card-actions .catalog-offer-select { width: 100%; min-width: 0; margin: 0 0 0.65rem; border-color: var(--border); }
.catalog-action-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem; }
.catalog-card-actions .catalog-action-buttons > .btn { display: flex; width: 100%; min-width: 0; min-height: 2.5rem; align-items: center; justify-content: center; padding: 0.48rem 0.35rem; font-size: 0.74rem; line-height: 1.2; text-align: center; white-space: nowrap; }
@media (max-width: 350px) { .catalog-card-actions .catalog-action-buttons > .btn { font-size: 0.67rem; } }
/* Analysis request page CSS */
.analysis-request-page .analysis-request-service{display:flex;flex-direction:column;gap:.15rem;padding:.8rem .9rem;border:1px solid #cfe0d7;border-radius:.5rem;background:var(--lorad-green-pale)}.analysis-request-page .analysis-request-service span{color:#65706b;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.analysis-request-page .analysis-request-service strong{color:var(--lorad-green-dark);font-size:.92rem}.analysis-request-page .analysis-expedited-option{padding:.85rem .95rem;border:1px solid #d5e4dc;border-radius:.5rem;background:#fbfdfc}.analysis-request-page .analysis-expedited-option .form-check{margin:0}.analysis-request-page .analysis-expedited-option .form-check-input{margin-top:.22rem;border-color:#9ba8a2}.analysis-request-page .analysis-expedited-option .form-check-input:checked{border-color:var(--lorad-green);background-color:var(--lorad-green)}.analysis-request-page .analysis-expedited-option .form-check-input:focus{border-color:var(--lorad-green);box-shadow:0 0 0 .2rem rgba(0,102,63,.12)}.analysis-request-page .analysis-expedited-option label strong,.analysis-request-page .analysis-expedited-option label span{display:block}.analysis-request-page .analysis-expedited-option label strong{color:var(--ink);font-size:.82rem}.analysis-request-page .analysis-expedited-option label span{margin-top:.12rem;color:#59645f;font-size:.74rem;line-height:1.4}.analysis-request-page .analysis-request-invalid{max-width:760px;margin:2rem auto}.analysis-request-page .analysis-element-selector{position:relative}.analysis-request-page .analysis-element-control{min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.38rem .55rem;border:1px solid #ced4da;border-radius:.375rem;background:#fff;cursor:text;transition:border-color .15s ease,box-shadow .15s ease}.analysis-request-page .analysis-element-control:focus-within{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.analysis-request-page .analysis-element-tokens{display:contents}.analysis-request-page .analysis-element-token{display:inline-flex;align-items:center;gap:.25rem;min-height:28px;padding:.18rem .32rem .18rem .48rem;color:var(--lorad-green-dark);border:1px solid #bfd6ca;border-radius:999px;background:var(--lorad-green-pale);font-size:.76rem;font-weight:750;line-height:1}.analysis-request-page .analysis-element-remove{width:20px;height:20px;display:inline-grid;place-items:center;padding:0;color:#56615c;border:0;border-radius:50%;background:transparent;font-size:1rem;line-height:1}.analysis-request-page .analysis-element-remove:hover,.analysis-request-page .analysis-element-remove:focus{color:#fff;background:var(--lorad-green);outline:0}.analysis-request-page .analysis-element-search{flex:1 1 180px;min-width:150px;height:28px;padding:0;color:var(--ink);border:0;outline:0;background:transparent;font-size:.875rem}.analysis-request-page .analysis-element-search::placeholder{color:#8a948f}.analysis-request-page .analysis-element-options{position:absolute;z-index:1060;top:calc(100% + .3rem);left:0;right:0;max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:.45rem;background:#fff;box-shadow:0 12px 28px rgba(14,55,40,.12)}.analysis-request-page .analysis-element-options[hidden]{display:none!important}.analysis-request-page .analysis-element-option{width:100%;display:grid;grid-template-columns:48px 1fr;gap:.65rem;align-items:center;padding:.55rem .7rem;color:var(--ink);border:0;border-bottom:1px solid #edf1ef;background:#fff;text-align:left}.analysis-request-page .analysis-element-option:last-child{border-bottom:0}.analysis-request-page .analysis-element-option:hover,.analysis-request-page .analysis-element-option.is-active{background:var(--lorad-green-pale)}.analysis-request-page .analysis-element-option strong{color:var(--lorad-green-dark);font-size:.82rem}.analysis-request-page .analysis-element-option span{color:#56615c;font-size:.78rem}.analysis-request-page .analysis-element-empty{padding:.65rem .75rem;color:var(--muted);font-size:.78rem}.analysis-request-page .analysis-element-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;margin-top:.35rem;color:var(--muted);font-size:.72rem}.analysis-request-page .analysis-element-meta [data-element-count]{color:var(--lorad-green-dark);font-weight:700}
/* Help Desk CSS */
.hd-standalone{margin:0;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202923}.help-desk-page{--hd-green:var(--lorad-green,#00663f);--hd-dark:var(--lorad-green-dark,#004c30);--hd-pale:#f2f7f4;--hd-line:#dce5df;--hd-muted:#606e66;color:#202923;font-family:inherit;font-size:15px;line-height:1.65;background:#fff}.help-desk-page *{box-sizing:border-box}.help-desk-page [hidden]{display:none!important}.help-desk-page a{color:var(--hd-dark);text-decoration:underline;text-underline-offset:3px}.help-desk-page a:hover{color:#008452}.help-desk-page :is(a,button,input,summary,textarea):focus-visible{outline:3px solid #bd831a;outline-offset:4px}.help-desk-page button,.help-desk-page input,.help-desk-page textarea{font:inherit}.help-desk-page button{cursor:pointer}.help-desk-page h1,.help-desk-page h2,.help-desk-page p{margin-top:0}.help-desk-page h2{line-height:1.3;font-size:24px;font-weight:600;letter-spacing:-.025em}.help-desk-page .hd-shell{width:min(1320px,100%);margin:auto;padding-inline:28px}.help-desk-page .hd-hero{background:linear-gradient(110deg,#f0f6f2 0%,#fff 88%);border-bottom:1px solid var(--hd-line);padding:24px 0 42px}.help-desk-page .hd-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;margin-bottom:36px;color:var(--hd-muted)}.help-desk-page .hd-breadcrumb a{text-decoration:none}.help-desk-page .hd-breadcrumb [aria-current]{font-weight:600;color:var(--hd-dark)}.help-desk-page .hd-eyebrow{font-size:11px;font-weight:750;letter-spacing:.11em;color:var(--hd-green);margin-bottom:12px}.help-desk-page h1{font-size:clamp(36px,4vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin-bottom:18px}.help-desk-page .hd-lead{font-size:18px;color:var(--hd-muted);max-width:760px;margin-bottom:25px}.help-desk-page .hd-search{max-width:760px}.help-desk-page .hd-search label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.help-desk-page .hd-search-row{display:flex;gap:8px}.help-desk-page .hd-search input{min-width:0;flex:1;border:1px solid #aebfb4;border-radius:6px;padding:13px 16px;background:#fff;color:#202923;font-size:15px}.help-desk-page .hd-search input::placeholder{color:#6b776f}.help-desk-page .hd-search-status{font-size:12px;min-height:20px;margin:8px 0 0;color:var(--hd-muted)}.help-desk-page .hd-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--hd-green);border-radius:5px;background:var(--hd-green);color:#fff;font-size:14px;font-weight:650;padding:11px 17px;text-decoration:none}.help-desk-page .hd-button:hover{background:var(--hd-dark);color:#fff}.help-desk-page .hd-button-light{background:#fff;color:var(--hd-green)}.help-desk-page .hd-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:28px 0 38px}.help-desk-page .hd-actions>a{display:flex;flex-direction:column;padding:22px;border:1px solid var(--hd-line);border-radius:8px;color:var(--hd-muted);text-decoration:none;font-size:13px;transition:border-color .15s,background .15s}.help-desk-page .hd-actions>a:hover{background:var(--hd-pale);border-color:var(--hd-green)}.help-desk-page .hd-action-label{color:var(--hd-green);font-weight:700;font-size:10px;letter-spacing:.1em;margin-bottom:10px}.help-desk-page .hd-actions strong{display:flex;justify-content:space-between;gap:10px;font-weight:600;font-size:18px;color:#202923;margin-bottom:6px}.help-desk-page .hd-actions strong span{color:var(--hd-green)}.help-desk-page .hd-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:52px;align-items:start}.help-desk-page .hd-sidebar{position:sticky;top:8.5rem}.help-desk-page .hd-topic-nav{border:1px solid var(--hd-line);border-radius:8px;overflow:hidden;padding:20px 0 8px}.help-desk-page .hd-topic-nav .hd-eyebrow{padding:0 20px}.help-desk-page .hd-topic-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 20px;color:#35483c;font-size:14px;text-decoration:none;border-left:3px solid transparent}.help-desk-page .hd-topic-nav a:hover{background:var(--hd-pale);border-left-color:var(--hd-green)}.help-desk-page .hd-topic-nav a span{color:var(--hd-muted);font-size:11px}.help-desk-page .hd-contact-box{margin-top:20px;padding:22px;border-radius:8px;background:var(--hd-pale)}.help-desk-page .hd-contact-box h2{font-size:16px;margin-bottom:13px}.help-desk-page .hd-contact-box>a{display:block;font-size:13px;overflow-wrap:anywhere;margin-bottom:7px}.help-desk-page .hd-contact-box p{font-size:12px;color:var(--hd-muted);margin:16px 0 0}.help-desk-page .hd-faq-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.help-desk-page .hd-faq-toolbar p{margin:0}.help-desk-page .hd-text-button{padding:3px 0;border:0;background:transparent;color:var(--hd-green);text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:600}.help-desk-page .hd-group{margin-bottom:38px;scroll-margin-top:32px}.help-desk-page .hd-group h2{margin-bottom:6px}.help-desk-page .hd-group-intro{font-size:14px;color:var(--hd-muted);margin-bottom:18px}.help-desk-page .hd-faq{border-bottom:1px solid var(--hd-line);scroll-margin-top:28px}.help-desk-page .hd-faq:first-of-type{border-top:1px solid var(--hd-line)}.help-desk-page .hd-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;padding:18px 0;font-size:15px;font-weight:600;line-height:1.5;list-style:none}.help-desk-page .hd-faq summary::-webkit-details-marker{display:none}.help-desk-page .hd-faq summary::after{content:'+';font-size:24px;line-height:1;font-weight:400;flex:0 0 18px;text-align:center;color:var(--hd-green)}.help-desk-page .hd-faq[open] summary::after{content:'−'}.help-desk-page .hd-faq[open] summary{color:var(--hd-green)}.help-desk-page .hd-faq:target{background:#f5f9f6;outline:2px solid #bfd4c5;outline-offset:6px}.help-desk-page .hd-answer{color:#4f5e54;padding:0 30px 21px 0;font-size:14px;line-height:1.8}.help-desk-page .hd-answer p{margin-bottom:12px}.help-desk-page .hd-answer-link{font-size:11px;font-weight:600}.help-desk-page .hd-empty{padding:28px;background:var(--hd-pale);border:1px solid var(--hd-line);border-radius:8px}.help-desk-page .hd-checklist{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:38px;margin:20px 0 28px;background:var(--hd-pale);border:1px solid var(--hd-line);border-radius:10px}.help-desk-page .hd-checklist h2{font-size:29px;max-width:350px}.help-desk-page .hd-checklist p{font-size:14px;color:var(--hd-muted);max-width:430px}.help-desk-page .hd-checklist .hd-eyebrow{color:var(--hd-green);font-size:11px}.help-desk-page .hd-checklist ul{list-style:none;padding:0;margin:0 0 15px}.help-desk-page .hd-checklist li{position:relative;padding:7px 0 7px 25px;font-size:13px}.help-desk-page .hd-checklist li::before{content:'✓';position:absolute;left:0;color:var(--hd-green);font-weight:700}.help-desk-page #hd-copy-status{font-size:12px;margin:8px 0 0;min-height:20px}.help-desk-page .hd-copy-fallback{width:100%;min-height:180px;margin-top:10px;font-size:12px;border:1px solid var(--hd-line);padding:12px}.help-desk-page .hd-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:0 0 38px;font-size:12px}.help-desk-page .hd-bottom p{margin:0;font-weight:600}.help-desk-page .hd-bottom>span{color:#809286}.hd-preview-header{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce5df;font-family:inherit}.hd-preview-header>a:first-child{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;line-height:1.08;letter-spacing:-.04em;color:#252b27;text-decoration:none}.hd-preview-header small{font-size:16px;letter-spacing:0}.hd-preview-header .hd-brand-mark{color:#00663f;font-size:42px;font-weight:600;border:2px solid #00663f;padding:0 7px;line-height:1.1}.hd-preview-header>a:last-child{color:#00663f;text-decoration:none;font-size:13px;font-weight:600}.hd-preview-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #dce5df;padding:24px 28px;color:#5b6b61;font:12px/1.6 system-ui,sans-serif}.hd-skip{position:absolute;left:15px;top:-100px;background:#fff;color:#004c30;padding:12px;z-index:9999}.hd-skip:focus{top:10px}
@media(max-width:1000px){.help-desk-page .hd-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}.help-desk-page .hd-actions strong{font-size:16px}.help-desk-page .hd-actions>a{padding:18px}.help-desk-page .hd-checklist{gap:28px}}
@media(max-width:760px){.help-desk-page .hd-shell{padding-inline:20px}.help-desk-page .hd-hero{padding-bottom:28px}.help-desk-page .hd-breadcrumb{margin-bottom:26px}.help-desk-page .hd-lead{font-size:16px}.help-desk-page .hd-actions{grid-template-columns:1fr;gap:10px;padding:22px 0 28px}.help-desk-page .hd-actions>a{padding:16px 18px}.help-desk-page .hd-action-label{margin-bottom:5px}.help-desk-page .hd-actions strong{font-size:18px}.help-desk-page .hd-layout{grid-template-columns:1fr;gap:28px}.help-desk-page .hd-sidebar{position:static}.help-desk-page .hd-topic-nav{display:grid;grid-template-columns:1fr 1fr;padding-bottom:12px}.help-desk-page .hd-topic-nav .hd-eyebrow{grid-column:1/-1}.help-desk-page .hd-topic-nav a{font-size:12px;padding:10px 14px}.help-desk-page .hd-contact-box{display:none}.help-desk-page .hd-checklist{grid-template-columns:1fr;padding:24px;gap:26px}.help-desk-page .hd-faq summary{font-size:14px;gap:14px}.help-desk-page .hd-answer{padding-right:0}.hd-preview-header{padding:15px 20px}.hd-preview-header>a:first-child{font-size:17px}.hd-preview-header small{font-size:13px}.hd-preview-header .hd-brand-mark{font-size:32px}.hd-preview-header>a:last-child{font-size:12px}.help-desk-page .hd-search input{font-size:14px;padding:12px;min-width:0}.help-desk-page .hd-button{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.help-desk-page *{transition:none!important}}
@media print{.hd-preview-header,.hd-preview-footer,.hd-sidebar,.hd-search,.hd-actions,.hd-faq-toolbar,.hd-text-button,.hd-answer-link,.hd-bottom{display:none!important}.help-desk-page .hd-layout,.help-desk-page .hd-checklist{display:block}.help-desk-page .hd-faq::details-content{content-visibility:visible!important}.help-desk-page .hd-answer{display:block!important}.help-desk-page details{break-inside:avoid}.help-desk-page .hd-hero{padding:0;background:none}.help-desk-page .hd-checklist{background:none}.help-desk-page a{color:#000}}