:root {
--bg-page:         #fafafa;
--bg-header:       #d4f1be;
--bg-card:         #ffffff;
--color-main:      #2d6a4f;
--color-accent:    #f08a5d;
--text-heading:    #1b4332;
--text-body:       #4f4f4f;
--btn-hover:       #e58e73;
--alert-info-bg:    #d9f3ec;
--alert-info-border:#b3e7d9;
--alert-info-text:  var(--color-main);
--btn-outline-primary-color: var(--color-main);
--btn-outline-primary-hover-bg: var(--color-main);
--btn-outline-primary-hover-color: #fff;
--text-heading: #1b4332;
--border-header: #c5e9ab;
--pkg-bg: #f6fbf3;
--pkg-ring: #e5f2dc;
}
html { overflow-y: auto; scrollbar-gutter: stable; }
@supports not (scrollbar-gutter: stable) { html { overflow-y: scroll; } }
body {
background-color: var(--bg-page);
font-family: "Segoe UI", sans-serif;
color: var(--text-body);
}
.layout-container { max-width: 1200px; margin: 30px auto 0; }
.px-3 { padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px) { .px-md-0 { padding-left: 0; padding-right: 0; } }
.store-header {
background-color: var(--bg-header);
background-image: url('images/header_bg.png');
background-size: cover;
background-position: center;
color: var(--color-main);
text-align: center;
padding: 30px 20px;
border-radius: 12px;
margin-bottom: 0;
}
.store-header h1,
.store-header-title {
color: var(--text-heading);
font-size: 2.5rem;
margin-bottom: 10px;
font-weight: 500;
line-height: 1.2;
}
.store-header p { font-size: 1.1rem; opacity: 0.95; }
.store-header-title-link { color: inherit; text-decoration: none; }
.main-content { padding: 30px 0; }
.content-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 992px) {
.content-grid { grid-template-columns: 1fr 4fr 1fr; gap: 1.5rem; }
}
@media (min-width: 768px) {
#categoriesCollapse { display: block !important; height: auto !important; visibility: visible !important; }
}
.block-header { display: flex; align-items: center; gap: 1rem; color: var(--color-main); font-weight: 600; margin-bottom: 15px; }
.block-header i { font-size: 1.25rem; }
.block-header .bi-list-ul { margin-right: 0.75rem; }
@media (max-width: 767px) {
.block-header .toggle-btn .bi-list-ul { margin-right: 0.25rem; }
.block-header .toggle-btn { font-size: 1.25rem; }
.content-grid > aside.sidebar:first-of-type { padding-right: 0.5rem; }
}
.sidebar { background: var(--bg-card); border-radius: 10px; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.03); }
.sidebar .btn-link { display: inline-flex; align-items: center; gap: 1rem; color: inherit; padding: 0; text-decoration: none; }
.list-group-item { background: none; border: none; padding-left: 0; }
.list-group-item a { color: var(--color-main); text-decoration: none; font-size: 0.95rem; }
.list-group-item a:hover { text-decoration: underline; color: var(--btn-hover); }
.product-card,
.page-content { background: var(--bg-card); border-radius: 12px; box-shadow: 0 0 12px rgba(0,0,0,0.04); padding: 1rem; }
.card-title,
.page-title { color: var(--text-heading); margin-bottom: 0.75rem; font-size: 1.75rem; }
.btn-main { background: var(--color-accent); border-color: var(--color-accent); color: #fff; }
.btn-main:hover { background: var(--btn-hover); border-color: var(--btn-hover); }
.btn-orange { background-color: var(--color-accent); border-color: var(--color-accent); color: #fff; margin-top: 1.2rem; }
.btn-orange:hover { background-color: var(--btn-hover); border-color: var(--btn-hover); }
footer {
background: var(--bg-page);
border: 1px solid var(--color-main);
color: var(--color-main);
text-align: center;
padding: 10px 15px;
border-radius: 8px;
margin: 30px 0;
}
footer a { color: var(--color-main); }
footer a:hover { color: var(--btn-hover); text-decoration: underline; }
.alert-info { background-color: var(--alert-info-bg); border-color: var(--alert-info-border); color: var(--alert-info-text); }
.alert-info .alert-link { color: inherit; }
.btn-outline-primary { color: var(--btn-outline-primary-color); border-color: var(--btn-outline-primary-color); }
.btn-outline-primary:hover,
.btn-outline-primary:focus { background-color: var(--btn-outline-primary-hover-bg); color: var(--btn-outline-primary-hover-color); border-color: var(--btn-outline-primary-hover-bg); }
.table-wrapper {
border-radius: 14px;
overflow: hidden;
box-shadow: 0 2px 14px rgba(0,0,0,0.08);
margin-bottom: 1.5rem;
background: var(--bg-card) !important;
}
.table.table-bordered { border-radius: 0 !important; background: transparent; }
#cart-table, #delivery-table { width: 100% !important; }
#cart-table th { background: #F9F3EA !important; color: #10716A; }
#cart-table td { padding: 2px 5px; }
#delivery-table { background: #FDFCFB; border-radius: 8px; overflow: hidden; }
#delivery-table th { background: #E8F6EF !important; color: #10716A; border-color: #C1EAD9 !important; }
#delivery-table td { padding: 0 5px; }
#delivery-table td.delivery-cell-active,
#delivery-table td.delivery-cell-active label { background: #F3F3F3 !important; transition: background 0.2s; }
#delivery-table label { width: 100%; display: flex; align-items: center; gap: 10px; margin-bottom: 0; cursor: pointer; padding: 4px 0; }
#delivery-table input[type="radio"] { accent-color: #22ae91; margin-right: 6px; }
.payment-systems img {
background: #fff; border-radius: 6px; box-shadow: 0 1px 3px rgba(30,40,50,0.08);
padding: 2px 6px; border: 1px solid #eee; transition: box-shadow .2s;
height: 28px; object-fit: contain;
}
.payment-systems img:hover { box-shadow: 0 2px 8px rgba(30,40,50,0.16); }
.payment-systems .fw-semibold { font-size: 0.97rem; }
#chat-widget { position: fixed; bottom: 20px; right: 20px; z-index: 9999; font-family: Arial, sans-serif; }
#chat-form {
display: none; background: #fff; border: 1px solid #ccc; border-radius: 8px; padding: 15px; width: 250px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2); margin-top: 10px;
}
#chat-form input, #chat-form textarea { width: 100%; margin-bottom: 8px; padding: 6px; box-sizing: border-box; }
#cart-bonuses-list .active-bonus { background: #f3fcf4; border-radius: 8px; font-weight: 600; }
#cart-bonuses-list li { padding: 0.4em 0.8em 0.4em 0.2em; transition: background 0.2s; }
.badges-grid { display: grid; grid-template-columns: repeat(2, minmax(160px, 1fr)); gap: 16px; }
@media (min-width: 576px) { .badges-grid { grid-template-columns: repeat(3, minmax(160px, 1fr)); } }
@media (min-width: 992px) { .badges-grid { grid-template-columns: repeat(4, minmax(160px, 1fr)); } }
.badge-card { background: #fff; border-radius: 10px; padding: 14px 12px; box-shadow: 0 2px 6px rgba(0,0,0,.06); display: flex; align-items: center; gap: 10px; transition: transform .18s ease, box-shadow .18s ease; }
.badge-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.12); }
.badge-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px; flex: 0 0 44px; }
.badge-text { font-weight: 600; color: #333; line-height: 1.25; }
.icon-orange { background: #ffc7a1; }
.icon-green  { background: #bdeecb; }
.icon-blue   { background: #bcd9f5; }
.icon-purple { background: #dec4f0; }
.icon-teal   { background: #bcefe6; }
.icon-red    { background: #f5bcbc; }
.icon-yellow { background: #ffe8a6; }
.icon-gray   { background: #d4d4d4; }
.how-it-works-bar { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.how-step { display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 0.9rem; font-weight: 500; color: #333; }
.how-icon { width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 6px; }
.step-num { position: absolute; top: -8px; left: -8px; background: rgba(0,0,0,0.75); color: #fff; font-size: 0.7rem; font-weight: 700; padding: 2px 5px; border-radius: 4px; }
.how-arrow { font-size: 1.5rem; color: #bbb; }
.bg-step-1 { background: #ffc7a1; } .bg-step-2 { background: #bdeecb; } .bg-step-3 { background: #bcd9f5; } .bg-step-4 { background: #dec4f0; }
.top-promo {
display: flex; justify-content: space-between; align-items: center;
background: #2c3e50; color: #fff; padding: 6px 14px; border-radius: 8px; margin-bottom: 10px; font-size: 0.9rem;
}
.top-promo strong { color: #ffd700; }
.promo-left, .promo-right { flex: 0 0 auto; }
@media (max-width: 576px) {
.top-promo { flex-direction: column; text-align: center; gap: 4px; }
.promo-left, .promo-right { width: 100%; }
}
.top-promo .bi, .top-promo img { position: relative; top: -2px; }
.product-dose-title { font-size: 1.25rem; line-height: 1.2; padding-left: 10px; margin-bottom: .5rem; color: var(--text-heading); }
.table-wrapper table thead th { background: #2c3e50 !important; color: #fff !important; border-color: #243646 !important; font-weight: 600; }
.table-wrapper table thead th:first-child,
.table-wrapper table tbody td:first-child { padding-left: 1rem; }
:root { --row-hover-bg: #f4fbf7; }
.table-wrapper table tbody td { transition: background-color .15s ease-in-out; }
.table-wrapper table tbody tr:hover > * { background-color: var(--row-hover-bg) !important; }
.top-promo .promo-right { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.top-promo .header-controls { display: inline-flex; align-items: center; gap: 8px; }
.top-promo .promo-sep { width: 1px; height: 20px; background: rgba(255,255,255,.35); display: inline-block; }
.top-promo .dropdown .btn {
background: transparent; color: #fff; border-color: rgba(255,255,255,.55);
padding: 4px 10px; line-height: 1.2; font-size: 0.88rem; border-radius: 999px;
}
.top-promo .dropdown .btn:hover,
.top-promo .dropdown .btn:focus { background: rgba(255,255,255,.12); color: #fff; border-color: rgba(255,255,255,.85); }
.top-promo .dropdown.show .btn { background: rgba(255,255,255,.16); color: #fff; border-color: rgba(255,255,255,.85); box-shadow: inset 0 0 0 2px rgba(255,255,255,.12); }
.top-promo .dropdown-menu {
background: #1f2a36; color: #e6edf3; border: 1px solid #243646;
border-radius: 10px; box-shadow: 0 10px 28px rgba(0,0,0,.35);
padding: 6px; min-width: 9rem; margin-top: 6px;
}
.top-promo .dropdown-menu::before {
content: ""; position: absolute; top: -6px; right: 22px;
width: 10px; height: 10px; background: #1f2a36;
border-left: 1px solid #243646; border-top: 1px solid #243646; transform: rotate(45deg);
}
.top-promo .dropdown-item { color: #e6edf3; padding: 8px 12px; border-radius: 6px; }
.top-promo .dropdown-item:hover { background: #2a3950; color: #fff; }
.top-promo .dropdown-item.active,
.top-promo .dropdown-item:active { background: #2d6a4f; color: #fff; }
.top-promo .dropdown-item.active::after { content: "✔"; float: right; font-size: .8rem; opacity: .95; }
.top-promo .dropdown-divider { border-top: 1px solid #2b3b4d; opacity: 1; }
.top-promo .dropdown-item:focus { outline: none; box-shadow: inset 0 0 0 2px rgba(255,255,255,.22); }
@media (max-width: 576px) { .top-promo .dropdown-menu::before { display: none; } }
#chat-toggle {
width: 52px; height: 52px; padding: 0; border-radius: 999px;
background: var(--color-accent); color: #fff; border: none;
display: inline-flex; align-items: center; justify-content: center; line-height: 1; cursor: pointer;
box-shadow: 0 6px 16px rgba(0,0,0,.18);
transition: background .2s ease, transform .12s ease, box-shadow .2s ease;
}
#chat-toggle:hover { background: var(--btn-hover); transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.22); }
#chat-toggle:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.14); }
#chat-toggle .bi { font-size: 1.1rem; vertical-align: middle; }
.holidays-thead th {
background-color: var(--bg-header);
color: var(--text-heading);
border-color: #c5e9ab;
}
.holidays-table {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.shipping-thead th {
background-color: var(--bg-header);
color: var(--text-heading);
border-color: #c5e9ab;
}
.shipping-table {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.table.shipping-table th,
.table.shipping-table td {
border-color: rgba(45,106,79,.22);
}
.table-primary{
--bs-table-bg: var(--bg-header);
--bs-table-color: var(--text-heading);
--bs-table-border-color: var(--border-header);
}
.table-wrapper{
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.package-example{
--pkg-bg:  #f8faf7;
--pkg-ring: rgba(0,0,0,.06);
position: relative;
background: linear-gradient(180deg, #fff 75%, transparent), var(--pkg-bg);
border: 1px solid var(--pkg-ring);
border-radius: 14px;
box-shadow: 0 2px 12px rgba(0,0,0,.04);
}
.package-example::after{
content:"";
position:absolute;
left:0; right:0; top:0;
height:48px;
border-top-left-radius:14px;
border-top-right-radius:14px;
background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,0));
pointer-events:none;
}
.package-example .pkg-heading{
color: var(--bs-body-color);
font-weight: 600;
letter-spacing: .02em;
}
.package-example .pkg-figure{
margin:0;
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 1px 4px rgba(0,0,0,.06);
}
.package-example .pkg-img{
display:block;
width:100%;
height:auto;
object-fit:contain;
border:0;
border-radius:0;
transform:translateZ(0);
outline:1px solid transparent;
}
.package-example .pkg-col{ padding-left:.25rem; padding-right:.25rem; }
.package-example .pkg-row::before,
.package-example .pkg-row::after{ display:none !important; }
:root{
--faq-accent: var(--text-heading, #1b4332);
--faq-bg:     color-mix(in srgb, var(--bg-header, #d4f1be) 15%, #ffffff 85%);
--faq-border: color-mix(in srgb, var(--bg-header, #d4f1be) 35%, #ffffff 65%);
}
.product-faq{
border: 1px solid var(--faq-border);
border-radius: 12px;
background-color: var(--faq-bg);
box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.product-faq .card-body{
padding: 1rem 1rem;
}
.product-faq .h5{
font-size: 1rem;
font-weight: 700;
color: var(--faq-accent);
margin-bottom: .75rem;
}
.product-faq .accordion-item{
border: 0;
}
.product-faq .accordion-button{
font-size: .95rem;
padding: .55rem .9rem;
line-height: 1.3;
background: transparent;
color: var(--bs-body-color);
border-radius: 10px;
box-shadow: none;
}
.product-faq .accordion-button:not(.collapsed){
color: var(--faq-accent);
background: color-mix(in srgb, var(--bg-header, #d4f1be) 22%, #ffffff 78%);
box-shadow: inset 0 0 0 1px var(--faq-border);
}
.product-faq .accordion-button:focus{
box-shadow: 0 0 0 .12rem color-mix(in srgb, var(--faq-accent) 25%, transparent);
}
.product-faq .accordion-body{
font-size: .92rem;
line-height: 1.45;
color: var(--bs-secondary-color, #6c757d);
padding: .6rem .9rem .8rem;
}
.product-faq .accordion-button::after{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 16 16'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
transform: none;
transition: transform .2s ease;
opacity: .7;
}
.product-faq .accordion-button:not(.collapsed)::after{
transform: rotate(180deg);
opacity: 1;
}
:root{
--faq-q-collapsed-bg: color-mix(in srgb, var(--bg-header, #d4f1be) 50%, #ffffff 50%);
--faq-q-open-bg:      color-mix(in srgb, var(--bg-header, #d4f1be) 40%, #ffffff 60%);
--faq-border: var(--faq-border, rgba(0,0,0,.06));
--faq-accent: var(--faq-accent, #1b4332);
}
.product-faq .accordion-body{
background: #fff;
border-radius: 0 0 10px 10px;
}
.product-faq .accordion-button{ box-shadow:none; }
.product-faq .accordion-button.collapsed{
background: var(--faq-q-collapsed-bg);
color: var(--bs-body-color);
box-shadow: inset 0 0 0 1px var(--faq-border);
}
.product-faq .accordion-button.collapsed:hover{
filter: brightness(0.98);
}
.product-faq .accordion-button:not(.collapsed){
background: var(--faq-q-open-bg);
color: var(--faq-accent);
box-shadow: inset 0 0 0 1px var(--faq-border);
}
.product-faq .accordion-item + .accordion-item{
border-top: 1px solid var(--faq-border);
}
html { scroll-behavior: smooth; }
.product-subnav{
display: flex; gap: .5rem; align-items: center;
padding: .5rem .25rem; background:#fff;
border-bottom: 1px solid color-mix(in srgb, var(--bg-header, #d4f1be) 55%, #fff 45%);
box-shadow: 0 2px 6px rgba(0,0,0,.04);
overflow-x: auto; white-space: nowrap;
-webkit-overflow-scrolling: touch; scrollbar-width: none;
--chip-bg: color-mix(in srgb, #2c3e50 6%, #fff);
}
.product-subnav::-webkit-scrollbar{ display:none; }
.subnav-link{
display:inline-flex; align-items:center; gap:.4рем;
padding:.45rem .75rem; border-radius:999px;
font-weight:600; font-size:.92rem; text-decoration:none;
background: var(--chip-bg);
color:#2c3e50; border:1px solid transparent; opacity:.95;
}
.subnav-link:hover{ opacity:1; filter:brightness(.98); }
.product-hero{ margin-top: .75rem; margin-bottom: .75rem; }
.product-section{
scroll-margin-top: 16px;
padding-block: .5rem 1rem;
}
.product-subnav + .product-hero,
.product-hero + .product-section{ margin-top: .75rem; }
.product-indications { font-size: 1rem; line-height: 1.45; font-weight:600; }
.section-title{
display:block;
font-weight:600;
letter-spacing:.2px;
color: var(--text-heading, #1b4332);
margin:0 0 .75rem 0;
}
.product-card{ --card-pad: 1rem; }
.section-title--band{
font-size: 1.125rem;
line-height: 1.25;
background: color-mix(in srgb, var(--bg-header, #d4f1be) 28%, #fff 72%);
border: 1px solid color-mix(in srgb, var(--bg-header, #d4f1be) 55%, #fff 45%);
box-shadow: 0 2px 6px rgba(0,0,0,.04);
margin: 0 calc(-1 * var(--card-pad)) .75rem;
padding: .6rem calc(var(--card-pad) - .25rem);
border-radius: 12px;
}
.section-title + .card,
.section-title + .table-responsive{ margin-top:.25rem; }
.payments-delivery .card-section{
border:1px solid color-mix(in srgb, var(--bg-header, #d4f1be) 35%, #fff 65%);
border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.payments-delivery .card-section .card-header{
background: color-mix(in srgb, var(--bg-header, #d4f1be) 22%, #fff 78%);
color: var(--text-heading, #1b4332);
border-bottom:1px solid color-mix(in srgb, var(--bg-header, #d4f1be) 45%, #fff 55%);
border-top-left-radius:12px; border-top-right-radius:12px;
}
.package-example{position:relative;}
.package-example .pkg-figure{margin:0; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.06);}
.package-example .pkg-img{display:block; width:100%; height:auto; object-fit:contain; border:0; border-radius:0; transform:translateZ(0); outline:1px solid transparent;}
.package-example .pkg-col{padding-left:.25rem; padding-right:.25rem;}
@media (max-width: 575.98px){
.product-subnav{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .5rem;
white-space: normal;
overflow-x: visible;
}
.product-subnav .subnav-link{
display: block;
text-align: center;
white-space: nowrap;
}
}
:root { --subnav-gap-y: 0.75rem; }
@media (min-width: 992px){ :root { --subnav-gap-y: 1rem; } }
h1 + .product-subnav { margin-bottom: var(--subnav-gap-y); }
.product-hero + .product-section { margin-top: var(--subnav-gap-y); }
.product-subnav + .product-section { margin-top: var(--subnav-gap-y); }
.payments-logos img[aria-disabled="true"] {
filter: grayscale(100%);
opacity: .45;
}
.ui-table-card{
--tbl-border: #DADFE5;
--row-border: var(--tbl-border);
--thead-bg:   #f5f7fa;
--thead-fg:   #1b4332;
--row-hover:  #f4fbf7;
border: 1px solid var(--tbl-border);
border-radius: 14px;
background: #fff;
box-shadow: 0 2px 14px rgba(0,0,0,.08);
overflow: hidden;
}
.ui-table{
width: 100%;
margin: 0;
border-collapse: separate !important;
border-spacing: 0;
}
.ui-table, .ui-table th, .ui-table td{ border: 0; }
.ui-table th, .ui-table td{
padding: .65rem .8rem;
vertical-align: middle;
background-clip: padding-box;
}
.ui-table thead th{
background: var(--thead-bg) !important;
color: var(--thead-fg) !important;
font-weight: 600;
border-bottom: 1px solid var(--tbl-border) !important;
}
.ui-table thead th + th{ border-left: 1px solid var(--tbl-border) !important; }
.ui-table tbody td{       border-top: 1px solid var(--row-border) !important; }
.ui-table tbody td + td{  border-left: 1px solid var(--row-border) !important; }
.ui-table tfoot td{       border-top: 1px solid var(--row-border) !important; }
.ui-table tfoot td + td{  border-left: 1px solid var(--row-border) !important; }
.ui-table tbody tr:hover > *{
background-color: var(--row-hover) !important;
}
.ui-table .qty-col,
.ui-table .actions-col{
width: 1%;
white-space: nowrap;
text-align: center;
}
@media (max-width: 700px){
.ui-table th, .ui-table td{ padding: .5rem .6rem; }
}
.ui-table.table-hover > tbody > tr:hover > *{
background-color: var(--row-hover) !important;
}
.ui-table-card.ui-table--dosage{
--tbl-border: #243646;
--row-border: #2b3d50;
--thead-bg:   #2c3e50;
--thead-fg:   #fff;
--row-hover:  #F4FBF7;
}
.ui-table-card.ui-table--delivery{
--tbl-border: #CBEBDD;
--row-border: #D7F0E6;
--thead-bg:   #E9F7F0;
--thead-fg:   var(--text-heading, #1b4332);
--row-hover:  #F4FBF7;
}
.ui-table-card.ui-table--cart{
--tbl-border: #CFE2D6;
--row-border: #DCEAE2;
--thead-bg:   #F2F7F4;
--thead-fg:   var(--text-heading, #1b4332);
--row-hover:  #F4FBF7;
}
.ui-table-card.ui-table--dosage{
--dosage-th-sep: #3b5168;
--dosage-td-sep: #d3dde7;
}
.ui-table-card.ui-table--dosage .ui-table thead th{
border-bottom: 1px solid var(--dosage-th-sep) !important;
}
.ui-table-card.ui-table--dosage .ui-table thead th + th{
border-left: 1px solid var(--dosage-th-sep) !important;
}
.ui-table-card.ui-table--dosage .ui-table tbody td{
border-top: 1px solid var(--dosage-td-sep) !important;
}
.ui-table-card.ui-table--dosage .ui-table tbody td + td{
border-left: 1px solid var(--dosage-td-sep) !important;
}
.ui-table-card.ui-table--dosage .ui-table tfoot td{
border-top: 1px solid var(--dosage-td-sep) !important;
}
.ui-table-card.ui-table--dosage .ui-table tfoot td + td{
border-left: 1px solid var(--dosage-td-sep) !important;
}
.ui-table-card.ui-table--dosage .ui-table th,
.ui-table-card.ui-table--dosage .ui-table td{
padding: .25rem .30rem;
}
.ui-table-card.ui-table--dosage{
--ui-table-ring: #C9D7E5;
border-color: var(--ui-table-ring);
}
.ui-table-card.ui-table--dosage tbody td:not(.cta-cell){
padding-left: .9rem !important;
font-weight: 600;
}
td.cta-cell{
display: grid;
place-items: center;
padding: .5rem;
}
a.cta-btn, button.cta-btn{
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.2em;
height: 2.2em;
padding: 0;
line-height: 1;
vertical-align: middle;
}
.cta-btn i{
font-size: 1.1em;
line-height: 1;
}
@media (max-width: 700px){
.ui-table-card.ui-table--dosage th.price-per-pill-col,
.ui-table-card.ui-table--dosage td.price-per-pill-col{
display: none !important;
}
}
.local-brandnames-grouped .bn-col-country {
width: 200px;
min-width: 200px;
}
@media (max-width: 575.98px) {
.local-brandnames-grouped .bn-col-country {
width: 150px;
min-width: 150px;
}
}
.local-brandnames-grouped .country-nowrap {
white-space: nowrap;
}
:root{
--bs-border-radius: 0; --bs-border-radius-sm: 0; --bs-border-radius-lg: 0;
--bs-border-radius-xl: 0; --bs-border-radius-xxl: 0; --bs-border-radius-pill: 0;
--bs-card-border-radius: 0; --bs-btn-border-radius: 0; --bs-dropdown-border-radius: 0;
--bs-modal-border-radius: 0; --bs-alert-border-radius: 0; --bs-badge-border-radius: 0;
--bs-toast-border-radius: 0; --bs-progress-border-radius: 0; --bs-tooltip-border-radius: 0;
--bs-popover-border-radius: 0; --bs-offcanvas-border-radius: 0; --bs-pagination-border-radius: 0;
--bs-form-control-border-radius: 0;
--primary: #AF000A; --primary-contrast: #fff;
--surface-neutral-0:#fff; --surface-neutral-1:#f6f8fa; --surface-neutral-2:#eef2f5; --surface-neutral-3:#e3e9ee;
--ink: #1F2937;
--ink-strong: #111827;
--ink-muted: #4B5563;
--primary-50:  color-mix(in srgb, var(--primary) 3%,  var(--surface-neutral-1) 97%);
--primary-100: color-mix(in srgb, var(--primary) 6%,  var(--surface-neutral-1) 94%);
--primary-200: color-mix(in srgb, var(--primary) 9%,  var(--surface-neutral-2) 91%);
--primary-300: color-mix(in srgb, var(--primary) 12%, var(--surface-neutral-2) 88%);
--bg-header: var(--primary-100); --border-header: var(--surface-neutral-3);
--text-heading: var(--ink);
--row-hover-bg: color-mix(in srgb, var(--primary) 4%, var(--surface-neutral-0) 96%);
--color-main: var(--primary); --accent-strong: var(--primary);
--color-accent: var(--primary); --btn-hover: color-mix(in srgb, var(--primary) 85%, #000 15%);
--btn-outline-primary-color: var(--primary); --btn-outline-primary-hover-bg: var(--primary);
--btn-outline-primary-hover-color: #fff;
--hdr-ctl-h: 36px;
--sidebar-fg:#141414; --footer-fg:#141414;
--faq-accent: var(--ink);
--faq-border:#EDEEF0;
--faq-q-collapsed-bg:#EDEEF0; --faq-q-open-bg:#E6E8EC; --faq-a-bg:#fff;
}
*, *::before, *::after{ border-radius:0 !important; box-shadow:none !important; text-shadow:none !important; }
:focus{ box-shadow:none !important; }
:focus-visible{ outline:2px solid var(--primary); outline-offset:2px; }
.bg-header{ background:var(--primary) !important; border-bottom:0 !important; }
.bg-header .nav-link{ color:#fff !important; }
.bg-header .nav-link:hover,.bg-header .nav-link:focus,.bg-header .nav-link.active{ color:#fff !important; opacity:.9; text-decoration:underline; }
.bg-header .btn-outline-light{ color:#fff; border-color:rgba(255,255,255,.55); }
.bg-header .btn-outline-light:hover,.bg-header .btn-outline-light:focus{ background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.85); }
.header-controls .dropdown-menu{ background:#1f2a36; color:#e6edf3; border:1px solid #243646; padding:6px; }
.header-controls .dropdown-item{ color:#e6edf3; }
.header-controls .dropdown-item:hover{ background:#2a3950; color:#fff; }
.site-header{ margin-bottom:0 !important; border-bottom:0 !important; padding-top:.75rem !important; padding-bottom:.75rem !important; }
.header-cart-link{ color:#fff !important; display:inline-flex; align-items:center; gap:.35rem; }
.header-cart-link .badge{
background:rgba(255,255,255,.18); color:#fff; border:1px solid rgba(255,255,255,.35);
font-weight:600; min-width:18px; height:18px; display:inline-grid; place-items:center; padding:0 4px; line-height:1;
}
#mini-cart-total{ color:rgba(255,255,255,.9); }
.header-cart-link:hover{ text-decoration:none !important; }
.bg-header .btn, .btn-search-icon, .site-header .form-control{ height:var(--hdr-ctl-h); }
.btn-search-icon{
display:inline-flex; align-items:center; justify-content:center;
width:34px; height:34px; padding:0; border:0; background:var(--primary); color:#fff; line-height:1; cursor:pointer;
}
.btn-search-icon:hover{ filter:brightness(.95); }
.btn-search-icon:active{ filter:brightness(.9); }
.btn-search-icon .bi{ font-size:.95rem; line-height:1; }
.main-content{ padding-top:0 !important; }
.top-strap{ position:relative; padding-top:calc(12px + 1rem); }
.top-strap::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--primary); }
@media (min-width:992px){ #site-search{ width:420px; } }
@media (max-width:576px){
.header-controls{ width:100%; justify-content:center !important; margin-top:6px; }
.bg-header .container{ row-gap:6px; }
.brand-title{ width:100%; display:flex; justify-content:center; }
.brand-title .fs-5{ text-align:center; }
.search-inline{ width:100%; display:flex; justify-content:center; align-items:center; gap:6px; }
#site-search{ width:min(240px,75vw); flex:0 1 auto; margin-right:0 !important; }
.site-header .form-control{ height:32px; }
.btn-search-icon{ width:32px; height:32px; }
.btn-search-icon .bi{ font-size:.9rem; }
.layout-container{ margin-top:15px !important; }
nav.bg-header{ padding-top:.5rem !important; padding-bottom:.5rem !important; }
nav.bg-header .container{ flex-direction:column; align-items:center; justify-content:center !important; }
nav.bg-header .nav{ width:100%; justify-content:center; }
nav.bg-header .nav .nav-link{ padding:.25rem .5rem; }
.header-controls{ gap:.35rem; }
.header-controls .dropdown .btn{ height:30px; padding:.25rem .5rem; font-size:.85rem; line-height:1.2; }
.header-cart-link{ padding:.2rem .25rem; }
.search-inline{ margin:.4rem 0 .6rem; }
.site-header{ padding-top:.5rem !important; padding-bottom:.5rem !important; }
}
.table-wrapper table thead th,
.table-primary{
--bs-table-bg: var(--bg-header);
--bs-table-color: var(--text-heading);
--bs-table-border-color: var(--border-header);
}
thead.table-primary{
--bs-table-bg:#EDEEF0 !important;
--bs-table-color: var(--ink) !important;
--bs-table-border-color:#EDEEF0 !important;
}
.table-wrapper table tbody tr:hover > *{ background-color:var(--row-hover-bg) !important; }
.ui-table-card.ui-table--dosage{
--thead-bg: var(--ink);
--thead-fg:#fff;
--dosage-th-sep: var(--ink-strong);
--dosage-td-sep:#e5e7eb;
--row-hover:#f6f7f9;
}
.ui-table-card.ui-table--dosage .ui-table thead th{
background:var(--thead-bg) !important; color:var(--thead-fg) !important; border-bottom-color:var(--dosage-th-sep) !important;
}
.ui-table-card.ui-table--dosage .ui-table thead th + th{ border-left-color:var(--dosage-th-sep) !important; }
.ui-table-card.ui-table--dosage .ui-table tbody td{ border-top-color:var(--dosage-td-sep) !important; }
.ui-table-card.ui-table--dosage .ui-table tbody td + td{ border-left-color:var(--dosage-td-sep) !important; }
.ui-table-card.ui-table--dosage .ui-table tbody tr:hover > *{ background-color:var(--row-hover) !important; }
.sidebar .block-header,
.sidebar .block-header i,
.sidebar .toggle-btn,
.sidebar .btn-link{ color:var(--sidebar-fg) !important; }
.sidebar .list-group-item a{ color:var(--sidebar-fg) !important; text-decoration:none; }
.sidebar .list-group-item a:hover,.sidebar .list-group-item a:focus{ color:var(--primary) !important; text-decoration:underline; }
footer{ color:var(--footer-fg) !important; }
footer a{ color:var(--footer-fg) !important; text-decoration:none; }
footer a:hover, footer a:focus{ color:var(--footer-fg) !important; text-decoration:underline; }
.section-title.section-title--band,
.product-card .section-title.section-title--band{
background:var(--primary) !important;
color:var(--primary-contrast) !important;
border:1px solid color-mix(in srgb, var(--primary) 85%, #000 15%) !important;
}
.section-title.section-title--band a{ color:inherit !important; text-decoration:none; }
.section-title.section-title--band a:hover{ text-decoration:underline; }
.product-card .card-title{ margin-bottom:.5rem; }
.product-section{ padding-block:.5rem .9rem; }
.product-subnav{ --chip-bg:#EDEEF0; }
.product-subnav .subnav-link{
background:var(--chip-bg); color:var(--ink); border:1px solid #DADFE5; text-decoration:none;
}
.product-subnav .subnav-link:hover,.product-subnav .subnav-link:focus{
background:#E6E8EC; border-color:#D1D6DE; color:var(--ink-strong);
}
.product-subnav .subnav-link.active{ background:var(--primary); border-color:var(--primary); color:#fff; }
.payments-delivery .card-section{ border:1px solid #EDEEF0 !important; }
.payments-delivery .card-section .card-header{
background:#EDEEF0 !important; color:var(--ink) !important; border-bottom:1px solid #EDEEF0 !important;
}
.product-faq .accordion-button.collapsed{
background:var(--faq-q-collapsed-bg) !important; box-shadow:inset 0 0 0 1px var(--faq-border) !important; color:var(--faq-accent) !important;
}
.product-faq .accordion-button:not(.collapsed){
background:var(--faq-q-open-bg) !important; box-shadow:inset 0 0 0 1px var(--faq-border) !important; color:var(--faq-accent) !important;
}
.product-faq .accordion-item + .accordion-item{ border-top:1px solid var(--faq-border) !important; }
.product-faq .accordion-body{ background:var(--faq-a-bg); color:var(--ink-muted); }
.product-faq .accordion-button:hover{ filter:brightness(.98); }
.package-example{ --pkg-bg:#EDEEF0; --pkg-ring:#EDEEF0; background:linear-gradient(180deg,#fff 70%,transparent), var(--pkg-bg) !important; border-color:var(--pkg-ring) !important; }
.bg-step-1{ background:var(--primary) !important; }
.bg-step-2{ background:var(--primary) !important; }
.bg-step-3{ background:var(--primary) !important; }
.bg-step-4{ background:var(--primary) !important; }
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){
.bg-step-1{ background:#AF000A !important; }
.bg-step-2{ background:#C33239 !important; }
.bg-step-3{ background:#D0666C !important; }
.bg-step-4{ background:#E1A1A4 !important; }
}
.how-icon svg{ filter:drop-shadow(0 0 1px rgba(0,0,0,.25)); }
.bg-step-4 .how-icon svg{ filter:drop-shadow(0 0 1px rgba(0,0,0,.35)); }
.how-icon{ box-shadow:inset 0 0 0 1px rgba(0,0,0,.06); }
.badge-icon{ background:linear-gradient(180deg, var(--badge-c-start) 0%, var(--badge-c-end) 100%) !important; border:1px solid rgba(0,0,0,.06); }
.badge-icon svg{ width:22px; height:22px; }
.icon-orange{ --badge-c-start:#FF975F; --badge-c-end:#FF6A1C; }
.icon-green { --badge-c-start:#63E2AA; --badge-c-end:#20C997; }
.icon-blue  { --badge-c-start:#78B6FF; --badge-c-end:#3A8BFF; }
.icon-purple{ --badge-c-start:#D3A7FF; --badge-c-end:#9F6BFF; }
.icon-teal  { --badge-c-start:#84E6DE; --badge-c-end:#2AB7AE; }
.icon-red   { --badge-c-start:#FF8A8A; --badge-c-end:#AF000A; }
.icon-yellow{ --badge-c-start:#FFE28A; --badge-c-end:#FFCA3A; }
.icon-gray  { --badge-c-start:#D5DBE3; --badge-c-end:#B5BECA; }
.badge-card:hover .badge-icon{ filter:brightness(1.04); }
.rounded, .rounded-0, .rounded-1, .rounded-2, .rounded-3,
.rounded-circle, .rounded-pill {
border-radius: 0 !important;
}
.shadow, .shadow-sm, .shadow-lg, .shadow-none {
box-shadow: none !important;
}
.card, .ui-table-card, .badge-card {
box-shadow: none !important;
}
.ui-table--dosage .cta-btn {
border-radius: 0 !important;
}
.footer-testimonials .rounded-circle {
border-radius: 0 !important;
}
.package-example .pkg-caption{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
color: var(--ink-muted);
}
.package-example .pkg-figure{
background: transparent !important;
box-shadow: none !important;
}
.package-example .pkg-caption{ margin-top: .35rem !important; }
.alert-info{
--bs-alert-color: var(--ink, #1F2937);
--bs-alert-link-color: var(--ink-strong, #111827);
}
.alert.alert-info{
--bs-alert-bg: #EDEEF0;
--bs-alert-border-color: #EDEEF0;
--bs-alert-color: var(--ink, #1F2937);
color: var(--ink, #1F2937) !important;
}
.alert.alert-info .alert-link{
color: var(--ink-strong, #111827) !important;
}
.alert{ color: inherit; }
@media (min-width: 992px){
.main-content > .row { flex-direction: row-reverse; }
}
.bg-header .dropdown .btn-outline-secondary.btn-sm,
.bg-header .dropdown .btn-outline-secondary {
height: var(--hdr-ctl-h, 36px);
padding: .25rem .6rem;
font-size: .9rem;
line-height: 1.2;
color: #fff;
background: transparent;
border-color: rgba(255,255,255,.55);
}
.bg-header .dropdown .btn-outline-secondary:hover,
.bg-header .dropdown .btn-outline-secondary:focus,
.bg-header .dropdown .btn-outline-secondary:active,
.bg-header .dropdown .btn-outline-secondary.show {
color: #fff;
background: rgba(255,255,255,.12);
border-color: rgba(255,255,255,.85);
}
.bg-header .dropdown .dropdown-toggle::after {
border-top-color: currentColor;
}
.bg-header .dropdown-menu {
background: #1f2a36;
color: #e6edf3;
border: 1px solid #243646;
min-width: 8rem;
}
.bg-header .dropdown-item {
color: #e6edf3;
border-radius: 0;
}
.bg-header .dropdown-item:hover,
.bg-header .dropdown-item:focus {
background: #2a3950;
color: #fff;
}
.bg-header .dropdown-item.active,
.bg-header .dropdown-item.active:hover,
.bg-header .dropdown-item.active:focus {
background: var(--primary);
color: #fff;
}
.bg-header .header-controls [data-bs-toggle="dropdown"].btn{
color:#fff !important;
background: transparent !important;
border-color: rgba(255,255,255,.55) !important;
height: var(--hdr-ctl-h, 36px);
line-height: 1.2;
}
.bg-header .header-controls [data-bs-toggle="dropdown"].btn:hover,
.bg-header .header-controls [data-bs-toggle="dropdown"].btn:focus{
color:#fff !important;
background: rgba(255,255,255,.12) !important;
border-color: rgba(255,255,255,.85) !important;
}
.bg-header .header-controls .dropdown-menu{
background:#1f2a36;
color:#e6edf3;
border:1px solid #243646;
padding:6px;
}
.bg-header .header-controls .dropdown-item{ color:#e6edf3; border-radius:6px; }
.bg-header .header-controls .dropdown-item:hover{ background:#2a3950; color:#fff; }
@media (max-width: 576px){
.bg-header .header-controls{ gap:.25rem; }
.bg-header .header-controls [data-bs-toggle="dropdown"].btn{
height:24px;
padding:.10rem .35rem;
font-size:.78rem;
min-width: unset;
}
.bg-header .header-controls .dropdown-toggle::after{
margin-left:.25rem;
border-top-width:.25em;
border-right-width:.25em;
border-left-width:.25em;
transform: scale(.85);
}
.bg-header .header-controls .dropdown-menu{
min-width:6.5rem;
padding:.2rem;
font-size:.88rem;
}
.bg-header .header-controls .dropdown-item{
padding:.25rem .45rem;
}
}
@media (max-width: 576px){
.bg-header .header-controls{
margin-top: 0 !important;
}
nav.bg-header .container{
row-gap: 4px;
}
nav.bg-header{
padding-top: .35rem !important;
}
}
.dose-figure {
padding: 10px;
background: #fff;
border: 1px solid rgba(0,0,0,.08);
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.dose-img {
display: block;
margin: 0 auto;
max-width: 140px;
height: auto;
object-fit: contain;
}
@media (min-width: 768px) {
.dose-img { max-width: 160px; }
}
.ui-table-card.ui-table--dosage { padding: 12px 12px 16px; }
thead.shipping-thead,
thead.shipping-thead.table-primary{
--bs-table-bg: #EDEEF0 !important;
--bs-table-color: var(--ink, #1F2937) !important;
--bs-table-border-color: #EDEEF0 !important;
}
thead.shipping-thead th{
background: #EDEEF0 !important;
color: var(--ink, #1F2937) !important;
border-color: #EDEEF0 !important;
}
.btn:focus,
.btn:focus-visible,
.btn:active,
.btn-check:focus + .btn,
.btn-check:active + .btn,
.show > .btn {
box-shadow: none !important;
outline: none !important;
}
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.dropdown-toggle.show {
background: var(--primary) !important;
border-color: var(--primary) !important;
color: var(--primary-contrast, #fff) !important;
box-shadow: none !important;
}
.ui-table--dosage .cta-btn:focus,
.ui-table--dosage .cta-btn:active {
box-shadow: none !important;
outline: none !important;
background: var(--primary) !important;
border-color: var(--primary) !important;
color: var(--primary-contrast, #fff) !important;
}
* { -webkit-tap-highlight-color: transparent; }
.page-content.top-strap a:not(.btn):not(.nav-link){
color: var(--primary) !important;
text-decoration: underline;
text-underline-offset: 2px;
}
.page-content.top-strap a:not(.btn):not(.nav-link):hover,
.page-content.top-strap a:not(.btn):not(.nav-link):focus,
.page-content.top-strap a:not(.btn):not(.nav-link):visited{
color: var(--btn-hover) !important;
}
.page-content.top-strap h2:not(.section-title){
font-size: 1.75rem;
color: var(--ink);
}
.page-content.top-strap h3{
font-size: 1.5rem;
color: var(--ink);
}
.page-content.top-strap h4{
font-size: 1.25rem;
color: var(--ink);
}
@media (max-width: 576px){
.page-content.top-strap h2:not(.section-title){ font-size: 1.5rem; }
.page-content.top-strap h3{ font-size: 1.25rem; }
.page-content.top-strap h4{ font-size: 1.125rem; }
}
.brand-block{
display: flex;
align-items: center;
gap: .5rem;
flex-wrap: nowrap;
min-width: 0;
}
.brand-badge{
display: inline-flex;
align-items: center;
padding: 2px 6px;
font-size: .75rem;
line-height: 1.2;
font-weight: 600;
background: #EDEEF0;
color: var(--ink);
border: 1px solid color-mix(in srgb, #EDEEF0 85%, #000 15%);
text-transform: none;
letter-spacing: .02em;
}
.brand-badge::before{ content: none !important; }
@media (max-width: 576px){
.brand-block{
width: 100%;
justify-content: center;
}
.brand-title{
width: auto !important;
}
.brand-title .fs-4{
white-space: nowrap;
}
.brand-badge{
flex: 0 0 auto;
font-size: .7rem;
padding: 2px 5px;
}
}
.product-description h2{ font-size: 1.5rem !important; line-height: 1.25; }
.product-description h3{ font-size: 1.25rem !important; line-height: 1.3; }
.product-description h4{ font-size: 1.1rem !important; line-height: 1.35; }
.product-description h5{ font-size: 1rem !important; line-height: 1.4; }
.product-description h2,
.product-description h3,
.product-description h4,
.product-description h5{
font-weight: 600 !important;
}
@media (max-width: 576px){
.product-description h2{ font-size: 1.4rem !important; }
.product-description h3{ font-size: 1.15rem !important; }
.product-description h4{ font-size: 1.05rem !important; }
.product-description h5{ font-size: .95rem !important; }
}
.product-description img {
display: block;
max-width: 100%;
height: auto;
max-height: 260px;
margin: 0 auto;
object-fit: contain;
}
@media (min-width: 768px) {
.product-description img {
max-height: 360px;
}
}
@media (min-width: 992px) {
.product-description img {
max-width: 720px;
max-height: 480px;
}
}
.product-description{
--pd-head-bg: #EDEEF0;
--pd-head-fg: var(--ink);
--pd-border:  var(--surface-neutral-3);
--pd-zebra:   #F7F9FB;
--pd-hover:   var(--row-hover-bg);
}
.product-description :is(table, .table):not(.ui-table){
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid var(--pd-border);
font-size: .95rem;
}
.product-description :is(table, .table):not(.ui-table) caption{
caption-side: top;
padding: .25rem 0 .5rem;
color: var(--ink-muted);
}
.product-description :is(table, .table):not(.ui-table) thead th{
background: var(--pd-head-bg);
color: var(--pd-head-fg);
font-weight: 600;
padding: .65rem .75rem;
border-bottom: 1px solid var(--pd-border);
text-wrap: balance;
}
.product-description :is(table, .table):not(.ui-table) tbody td{
padding: .6rem .75rem;
vertical-align: top;
color: var(--ink-muted);
border-top: 1px solid var(--pd-border);
background: #fff;
}
.product-description :is(table, .table):not(.ui-table) thead th + th,
.product-description :is(table, .table):not(.ui-table) tbody td + td{
border-left: 1px solid var(--pd-border);
}
.product-description :is(table, .table):not(.ui-table) tbody tr:nth-child(odd) > *{
background: var(--pd-zebra);
}
.product-description :is(table, .table):not(.ui-table) tbody tr:hover > *{
background: var(--pd-hover);
}
@media (max-width: 576px){
.product-description :is(table, .table):not(.ui-table){
font-size: .92rem;
}
.product-description :is(table, .table):not(.ui-table) thead th,
.product-description :is(table, .table):not(.ui-table) tbody td{
padding: .55rem .6rem;
}
}
.product-description{
--pd-head-bg: #EDEEF0;
--pd-head-fg: var(--ink);
--pd-border:  var(--surface-neutral-3);
--pd-zebra:   #F7F9FB;
--pd-hover:   #EDEEF0;
}
.product-description :is(table, .table):not(.ui-table) tbody tr:hover > *{
background: var(--pd-hover) !important;
}
:root{ --row-hover-bg: #EDEEF0; }
.product-description :is(table, .table){
margin: 0 0 1.25rem !important;
}
.product-description :is(table, .table):last-child{
margin-bottom: 0 !important;
}
.product-description a:not(.btn):not(.nav-link){
color: var(--primary) !important;
text-decoration: underline;
text-underline-offset: 2px;
}
.product-description a:not(.btn):not(.nav-link):hover,
.product-description a:not(.btn):not(.nav-link):focus,
.product-description a:not(.btn):not(.nav-link):visited{
color: var(--btn-hover) !important;
}