/* Apotek Sehat Farma Olivia UI Premium Layer - UI only */
:root{
 --brand:#0f8a5f;
 --brand-dark:#07563d;
 --medical-blue:#0f6fae;
 --ink:#102a43;
 --soft:#f5faf7;
 --line:#d9e9e2;
 --card:#ffffff;
}
html{scroll-behavior:smooth}
body{
 -webkit-font-smoothing:antialiased;
 text-rendering:optimizeLegibility;
 background:var(--soft);
 color:var(--ink);
}
.sticky-header{
 position:sticky;
 top:0;
 z-index:50;
 background:rgba(255,255,255,.92);
 backdrop-filter:blur(12px);
 box-shadow:0 8px 30px rgba(15,42,67,.08);
 border-bottom:1px solid var(--line)!important;
}
.sticky-header > div{min-height:76px}
nav a{
 font-weight:600;
 letter-spacing:.02em;
 transition:.25s ease;
}
nav a:hover{color:var(--brand)!important}
input,select,textarea{
 border-radius:14px!important;
}
.product-card{
 border-radius:22px;
 overflow:hidden;
 background:var(--card);
 border:1px solid rgba(15,138,95,.08);
 box-shadow:0 8px 24px rgba(15,42,67,.06);
 transition:.3s ease;
}
.product-card:hover:not(.opacity-60){
 transform:translateY(-8px);
 box-shadow:0 22px 45px rgba(15,138,95,.16);
}
.product-card img{
 transition:.4s ease;
}
.product-card:hover img{transform:scale(1.05)}
.btn-primary,.bg-emerald-600{
 border-radius:14px!important;
 box-shadow:0 10px 25px rgba(15,138,95,.2);
 transition:.25s ease;
}
.bg-emerald-600:hover{
 transform:translateY(-2px);
}
footer{
 background:#fff;
 border-top:1px solid var(--line);
}
section{
 scroll-margin-top:90px;
}
.card,.rounded-lg,.rounded-xl{
 transition:.25s ease;
}
.shadow{
 box-shadow:0 12px 30px rgba(15,42,67,.08)!important;
}
@media(max-width:767px){
 .sticky-header > div{min-height:64px}
 .product-card:hover:not(.opacity-60){transform:none}
 input,select,textarea{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{
 animation-duration:.01ms!important;
 transition-duration:.01ms!important;
 }
}