/* ANIMO LABEL — premium homepage layer inspired by modern print-commerce layouts */
.topbar {
height:34px;
background:#0b2a1d;
color:#dcebe2;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 5%;
font-size:12px;
font-weight:650}

.topbar-links {
display:flex;
gap:10px;
align-items:center}

.topbar a {
color:#fff}

.premium-header {
position:sticky;
top:0;
min-height:72px;
padding:0 5%;
gap:24px;
background:rgba(255,255,255,.97);
box-shadow:0 4px 20px rgba(10,45,28,.05)}

.premium-header .brand {
margin-right:0;
flex:0 0 auto}

.premium-header .site-logo {
width:160px}

.premium-search {
height:48px;
display:grid;
grid-template-columns:32px 1fr 38px 74px;
align-items:center;
width:min(430px,32vw);
border:1px solid #d8e5dd;
border-radius:12px;
background:#f8fbf9;
overflow:hidden}

.premium-search .header-search-icon {
display:grid;
place-items:center}

.premium-search .header-search-icon svg {
width:19px;
height:19px;
fill:none;
stroke:#557065;
stroke-width:1.8}

.premium-search input {
height:100%;
border:0;
outline:0;
background:transparent;
font:600 13px Inter,system-ui,sans-serif;
color:#183b2b;
min-width:0}

.premium-search input::placeholder {
color:#8a9790}

.premium-search .header-search-clear {
border:0;
background:transparent;
color:#8b9791;
font-size:23px;
cursor:pointer;
opacity:0;
pointer-events:none}

.premium-search.has-value .header-search-clear {
opacity:1;
pointer-events:auto}

.header-search-submit {
height:34px;
margin-right:7px;
border:0;
border-radius:8px;
background:#16834a;
color:#fff;
font-weight:800;
cursor:pointer}

.premium-nav {
margin-left:auto;
gap:20px}

.premium-nav a {
padding:32px 0;
font-size:14px}

.premium-nav a:after {
bottom:23px}

.nav-cta {
white-space:nowrap;
padding:12px 17px;
font-size:13px}

.mobile-menu-btn {
display:none;
border:0;
background:#eef6f1;
color:#0d5c34;
border-radius:10px;
width:42px;
height:42px;
font-size:22px}

.category-strip {
background:#fff;
border-bottom:1px solid #e5eee9;
overflow:auto}

.category-strip-inner {
max-width:1500px;
margin:auto;
padding:0 5%;
display:flex;
align-items:center;
gap:28px;
white-space:nowrap;
height:47px}

.category-strip a {
font-size:12px;
font-weight:800;
color:#52635a}

.category-strip a:hover {
color:#16834a}

.premium-hero {
height:650px;
position:relative;
overflow:hidden;
background:#0b2a1d}

.premium-slide {
position:absolute;
inset:0;
background-size:cover;
background-position:center;
opacity:0;
visibility:hidden;
transform:scale(1.025);
transition:opacity .65s ease,transform 7s ease,visibility .65s;
display:flex;
align-items:center}

.premium-slide.active {
opacity:1;
visibility:visible;
transform:scale(1);
z-index:1}

.premium-slide-overlay {
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(5,27,18,.78) 0%,rgba(5,27,18,.53) 44%,rgba(5,27,18,.10) 100%)}

.premium-hero-copy {
position:relative;
z-index:2;
margin-left:8%;
max-width:760px;
color:#fff}

.premium-hero-copy small,.premium-section-head small,.premium-info-copy small,.premium-marketplace small,.premium-cta small {
letter-spacing:.16em;
font-size:11px;
font-weight:900;
color:#d9f0e2}

.premium-hero-copy h1 {
font-size:clamp(48px,6vw,82px);
line-height:.99;
letter-spacing:-.045em;
margin:17px 0 20px;
max-width:800px}

.premium-hero-copy p {
font-size:18px;
line-height:1.75;
color:#e8f2ec;
max-width:650px;
margin:0}

.hero-actions {
display:flex;
align-items:center;
gap:22px;
margin-top:30px}

.hero-text-link {
color:#fff;
font-weight:800}

.hero-badge {
position:absolute;
z-index:3;
bottom:32px;
left:8%;
right:8%;
display:flex;
justify-content:space-between;
color:#d7e7de;
font-size:11px;
letter-spacing:.14em;
font-weight:800}

.hero-badge b {
font-size:17px;
color:#fff}

.premium-hero-controls {
position:absolute;
z-index:5;
right:8%;
bottom:25px;
display:flex;
gap:8px}

.premium-arrows {
display:flex;
gap:7px}

.premium-arrow {
width:43px;
height:43px;
border:1px solid rgba(255,255,255,.4);
background:rgba(0,0,0,.16);
color:#fff;
border-radius:50%;
cursor:pointer;
font-size:19px}

.premium-arrow:hover {
background:rgba(255,255,255,.14)}

.premium-dots {
position:absolute;
right:110px;
bottom:19px;
display:flex;
gap:6px}

.premium-dot {
width:25px;
height:3px;
border:0;
border-radius:99px;
background:rgba(255,255,255,.38);
cursor:pointer}

.premium-dot.active {
width:40px;
background:#fff}

.quick-benefits {
display:grid;
grid-template-columns:repeat(3,1fr);
max-width:1260px;
margin:-1px auto 0;
background:#fff;
position:relative;
z-index:4;
border-radius:0 0 18px 18px;
box-shadow:0 14px 35px rgba(18,59,42,.08);
border:1px solid #e4eee8;
border-top:0}

.quick-benefits div {
padding:23px 28px;
border-right:1px solid #e5eee9}

.quick-benefits div:last-child {
border-right:0}

.quick-benefits strong {
display:block;
font-size:14px;
color:#163b2b}

.quick-benefits span {
display:block;
color:#738078;
font-size:12px;
margin-top:4px}

.premium-section {
max-width:1500px;
margin:auto;
padding:105px 5%}

.premium-products-section {
max-width:none;
background:#f6faf7}

.premium-section-head {
display:flex;
justify-content:space-between;
align-items:end;
gap:30px;
margin-bottom:38px}

.premium-section-head h2 {
font-size:clamp(35px,4vw,55px);
line-height:1.05;
letter-spacing:-.04em;
margin:10px 0 0;
max-width:800px}

.premium-more {
font-size:13px;
font-weight:900;
color:#0d5c34;
white-space:nowrap}

.premium-category-grid {
display:grid;
grid-template-columns:1.35fr 1fr 1fr;
grid-template-rows:230px 230px;
gap:16px}

.premium-category {
position:relative;
overflow:hidden;
border-radius:18px;
background:#123b2a;
color:#fff;
display:flex;
align-items:end;
min-width:0}

.premium-category.category-featured {
grid-row:span 2}

.premium-category img {
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
transition:transform .5s;
filter:saturate(.9)}

.premium-category:hover img {
transform:scale(1.04)}

.premium-category:after {
content:"";
position:absolute;
inset:0;
background:linear-gradient(0deg,rgba(5,29,19,.75),rgba(5,29,19,.04) 70%)}

.premium-category span {
position:relative;
z-index:2;
padding:22px;
width:100%}

.premium-category b {
display:block;
font-size:22px}

.premium-category small {
font-size:12px;
color:#dbe9e1}

.text-category {
background:linear-gradient(135deg,#0b2a1d,#16834a)}

.text-category:before {
content:"";
position:absolute;
width:180px;
height:180px;
right:-40px;
top:-50px;
border-radius:50%;
border:1px solid rgba(255,255,255,.15);
box-shadow:0 0 0 35px rgba(255,255,255,.03),0 0 0 70px rgba(255,255,255,.02)}

.premium-product-grid {
max-width:1500px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px}

.premium-product {
background:#fff;
border:1px solid #dfeae4;
border-radius:18px;
overflow:hidden;
transition:.25s;
box-shadow:0 7px 22px rgba(18,59,42,.04)}

.premium-product:hover {
transform:translateY(-5px);
box-shadow:0 18px 42px rgba(18,59,42,.10);
border-color:#c7ddd0}

.premium-product-photo {
aspect-ratio:1/1;
background:radial-gradient(circle at 50% 25%,#fff 0,#f8fbf9 48%,#e9f2ed 100%);
padding:25px;
display:flex;
align-items:center;
justify-content:center;
border-bottom:1px solid #e9efeb}

.premium-product-photo img {
width:100%;
height:100%;
object-fit:contain;
mix-blend-mode:multiply;
filter:contrast(1.02) saturate(.96)}

.premium-product-copy {
padding:18px 18px 20px}

.premium-product-copy small {
font-size:10px;
font-weight:900;
letter-spacing:.12em;
color:#5d7267}

.premium-product-copy h3 {
font-size:18px;
line-height:1.25;
margin:9px 0 7px}

.premium-product-copy p {
font-size:13px;
line-height:1.55;
color:#718078;
min-height:40px;
margin:0 0 12px}

.premium-product-copy strong {
display:block;
font-size:15px;
color:#143d2c}

.premium-product-copy span {
display:block;
margin-top:13px;
padding-top:11px;
border-top:1px solid #e9efeb;
font-size:12px;
font-weight:900;
color:#16834a}

.premium-info {
max-width:1500px;
margin:auto;
padding:105px 5%;
display:grid;
grid-template-columns:1.05fr .95fr;
gap:70px;
align-items:center}

.premium-info-image {
height:500px;
border-radius:22px;
overflow:hidden;
background:#eef5f0}

.premium-info-image img {
width:100%;
height:100%;
object-fit:cover}

.premium-info-copy h2 {
font-size:clamp(38px,4.5vw,62px);
line-height:1.03;
letter-spacing:-.04em;
margin:12px 0 18px}

.premium-info-copy p {
font-size:16px;
line-height:1.8;
color:#66746c;
max-width:650px}

.premium-marketplace {
max-width:1500px;
margin:0 auto 105px;
padding:55px 5%;
background:#f4f9f6;
border-top:1px solid #e0ebe5;
border-bottom:1px solid #e0ebe5;
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center}

.premium-marketplace h2 {
font-size:clamp(35px,4vw,52px);
line-height:1.05;
letter-spacing:-.04em;
margin:10px 0}

.premium-marketplace p {
color:#68756e}

.premium-marketplace-links {
display:grid;
grid-template-columns:1fr 1fr;
gap:12px}

.premium-marketplace-links a {
display:flex;
align-items:center;
gap:14px;
background:#fff;
border:1px solid #dfe9e3;
border-radius:15px;
padding:18px;
transition:.2s}

.premium-marketplace-links a:hover {
transform:translateY(-3px);
box-shadow:0 12px 28px rgba(18,59,42,.08)}

.premium-marketplace-links img {
width:42px;
height:42px;
object-fit:contain}

.premium-marketplace-links b {
display:block;
font-size:14px}

.premium-marketplace-links small {
display:block;
color:#718078;
margin-top:4px}

.premium-cta {
margin:0 5% 95px;
padding:68px 6%;
border-radius:24px;
background:#0b2a1d;
color:#fff;
display:flex;
align-items:end;
justify-content:space-between;
gap:40px}

.premium-cta h2 {
font-size:clamp(38px,5vw,65px);
line-height:1;
letter-spacing:-.04em;
max-width:850px;
margin:10px 0}

.premium-cta p {
color:#c9d8d0;
font-size:16px}

.premium-footer {
background:#0b2a1d;
color:#fff;
padding:70px 5% 28px;
display:grid;
grid-template-columns:1.6fr 1fr 1fr 1.2fr;
gap:45px}

.premium-footer .footer-site-logo {
width:155px}

.premium-footer p,.premium-footer a {
color:#b8c8bf;
line-height:1.8}

.premium-footer a {
display:block;
font-size:13px;
margin:3px 0}

.premium-footer b {
display:block;
margin-bottom:10px}

.premium-footer .copyright {
grid-column:1/-1;
border-top:1px solid #315040;
padding-top:24px;
color:#8fa298;
font-size:12px}

.premium-wa {
right:24px!important;
bottom:24px!important;
width:62px!important;
height:62px!important;
border-radius:16px!important;
background:#19a463!important;
padding:0!important;
display:grid!important;
place-items:center!important;
box-shadow:0 12px 32px rgba(13,92,52,.25)!important}

.premium-wa img {
width:100%;
height:100%;
object-fit:cover;
border-radius:16px}

@media(max-width:1100px) {
.premium-header {
gap:15px}

.premium-nav {
gap:14px}

.premium-nav a {
font-size:13px}

.nav-cta {
display:none}

.premium-search {
width:34vw}

.premium-product-grid {
grid-template-columns:repeat(2,1fr)}

}

@media(max-width:850px) {
.topbar {
padding:0 4%;
font-size:10px}

.topbar-links span {
display:none}

.premium-header {
padding:0 4%;
min-height:76px}

.premium-header .site-logo {
width:125px}

.premium-search {
order:3;
width:100%;
grid-template-columns:30px 1fr 34px 62px}

.premium-header {
flex-wrap:wrap;
padding-top:10px;
padding-bottom:10px}

.premium-nav {
display:none;
position:absolute;
top:76px;
left:0;
right:0;
background:#fff;
border-top:1px solid #e5eee9;
box-shadow:0 15px 30px rgba(18,59,42,.08);
padding:10px 5%}

.premium-nav.open {
display:flex;
flex-direction:column;
gap:0}

.premium-nav a {
padding:12px 0}

.mobile-menu-btn {
display:block;
margin-left:auto}

.category-strip-inner {
padding:0 4%;
gap:22px}

.premium-hero {
height:590px}

.premium-hero-copy {
margin-left:6%;
margin-right:6%;
padding-bottom:30px}

.premium-hero-copy h1 {
font-size:47px}

.premium-hero-copy p {
font-size:15px}

.premium-hero-controls {
right:6%}

.hero-badge {
left:6%;
right:6%}

.quick-benefits {
grid-template-columns:1fr;
margin:0 4%;
border-radius:0 0 16px 16px}

.quick-benefits div {
border-right:0;
border-bottom:1px solid #e5eee9}

.quick-benefits div:last-child {
border-bottom:0}

.premium-section {
padding:78px 5%}

.premium-section-head {
display:block}

.premium-more {
display:inline-block;
margin-top:15px}

.premium-category-grid {
grid-template-columns:1fr 1fr;
grid-template-rows:240px 180px 180px}

.premium-category.category-featured {
grid-row:span 1;
grid-column:span 2}

.premium-info {
grid-template-columns:1fr;
padding:78px 5%;
gap:35px}

.premium-info-image {
height:360px}

.premium-marketplace {
margin-bottom:75px;
grid-template-columns:1fr;
padding:45px 5%;
gap:25px}

.premium-cta {
margin:0 4% 70px;
padding:48px 7%;
display:block}

.premium-cta .btn {
margin-top:18px}

.premium-footer {
grid-template-columns:1fr 1fr;
padding:55px 5% 25px}

.premium-footer .footer-brand {
grid-column:1/-1}

.premium-footer .copyright {
grid-column:1/-1}

}

@media(max-width:560px) {
.topbar>div:first-child {
max-width:180px}

.premium-search {
grid-template-columns:28px 1fr 32px 56px}

.premium-search input {
font-size:12px}

.premium-hero {
height:555px}

.premium-hero-copy h1 {
font-size:39px}

.premium-hero-copy p {
font-size:14px}

.hero-actions {
align-items:flex-start;
flex-direction:column;
gap:15px}

.premium-category-grid {
grid-template-columns:1fr;
grid-template-rows:230px 180px 180px 180px 180px}

.premium-category.category-featured {
grid-column:auto}

.premium-product-grid {
grid-template-columns:1fr 1fr;
gap:12px}

.premium-product-copy {
padding:14px}

.premium-product-copy h3 {
font-size:15px}

.premium-product-copy p {
display:none}

.premium-product-copy strong {
font-size:13px}

.premium-product-copy span {
font-size:11px}

.premium-marketplace-links {
grid-template-columns:1fr}

.premium-footer {
grid-template-columns:1fr}

.premium-footer .footer-brand {
grid-column:auto}

.premium-wa {
right:16px!important;
bottom:16px!important;
width:56px!important;
height:56px!important}

}

/* Automatic banner text handling: if the uploaded banner already contains text, hide CMS overlay text to prevent duplication. */
.premium-hero-copy.banner-text-checking {
visibility:hidden}

.premium-hero-copy.banner-text-auto-hidden {
display:none!important}

/* Banner premium refinement */
.premium-hero {
position:relative;
isolation:isolate;
overflow:hidden;
border-bottom:1px solid #dfe9e4}

.premium-slide {
inset:0;
background-position:center;
background-size:cover;
background-repeat:no-repeat}

.premium-slide-overlay {
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(7,31,22,.82) 0%,rgba(7,31,22,.60) 34%,rgba(7,31,22,.18) 68%,rgba(7,31,22,.02) 100%)}

.premium-hero-copy {
position:relative;
z-index:3;
width:min(720px,88%);
margin-left:clamp(5%,8vw,11%);
padding-bottom:clamp(55px,8vh,95px)}

.premium-hero-copy small {
display:inline-flex;
align-items:center;
gap:9px;
margin-bottom:18px;
padding:7px 11px;
border:1px solid rgba(255,255,255,.28);
border-radius:999px;
background:rgba(255,255,255,.10);
backdrop-filter:blur(8px);
font-size:11px;
font-weight:900;
letter-spacing:.14em}

.premium-hero-copy h1 {
max-width:720px;
margin:0;
font-size:clamp(38px,5vw,68px);
line-height:1.02;
letter-spacing:-.045em;
text-wrap:balance}

.premium-hero-copy p {
max-width:620px;
margin:18px 0 0;
font-size:clamp(15px,1.35vw,18px);
line-height:1.65;
color:rgba(255,255,255,.88)}

.hero-actions {
display:flex;
align-items:center;
gap:16px;
margin-top:28px}

.hero-actions .btn {
min-height:46px;
padding:0 20px;
border-radius:10px;
font-weight:900}

.hero-text-link {
font-size:13px;
font-weight:900;
color:#fff;
text-decoration:none;
opacity:.92}

.hero-text-link:hover {
text-decoration:underline}

.hero-badge {
z-index:4;
bottom:28px!important;
left:auto!important;
right:clamp(5%,7vw,10%)!important;
display:flex;
align-items:center;
gap:10px;
padding:8px 12px;
border:1px solid rgba(255,255,255,.22);
border-radius:999px;
background:rgba(5,28,19,.34);
backdrop-filter:blur(10px);
font-size:10px;
letter-spacing:.12em}

.hero-badge b {
font-size:13px}

.premium-hero-controls {
z-index:5!important;
bottom:26px!important;
left:clamp(5%,8vw,11%)!important;
right:auto!important;
width:min(720px,88%);
display:flex;
justify-content:space-between;
align-items:center}

.premium-dots {
display:flex;
gap:7px;
align-items:center}

.premium-dot {
width:8px;
height:8px;
border:0;
border-radius:50%;
padding:0;
background:rgba(255,255,255,.45);
cursor:pointer;
transition:.2s}

.premium-dot.active {
width:28px;
border-radius:99px;
background:#fff}

.premium-arrows {
display:flex;
gap:7px}

.premium-arrow {
width:38px;
height:38px;
border:1px solid rgba(255,255,255,.3);
border-radius:10px;
background:rgba(0,0,0,.18);
color:#fff;
backdrop-filter:blur(8px);
cursor:pointer;
font-size:17px}

.premium-arrow:hover {
background:rgba(255,255,255,.14)}

.premium-hero-copy.banner-text-checking {
visibility:hidden}

.premium-hero-copy.banner-text-auto-hidden {
display:none!important}

@media(max-width:850px) {
.premium-hero {
height:590px}

.premium-slide-overlay {
background:linear-gradient(90deg,rgba(7,31,22,.82) 0%,rgba(7,31,22,.52) 65%,rgba(7,31,22,.20) 100%)}

.premium-hero-copy {
width:88%;
margin-left:6%;
padding-bottom:70px}

.premium-hero-copy h1 {
font-size:clamp(38px,9vw,52px)}

.premium-hero-copy p {
max-width:560px}

.premium-hero-controls {
left:6%!important;
width:88%}

.hero-badge {
right:6%!important;
bottom:28px!important}

}

@media(max-width:560px) {
.premium-hero {
height:540px}

.premium-hero-copy {
padding-bottom:76px}

.premium-hero-copy small {
font-size:9px;
margin-bottom:13px}

.premium-hero-copy h1 {
font-size:36px;
line-height:1.04}

.premium-hero-copy p {
font-size:13px;
line-height:1.55;
margin-top:13px}

.hero-actions {
margin-top:20px;
gap:10px}

.hero-actions .btn {
min-height:42px}

.premium-hero-controls {
bottom:20px!important}

.hero-badge {
display:none}

.premium-arrow {
width:34px;
height:34px}

}

/* ANIMO LABEL FOOTER */
.animo-footer {
margin-top:0;
background:#0b2a1d;
color:#fff;
padding:64px 5% 22px}

.animo-footer-main {
max-width:1500px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(280px,1.7fr) repeat(2,minmax(150px,1fr)) minmax(220px,1.15fr);
gap:46px}

.animo-footer-logo {
display:inline-flex;
margin-bottom:18px}

.animo-footer-logo img {
width:155px;
max-height:58px;
object-fit:contain;
object-position:left center}

.animo-footer-brand>p {
max-width:390px;
margin:0;
color:#b8c8bf;
font-size:14px;
line-height:1.8}

.animo-footer-market {
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:22px}

.market-badge {
display:flex!important;
align-items:center;
gap:9px;
min-width:145px;
padding:9px 11px;
border:1px solid rgba(255,255,255,.12);
border-radius:10px;
background:rgba(255,255,255,.045);
transition:.2s ease}

.market-badge:hover {
transform:translateY(-2px);
background:rgba(255,255,255,.08);
border-color:rgba(255,255,255,.22)}

.market-badge-icon {
width:30px;
height:30px;
display:grid;
place-items:center;
flex:0 0 30px;
border-radius:8px;
color:#fff;
font-weight:900;
font-size:15px}

.market-badge-icon.shopee {
background:#ee4d2d}

.market-badge-icon.tokopedia {
background:#03ac0e}

.market-badge b {
display:block;
color:#fff;
font-size:12px;
line-height:1.15}

.market-badge small {
display:block;
color:#9eb1a7;
font-size:9px;
margin-top:2px}

.animo-footer-col h3 {
margin:2px 0 14px;
color:#fff;
font-size:14px;
font-weight:900}

.animo-footer-col a {
display:block;
margin:0 0 8px;
color:#b8c8bf;
font-size:13px;
line-height:1.55;
transition:color .2s ease}

.animo-footer-col a:hover {
color:#fff}

.animo-footer-col .footer-more {
color:#d9e7df;
font-weight:800;
margin-top:12px}

.animo-footer-contact p {
margin:0 0 11px;
color:#b8c8bf;
font-size:13px;
line-height:1.65}

.animo-footer-contact .footer-wa-link {
color:#7ce0a7;
font-weight:900;
margin-top:13px}

.animo-footer-bottom {
max-width:1500px;
margin:42px auto 0;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.12);
display:flex;
justify-content:space-between;
gap:20px;
color:#81968b;
font-size:11px}

@media(max-width:1050px) {
.animo-footer-main {
grid-template-columns:1.4fr 1fr 1fr;
gap:35px}

.animo-footer-brand {
grid-column:1/-1}

}

@media(max-width:650px) {
.animo-footer {
padding:48px 5% 20px}

.animo-footer-main {
grid-template-columns:1fr 1fr;
gap:28px 22px}

.animo-footer-brand {
grid-column:1/-1}

.animo-footer-contact {
grid-column:1/-1}

.animo-footer-bottom {
margin-top:32px;
display:block;
line-height:1.8}

.animo-footer-bottom span {
display:block}

.animo-footer-bottom span+span {
margin-top:3px}

}

@media(max-width:430px) {
.animo-footer-main {
grid-template-columns:1fr}

.animo-footer-brand,.animo-footer-contact {
grid-column:auto}

.animo-footer-market {
display:grid;
grid-template-columns:1fr 1fr}

.market-badge {
min-width:0}

}

/* Footer detail refinement */
.animo-footer {
padding:72px 5% 24px}

.animo-footer-main {
align-items:start;
gap:58px}

.animo-footer-brand {
padding-right:18px}

.animo-footer-logo {
margin-bottom:20px}

.animo-footer-brand>p {
max-width:360px;
font-size:13px;
line-height:1.75}

.animo-footer-social {
display:flex;
align-items:center;
gap:8px;
margin-top:20px}

.animo-footer-social a {
width:36px;
height:36px;
display:grid!important;
place-items:center;
border:1px solid rgba(255,255,255,.18);
border-radius:50%;
background:rgba(255,255,255,.04);
color:#fff!important;
margin:0!important;
font-size:16px;
font-weight:900;
transition:.2s ease}

.animo-footer-social a:hover {
transform:translateY(-2px);
background:rgba(255,255,255,.1);
border-color:rgba(255,255,255,.35)}

.animo-footer-social svg {
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round}

.animo-footer-social svg path {
fill:none}

.animo-footer-market {
margin-top:18px}

.animo-footer-col h3 {
margin-bottom:18px;
font-size:13px;
letter-spacing:.04em;
text-transform:uppercase}

.animo-footer-col a {
margin-bottom:10px;
font-size:13px}

.animo-footer-contact .footer-address {
margin-bottom:15px}

.animo-footer-bottom {
margin-top:52px;
padding-top:22px}

@media(max-width:1050px) {
.animo-footer-main {
gap:38px}

}

@media(max-width:650px) {
.animo-footer {
padding-top:52px}

.animo-footer-main {
gap:30px 22px}

.animo-footer-bottom {
margin-top:35px}

}

/* FINAL ANIMO FOOTER / LOGO REFINEMENT */
.premium-header .site-logo {
width:174px!important;
height:auto!important;
max-height:58px!important;
object-fit:contain;
object-position:left center}

.animo-footer {
padding:68px 5% 24px!important;
background:#082b1d!important}

.animo-footer-main {
max-width:1380px!important;
grid-template-columns:minmax(300px,1.55fr) minmax(155px,.8fr) minmax(155px,.8fr) minmax(260px,1.15fr)!important;
gap:62px!important}

.animo-footer-logo {
display:inline-flex!important;
align-items:center!important;
margin:0 0 22px!important}

.animo-footer-logo img {
width:184px!important;
height:auto!important;
max-height:66px!important;
object-fit:contain!important;
object-position:left center!important}

.animo-footer-brand>p {
max-width:355px!important;
font-size:13px!important;
line-height:1.8!important}

.animo-footer-social {
margin-top:22px!important;
gap:9px!important}

.animo-footer-social a {
width:38px!important;
height:38px!important;
border-radius:50%!important}

.animo-footer-social a:hover {
background:#16834a!important;
border-color:#16834a!important;
transform:translateY(-3px)!important}

.animo-footer-market {
margin-top:20px!important;
gap:10px!important}

.market-badge {
min-width:148px!important;
padding:9px 12px!important;
border-radius:9px!important}

.animo-footer-col h3 {
margin:3px 0 19px!important;
font-size:12px!important;
letter-spacing:.12em!important}

.animo-footer-col a {
margin-bottom:11px!important;
font-size:13px!important}

.animo-footer-col a:hover {
transform:translateX(2px)}

.animo-footer-contact .footer-address {
max-width:285px!important;
margin-bottom:16px!important}

.animo-footer-contact .footer-wa-link {
display:inline-flex!important;
align-items:center;
gap:7px;
margin-top:10px!important;
color:#76e3a4!important}

.animo-footer-contact .footer-wa-link:after {
content:"↗";
font-size:14px}

.animo-footer-bottom {
max-width:1380px!important;
margin-top:48px!important;
padding-top:21px!important;
font-size:11px!important}

@media(max-width:1050px) {
.premium-header .site-logo {
width:160px!important}

.animo-footer-main {
grid-template-columns:1.35fr 1fr 1fr!important;
gap:40px!important}

.animo-footer-brand {
grid-column:1/-1!important}

.animo-footer-logo img {
width:180px!important}

}

@media(max-width:650px) {
.premium-header .site-logo {
width:145px!important}

.animo-footer {
padding:52px 6% 22px!important}

.animo-footer-main {
grid-template-columns:1fr 1fr!important;
gap:34px 24px!important}

.animo-footer-brand,.animo-footer-contact {
grid-column:1/-1!important}

.animo-footer-logo img {
width:172px!important}

.animo-footer-bottom {
margin-top:34px!important}

}

@media(max-width:430px) {
.premium-header .site-logo {
width:136px!important}

.animo-footer-main {
grid-template-columns:1fr!important}

.animo-footer-brand,.animo-footer-contact {
grid-column:auto!important}

.animo-footer-logo img {
width:165px!important}

.animo-footer-market {
grid-template-columns:1fr 1fr!important}

}

/* Final visual cleanup */
.premium-header {
min-height:82px!important;
padding:10px clamp(18px,4vw,56px)!important;
gap:clamp(16px,2vw,30px)!important;
background:rgba(255,255,255,.98)!important;
border-bottom:1px solid #e7eee9!important}

.premium-header .brand {
flex:0 0 auto!important;
display:flex!important;
align-items:center!important}

.premium-header .site-logo {
width:158px!important;
max-height:52px!important}

.premium-search {
flex:1 1 420px!important;
width:auto!important;
max-width:500px!important;
min-width:250px!important;
height:46px!important;
margin:0!important}

.premium-nav {
display:flex!important;
align-items:center!important;
gap:20px!important;
white-space:nowrap!important}

.premium-nav a {
font-size:13px!important;
font-weight:800!important}

.premium-header .nav-cta {
white-space:nowrap!important;
min-height:42px!important;
padding:0 17px!important;
border-radius:10px!important}

.category-strip {
background:#fff!important;
border-top:0!important;
border-bottom:1px solid #e8efeb!important}

.category-strip-inner {
max-width:1450px!important;
margin:0 auto!important;
padding:0 4%!important;
min-height:44px!important}

.category-strip a {
font-size:12px!important;
font-weight:800!important;
padding:13px 10px!important}

.animo-footer {
padding:58px 5% 20px!important}

.animo-footer-main {
max-width:1400px!important;
grid-template-columns:minmax(270px,1.45fr) repeat(2,minmax(145px,.72fr)) minmax(240px,1fr)!important;
gap:46px!important}

.animo-footer-logo img {
width:172px!important;
max-height:58px!important}

.animo-footer-brand>p {
max-width:330px!important}

.animo-footer-social {
margin-top:18px!important}

.animo-footer-market {
margin-top:17px!important}

.market-badge {
min-width:136px!important}

.animo-footer-col h3 {
margin-bottom:15px!important}

.animo-footer-col a {
margin-bottom:8px!important}

.animo-footer-bottom {
max-width:1400px!important;
margin-top:38px!important;
padding-top:17px!important}

.premium-wa.wa-float {
position:fixed!important;
right:22px!important;
bottom:22px!important;
z-index:9999!important;
width:58px!important;
height:58px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:50%!important;
background:#25d366!important;
box-shadow:0 10px 28px rgba(37,211,102,.28)!important;
overflow:visible!important;
transition:width .25s ease,border-radius .25s ease,transform .25s ease!important}

.premium-wa.wa-float img {
width:58px!important;
height:58px!important;
padding:9px!important;
border-radius:50%!important;
background:#25d366!important;
object-fit:contain!important}

.premium-wa .wa-tooltip {
position:absolute!important;
right:67px!important;
top:50%!important;
white-space:nowrap!important;
padding:9px 13px!important;
border-radius:999px!important;
background:#0b2a1d!important;
color:#fff!important;
font-size:12px!important;
font-weight:800!important;
opacity:0!important;
visibility:hidden!important;
transform:translateX(8px) translateY(-50%)!important;
transition:.22s ease!important;
pointer-events:none!important}

.premium-wa:hover,.premium-wa:focus-visible {
width:205px!important;
border-radius:999px!important;
transform:translateY(-2px)!important}

.premium-wa:hover .wa-tooltip,.premium-wa:focus-visible .wa-tooltip {
opacity:1!important;
visibility:visible!important;
transform:translateX(0) translateY(-50%)!important}

@media(max-width:1180px) {
.premium-header {
gap:14px!important}

.premium-search {
max-width:380px!important}

.premium-nav {
gap:13px!important}

.premium-nav a:nth-child(n+4) {
display:none!important}

}

@media(max-width:900px) {
.premium-header {
flex-wrap:wrap!important;
padding:10px 18px!important}

.premium-search {
order:3;
flex:1 0 100%!important;
max-width:none!important;
min-width:0!important}

.premium-nav {
display:none!important;
position:absolute!important;
top:82px!important;
left:0!important;
right:0!important;
padding:14px 18px!important;
background:#fff!important;
border-bottom:1px solid #e7eee9!important;
box-shadow:0 12px 25px rgba(15,55,37,.08)!important}

.premium-nav.open {
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:0!important}

.premium-nav.open a {
display:block!important;
padding:11px 0!important}

.premium-header .nav-cta {
margin-left:auto!important}

.animo-footer-main {
grid-template-columns:1.2fr 1fr 1fr!important;
gap:32px!important}

.animo-footer-brand {
grid-column:1/-1!important}

}

@media(max-width:620px) {
.premium-header {
min-height:74px!important;
padding:9px 14px!important}

.premium-header .site-logo {
width:140px!important;
max-height:46px!important}

.premium-header .nav-cta {
font-size:11px!important;
padding:0 12px!important;
min-height:38px!important}

.premium-search {
height:42px!important}

.category-strip-inner {
min-height:40px!important;
padding:0 14px!important}

.category-strip a {
padding:11px 8px!important;
font-size:11px!important}

.animo-footer {
padding:44px 6% 18px!important}

.animo-footer-main {
grid-template-columns:1fr 1fr!important;
gap:28px 20px!important}

.animo-footer-brand,.animo-footer-contact {
grid-column:1/-1!important}

.animo-footer-logo img {
width:160px!important}

.animo-footer-market {
display:grid!important;
grid-template-columns:1fr 1fr!important}

.market-badge {
min-width:0!important}

.premium-wa.wa-float {
right:15px!important;
bottom:15px!important;
width:54px!important;
height:54px!important}

.premium-wa.wa-float img {
width:54px!important;
height:54px!important}

.premium-wa:hover,.premium-wa:focus-visible {
width:185px!important}

.premium-wa .wa-tooltip {
right:61px!important;
font-size:11px!important}

}

@media(max-width:420px) {
.animo-footer-main {
grid-template-columns:1fr!important}

.animo-footer-brand,.animo-footer-contact {
grid-column:auto!important}

.animo-footer-market {
grid-template-columns:1fr!important}

}

/* RECOMMENDED FOOTER — company information layout */
.animo-footer-recommended {
margin-top:0!important;
padding:0 3.5% 28px!important;
background:#0d5b0d!important;
color:#fff!important;
}

.animo-footer-recommended .footer-benefits {
max-width:1500px;
margin:0 auto;
min-height:155px;
display:grid;
grid-template-columns:repeat(3,1fr);
align-items:center;
text-align:center;
}

.animo-footer-recommended .footer-benefits>div {
padding:20px 25px;
}

.animo-footer-recommended .footer-benefits strong {
font-size:clamp(20px,1.65vw,30px);
line-height:1.25;
color:#fff;
font-weight:800;
}

.animo-footer-recommended .footer-company {
max-width:1500px;
margin:0 auto;
padding:25px 0 65px;
}

.animo-footer-recommended .footer-company-left {
max-width:980px;
}

.animo-footer-recommended .animo-footer-logo {
display:inline-flex!important;
margin:0 0 12px!important;
background:#fff;
border-radius:12px;
padding:8px 18px;
}

.animo-footer-recommended .animo-footer-logo img {
width:415px!important;
max-width:min(415px,72vw)!important;
height:auto!important;
max-height:88px!important;
object-fit:contain!important;
}

.animo-footer-recommended .footer-company-left>p {
margin:0 0 28px;
color:#fff;
font-size:20px;
line-height:1.5;
}

.animo-footer-recommended .footer-company-left h2 {
margin:0 0 32px;
color:#fff;
font-size:32px;
letter-spacing:.02em;
}

.animo-footer-recommended .footer-company-left h3 {
margin:0 0 7px;
color:#fff;
font-size:22px;
line-height:1.25;
}

.animo-footer-recommended .footer-company-value {
margin:0 0 22px;
color:#fff;
font-size:20px;
line-height:1.55;
}

.animo-footer-recommended .footer-address-row {
display:flex;
align-items:center;
gap:48px;
}

.animo-footer-recommended .footer-address-row .footer-company-value {
margin:0;
max-width:760px;
}

.animo-footer-recommended .footer-map-pin {
flex:0 0 90px;
width:90px;
height:115px;
display:grid;
place-items:center;
text-decoration:none;
}

.animo-footer-recommended .map-pin-shape {
position:relative;
width:70px;
height:92px;
background:#ef2631;
border:3px solid #111;
border-radius:55% 55% 55% 0;
transform:rotate(-45deg);
box-shadow:0 4px 0 rgba(0,0,0,.15);
}

.animo-footer-recommended .map-pin-shape:before {
content:"";
position:absolute;
width:30px;
height:30px;
left:17px;
top:17px;
background:#fff;
border:3px solid #111;
border-radius:50%;
}

.animo-footer-recommended .map-pin-shape:after {
content:"";
position:absolute;
width:38px;
height:10px;
left:10px;
bottom:-13px;
background:#f8c83e;
border:2px solid #111;
border-radius:50%;
transform:rotate(45deg);
}

.animo-footer-recommended .footer-map-pin:hover .map-pin-shape {
transform:rotate(-45deg) translateY(-5px);
}

.animo-footer-recommended .animo-footer-bottom {
max-width:1500px!important;
margin:0 auto!important;
padding:18px 0 0!important;
border-top:1px solid rgba(255,255,255,.18)!important;
color:rgba(255,255,255,.72)!important;
font-size:11px!important;
}

@media(max-width:800px) {
.animo-footer-recommended {
padding:0 5% 22px!important}

.animo-footer-recommended .footer-benefits {
grid-template-columns:1fr;
min-height:0;
padding:24px 0 10px;
text-align:left;
}

.animo-footer-recommended .footer-benefits>div {
padding:10px 0}

.animo-footer-recommended .footer-benefits strong {
font-size:20px}

.animo-footer-recommended .footer-company {
padding:25px 0 45px}

.animo-footer-recommended .animo-footer-logo img {
width:280px!important;
max-width:85vw!important}

.animo-footer-recommended .footer-company-left>p {
font-size:16px}

.animo-footer-recommended .footer-company-left h2 {
font-size:27px;
margin-bottom:26px}

.animo-footer-recommended .footer-company-left h3 {
font-size:19px}

.animo-footer-recommended .footer-company-value {
font-size:16px}

.animo-footer-recommended .footer-address-row {
align-items:flex-start;
gap:20px}

.animo-footer-recommended .footer-address-row .footer-company-value {
max-width:calc(100% - 70px)}

.animo-footer-recommended .footer-map-pin {
flex-basis:60px;
width:60px;
height:85px}

.animo-footer-recommended .map-pin-shape {
width:48px;
height:65px}

.animo-footer-recommended .map-pin-shape:before {
width:22px;
height:22px;
left:11px;
top:11px}

.animo-footer-recommended .map-pin-shape:after {
width:30px;
left:7px}

}

@media(max-width:480px) {
.animo-footer-recommended .footer-address-row {
display:block}

.animo-footer-recommended .footer-map-pin {
margin:18px 0 0 4px}

}

/* ===== ANIMO FOOTER — PROFESSIONAL REFINEMENT ===== */
.animo-footer-recommended {
background:#0b5f0b!important;
color:#fff!important;
padding:0 5% 24px!important;
overflow:hidden;
}

.animo-footer-recommended .footer-benefits {
max-width:1280px;
min-height:126px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(3,1fr);
align-items:stretch;
text-align:left;
}

.animo-footer-recommended .footer-benefit {
display:flex;
align-items:center;
gap:18px;
padding:22px 34px;
position:relative;
}

.animo-footer-recommended .footer-benefit:not(:last-child)::after {
content:"";
position:absolute;
right:0;
top:28%;
width:1px;
height:44%;
background:rgba(255,255,255,.18);
}

.animo-footer-recommended .footer-benefit-icon {
width:48px;
height:48px;
flex:0 0 48px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.45);
border-radius:14px;
font-size:18px;
font-weight:800;
color:#fff;
background:rgba(255,255,255,.08);
}

.animo-footer-recommended .footer-benefit strong {
display:block;
color:#fff;
font-size:18px;
line-height:1.25;
font-weight:800;
}

.animo-footer-recommended .footer-benefit small {
display:block;
margin-top:5px;
color:rgba(255,255,255,.68);
font-size:12px;
line-height:1.4;
}

.animo-footer-recommended .footer-divider {
height:1px;
max-width:1280px;
margin:0 auto;
background:rgba(255,255,255,.16);
}

.animo-footer-recommended .footer-company {
max-width:1280px;
margin:0 auto;
padding:54px 0 48px;
display:grid;
grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);
gap:100px;
align-items:start;
}

.animo-footer-recommended .footer-brand-block {
padding-top:4px;
}

.animo-footer-recommended .animo-footer-logo {
display:inline-flex!important;
align-items:center;
background:#fff;
border-radius:12px;
padding:10px 18px;
margin:0 0 17px!important;
box-shadow:0 8px 25px rgba(0,0,0,.12);
}

.animo-footer-recommended .animo-footer-logo img {
width:245px!important;
max-width:100%!important;
height:auto!important;
max-height:62px!important;
object-fit:contain!important;
}

.animo-footer-recommended .footer-tagline {
max-width:370px;
margin:0;
color:rgba(255,255,255,.76);
font-size:15px;
line-height:1.7;
}

.animo-footer-recommended .footer-contact-mini {
margin-top:22px;
}

.animo-footer-recommended .footer-contact-mini a {
color:#fff;
font-size:14px;
font-weight:700;
text-decoration:none;
}

.animo-footer-recommended .footer-contact-mini a:hover {
text-decoration:underline;
}

.animo-footer-recommended .footer-info-block {
max-width:650px;
}

.animo-footer-recommended .footer-info-block h2 {
margin:0 0 27px;
color:#fff;
font-size:24px;
line-height:1.25;
font-weight:800;
}

.animo-footer-recommended .footer-info-item {
margin-bottom:19px;
}

.animo-footer-recommended .footer-info-item span {
display:block;
margin-bottom:5px;
color:rgba(255,255,255,.58);
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.12em;
}

.animo-footer-recommended .footer-info-item strong,
.animo-footer-recommended .footer-info-item p {
margin:0;
color:#fff;
font-size:15px;
line-height:1.65;
}

.animo-footer-recommended .footer-location-btn {
display:inline-flex;
align-items:center;
gap:10px;
margin-top:4px;
padding:11px 15px;
border:1px solid rgba(255,255,255,.25);
border-radius:10px;
color:#fff;
background:rgba(255,255,255,.08);
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.2s ease;
}

.animo-footer-recommended .footer-location-btn:hover {
background:rgba(255,255,255,.15);
transform:translateY(-1px);
}

.animo-footer-recommended .footer-location-icon {
font-size:18px;
line-height:1;
}

.animo-footer-recommended .animo-footer-bottom {
max-width:1280px!important;
margin:0 auto!important;
padding:18px 0 0!important;
border-top:1px solid rgba(255,255,255,.14)!important;
color:rgba(255,255,255,.55)!important;
font-size:11px!important;
display:flex;
justify-content:space-between;
gap:20px;
}

@media(max-width:900px) {
.animo-footer-recommended .footer-company {
grid-template-columns:1fr;
gap:38px;
}

}

@media(max-width:700px) {
.animo-footer-recommended {
padding:0 6% 20px!important}

.animo-footer-recommended .footer-benefits {
grid-template-columns:1fr;
min-height:0;
padding:10px 0;
}

.animo-footer-recommended .footer-benefit {
padding:15px 4px;
}

.animo-footer-recommended .footer-benefit:not(:last-child)::after {
display:none}

.animo-footer-recommended .footer-benefit:not(:last-child) {
border-bottom:1px solid rgba(255,255,255,.12)}

.animo-footer-recommended .footer-company {
padding:38px 0 35px;
gap:34px;
}

.animo-footer-recommended .footer-info-block h2 {
font-size:21px}

.animo-footer-recommended .footer-info-item strong,
.animo-footer-recommended .footer-info-item p {
font-size:14px}

.animo-footer-recommended .animo-footer-bottom {
display:block!important;
line-height:1.7;
}

.animo-footer-recommended .animo-footer-bottom span {
display:block}

.animo-footer-recommended .animo-footer-bottom span+span {
margin-top:3px}

.desktop-only {
display:none}

}

/* =========================================================
ANIMO LABEL — CLEAN FOOTER LAYOUT
========================================================= */
.animo-footer-recommended {
all:initial;
display:block!important;
box-sizing:border-box!important;
width:100%!important;
background:#0b5f0b!important;
color:#fff!important;
font-family:inherit!important;
}

.animo-footer-recommended *,
.animo-footer-recommended *::before,
.animo-footer-recommended *::after {
box-sizing:border-box!important}

.animo-footer-recommended .footer-inner {
width:min(1280px,92%)!important;
margin:0 auto!important;
}

.animo-footer-recommended .footer-benefits {
width:100%!important;
min-height:128px!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:stretch!important;
border-bottom:1px solid rgba(255,255,255,.16)!important;
}

.animo-footer-recommended .footer-benefit {
min-width:0!important;
display:flex!important;
align-items:center!important;
gap:16px!important;
padding:25px 30px!important;
margin:0!important;
position:relative!important;
}

.animo-footer-recommended .footer-benefit:not(:last-child) {
border-right:1px solid rgba(255,255,255,.16)!important;
}

.animo-footer-recommended .footer-benefit-icon {
width:46px!important;
height:46px!important;
min-width:46px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.38)!important;
border-radius:12px!important;
background:rgba(255,255,255,.07)!important;
color:#fff!important;
font-size:16px!important;
font-weight:800!important;
}

.animo-footer-recommended .footer-benefit div {
min-width:0!important;
}

.animo-footer-recommended .footer-benefit strong {
display:block!important;
margin:0!important;
color:#fff!important;
font-size:17px!important;
line-height:1.3!important;
font-weight:800!important;
}

.animo-footer-recommended .footer-benefit small {
display:block!important;
margin:5px 0 0!important;
color:rgba(255,255,255,.64)!important;
font-size:12px!important;
line-height:1.4!important;
}

.animo-footer-recommended .footer-main {
width:100%!important;
display:grid!important;
grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)!important;
gap:90px!important;
padding:54px 30px 50px!important;
margin:0!important;
}

.animo-footer-recommended .footer-company-card,
.animo-footer-recommended .footer-info-card {
min-width:0!important;
margin:0!important;
padding:0!important;
}

.animo-footer-recommended .animo-footer-logo {
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
max-width:100%!important;
padding:9px 16px!important;
margin:0 0 16px!important;
border-radius:10px!important;
background:#fff!important;
text-decoration:none!important;
}

.animo-footer-recommended .animo-footer-logo img {
display:block!important;
width:235px!important;
max-width:100%!important;
height:auto!important;
max-height:58px!important;
object-fit:contain!important;
}

.animo-footer-recommended .footer-company-card > .footer-tagline {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: start !important;
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

.animo-footer-recommended .footer-whatsapp {
display:inline-flex!important;
align-items:center!important;
gap:11px!important;
margin-top:22px!important;
padding:10px 14px!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:10px!important;
background:rgba(255,255,255,.06)!important;
color:#fff!important;
text-decoration:none!important;
}

.animo-footer-recommended .footer-whatsapp-dot {
display:grid!important;
place-items:center!important;
width:38px!important;
height:38px!important;
flex:0 0 38px!important;
border-radius:50%!important;
background:#25D366!important;
overflow:hidden!important;
}
.animo-footer-recommended .footer-whatsapp-dot img {
width:38px!important;
height:38px!important;
padding:7px!important;
object-fit:contain!important;
}

.animo-footer-recommended .footer-whatsapp small {
display:block!important;
color:rgba(255,255,255,.56)!important;
font-size:10px!important;
line-height:1.2!important;
}

.animo-footer-recommended .footer-whatsapp strong {
display:block!important;
margin-top:3px!important;
color:#fff!important;
font-size:13px!important;
}

.animo-footer-recommended .footer-info-card h2 {
margin:0 0 26px!important;
color:#fff!important;
font-size:25px!important;
line-height:1.25!important;
font-weight:800!important;
}

.animo-footer-recommended .footer-info-row {
margin:0 0 20px!important;
padding:0!important;
}

.animo-footer-recommended .footer-label {
display:block!important;
margin:0 0 5px!important;
color:rgba(255,255,255,.54)!important;
font-size:10px!important;
font-weight:800!important;
text-transform:uppercase!important;
letter-spacing:.12em!important;
}

.animo-footer-recommended .footer-info-row strong,
.animo-footer-recommended .footer-info-row p {
display:block!important;
margin:0!important;
color:#fff!important;
font-size:15px!important;
line-height:1.65!important;
}

.animo-footer-recommended .footer-location-btn {
display:flex!important;
align-items:center!important;
width:max-content!important;
max-width:100%!important;
gap:10px!important;
margin:5px 0 0!important;
padding:11px 14px!important;
border:1px solid rgba(255,255,255,.22)!important;
border-radius:9px!important;
background:rgba(255,255,255,.07)!important;
color:#fff!important;
text-decoration:none!important;
font-size:12px!important;
font-weight:700!important;
}

.animo-footer-recommended .footer-location-btn b {
margin-left:4px!important;
font-size:16px!important;
}

.animo-footer-recommended .footer-location-icon {
font-size:20px!important;
line-height:1!important;
}

.animo-footer-recommended .animo-footer-bottom {
width:100%!important;
min-height:54px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
padding:16px 30px!important;
margin:0!important;
border-top:1px solid rgba(255,255,255,.14)!important;
color:rgba(255,255,255,.52)!important;
font-size:10px!important;
line-height:1.5!important;
}

@media(max-width:900px) {
.animo-footer-recommended .footer-main {
grid-template-columns:1fr!important;
gap:42px!important;
padding:44px 22px!important;
}

}

@media(max-width:700px) {
.animo-footer-recommended .footer-inner {
width:92%!important}

.animo-footer-recommended .footer-benefits {
grid-template-columns:1fr!important;
min-height:0!important;
}

.animo-footer-recommended .footer-benefit {
padding:17px 8px!important;
border-right:0!important;
border-bottom:1px solid rgba(255,255,255,.12)!important;
}

.animo-footer-recommended .footer-benefit:last-child {
border-bottom:0!important}

.animo-footer-recommended .footer-main {
gap:34px!important;
padding:38px 8px!important;
}

.animo-footer-recommended .footer-info-card h2 {
font-size:21px!important}

.animo-footer-recommended .footer-info-row strong,
.animo-footer-recommended .footer-info-row p {
font-size:14px!important}

.animo-footer-recommended .footer-location-btn {
width:100%!important;
justify-content:center!important}

.animo-footer-recommended .animo-footer-bottom {
display:block!important;
padding:15px 8px!important;
}

.animo-footer-recommended .animo-footer-bottom span {
display:block!important}

.animo-footer-recommended .animo-footer-bottom span+span {
margin-top:4px!important}

}

/* Footer marketplace */
.animo-footer-recommended .footer-marketplace {
margin-top:26px!important;
padding-top:20px!important;
border-top:1px solid rgba(255,255,255,.13)!important;
max-width:360px!important;
}

.animo-footer-recommended .footer-marketplace-title {
display:block!important;
margin:0 0 12px!important;
color:#fff!important;
font-size:12px!important;
line-height:1.3!important;
font-weight:800!important;
text-transform:uppercase!important;
letter-spacing:.12em!important;
}

.animo-footer-recommended .footer-marketplace-logos {
display:flex!important;
align-items:center!important;
gap:12px!important;
}

.animo-footer-recommended .footer-marketplace-logos a {
width:150px!important;
height:58px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:6px 10px!important;
background:#fff!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:9px!important;
text-decoration:none!important;
transition:transform .2s ease,box-shadow .2s ease!important;
}

.animo-footer-recommended .footer-marketplace-logos a:hover {
transform:translateY(-2px)!important;
box-shadow:0 7px 18px rgba(0,0,0,.16)!important;
}

.animo-footer-recommended .footer-marketplace-logos img {
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
}

@media(max-width:700px) {
.animo-footer-recommended .footer-marketplace {
max-width:100%!important;
}

.animo-footer-recommended .footer-marketplace-logos a {
width:140px!important;
height:54px!important;
}

}

/* Kategori produk — tampilkan foto produk utuh dan jelas */
.premium-category-grid .premium-category img {
object-fit:contain!important;
object-position:center!important;
padding:18px!important;
background:#fff!important;
filter:none!important;
}

.premium-category-grid .premium-category:after {
background:linear-gradient(0deg,rgba(5,29,19,.78),rgba(5,29,19,.04) 58%,rgba(5,29,19,0) 100%)!important;
}

.premium-category-grid .premium-category.category-no-image {
background:linear-gradient(135deg,#edf3ef,#dfeae3)!important;
}

.premium-category-grid .premium-category.category-no-image:before {
content:"Foto produk belum tersedia";
position:absolute;
inset:0;
display:grid;
place-items:center;
padding-bottom:52px;
color:#6d7b73;
font-size:12px;
font-weight:700;
z-index:1;
}

.premium-category-grid .premium-category.category-no-image:after {
background:linear-gradient(0deg,rgba(5,29,19,.72),rgba(5,29,19,.02) 65%)!important;
}

/* ===== MARKETPLACE — LOGO LEBIH MENONJOL ===== */
.premium-marketplace-links {
gap:18px!important;
}

.premium-marketplace-links a {
min-height:110px!important;
padding:16px 20px!important;
gap:18px!important;
border-radius:16px!important;
}

.premium-marketplace-links img {
width:120px!important;
height:68px!important;
object-fit:contain!important;
flex:0 0 120px!important;
}

.premium-marketplace-links b {
font-size:16px!important;
}

.premium-marketplace-links small {
font-size:11px!important;
margin-top:5px!important;
}

@media(max-width:700px) {
.premium-marketplace-links {
gap:14px!important;
}

.premium-marketplace-links a {
min-height:96px!important;
padding:14px 16px!important;
}

.premium-marketplace-links img {
width:105px!important;
height:60px!important;
flex:0 0 105px!important;
}

}

@media(max-width:430px) {
.premium-marketplace-links a {
min-height:92px!important;
}

.premium-marketplace-links img {
width:95px!important;
height:56px!important;
flex-basis:95px!important;
}

}

/* ===== FINAL TYPOGRAPHY & LOGO ADJUSTMENT ===== */
/* Teks utama dibuat sedikit lebih tegas tanpa menjadi terlalu berat. */
body {
font-weight:500!important;
}

.header .main-nav,
.premium-nav {
font-weight:750!important;
}

.header-search input {
font-weight:500!important;
}

.premium-hero-copy h1 {
font-weight:800!important;
}

.premium-hero-copy p {
font-weight:500!important;
}

.premium-section-head h2,
.premium-info-copy h2,
.premium-marketplace h2,
.premium-cta h2 {
font-weight:800!important;
}

.premium-section-head small,
.premium-info-copy small,
.premium-marketplace small,
.premium-cta small {
font-weight:800!important;
}

.premium-category b,
.premium-product h3,
.premium-product strong {
font-weight:800!important;
}

.quick-benefits strong,
.footer-benefit strong,
.footer-info-card h2,
.footer-info-row strong,
.footer-marketplace-title {
font-weight:800!important;
}

.footer-tagline,
.footer-info-row p,
.footer-benefit small {
font-weight:500!important;
}

/* Logo header: sedikit lebih besar. */
.premium-header .site-logo {
width:170px!important;
max-height:56px!important;
}

/* Logo footer: sedikit diperkecil agar lebih proporsional. */
.animo-footer-recommended .animo-footer-logo img {
width:215px!important;
max-width:100%!important;
max-height:54px!important;
}

@media(max-width:1050px) {
.premium-header .site-logo {
width:162px!important;
max-height:54px!important;
}

.animo-footer-recommended .animo-footer-logo img {
width:205px!important;
max-height:52px!important;
}
}

@media(max-width:760px) {
.premium-header .site-logo {
width:150px!important;
max-height:50px!important;
}

.animo-footer-recommended .animo-footer-logo img {
width:195px!important;
max-height:50px!important;
}
}

@media(max-width:430px) {
.premium-header .site-logo {
width:142px!important;
max-height:48px!important;
}

.animo-footer-recommended .animo-footer-logo img {
width:185px!important;
max-height:48px!important;
}
}


/* FIX: label WhatsApp mengembang tetap satu pill dan teks berada di dalamnya */
.premium-wa.wa-float {
  box-sizing:border-box!important;
  overflow:hidden!important;
  gap:0!important;
  padding:0!important;
}
.premium-wa.wa-float img {
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
}
.premium-wa.wa-float .wa-tooltip {
  position:static!important;
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0 13px 0 4px!important;
  margin:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
  line-height:1.25!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  transition:opacity .22s ease!important;
}
.premium-wa.wa-float:hover,
.premium-wa.wa-float:focus-visible {
  width:260px!important;
  max-width:calc(100vw - 24px)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.premium-wa.wa-float:hover .wa-tooltip,
.premium-wa.wa-float:focus-visible .wa-tooltip {
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media(max-width:900px) {
  .premium-wa.wa-float img {
    flex-basis:54px!important;
    width:54px!important;
    height:54px!important;
  }
  .premium-wa.wa-float:hover,
  .premium-wa.wa-float:focus-visible {
    width:250px!important;
    max-width:calc(100vw - 24px)!important;
  }
}


/* FINAL WhatsApp: only one clean expanded label, no nested/overlapping label */
.premium-wa.wa-float {
  width:58px!important;
  height:58px!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
}
.premium-wa.wa-float img {
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  padding:9px!important;
  margin:0!important;
}
.premium-wa.wa-float .wa-tooltip {
  position:static!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0 14px 0 5px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
}
.premium-wa.wa-float:hover,
.premium-wa.wa-float:focus-visible {
  width:260px!important;
  max-width:calc(100vw - 24px)!important;
  height:58px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#25d366!important;
}
.premium-wa.wa-float:hover .wa-tooltip,
.premium-wa.wa-float:focus-visible .wa-tooltip {
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media(max-width:900px) {
  .premium-wa.wa-float:hover,
  .premium-wa.wa-float:focus-visible {
    width:250px!important;
    max-width:calc(100vw - 24px)!important;
  }
}


/* FINAL FIX 2026-10-02: WhatsApp label permanently visible */
.premium-wa.wa-float {
  width:260px!important;
  max-width:calc(100vw - 24px)!important;
  height:58px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:#25d366!important;
  right:22px!important;
  bottom:22px!important;
  text-decoration:none!important;
}
.premium-wa.wa-float img {
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  padding:9px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#25d366!important;
  object-fit:contain!important;
}
.premium-wa.wa-float .wa-tooltip {
  position:static!important;
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0 16px 0 7px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-align:center!important;
  pointer-events:none!important;
}
.premium-wa.wa-float:hover {
  width:260px!important;
  max-width:calc(100vw - 24px)!important;
  background:#25d366!important;
  transform:translateY(-2px)!important;
}
@media(max-width:900px) {
  .premium-wa.wa-float {
    width:250px!important;
    max-width:calc(100vw - 24px)!important;
    right:16px!important;
    bottom:16px!important;
  }
}
@media(max-width:430px) {
  .premium-wa.wa-float {
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
  .premium-wa.wa-float .wa-tooltip {
    font-size:11px!important;
    padding-right:10px!important;
  }
}


/* FINAL WhatsApp text refinement: larger but always contained */
.premium-wa.wa-float {
  width:280px!important;
  max-width:calc(100vw - 24px)!important;
  padding:0!important;
}
.premium-wa.wa-float .wa-tooltip {
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 58px)!important;
  padding:0 10px 0 5px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-align:center!important;
}
@media(max-width:900px) {
  .premium-wa.wa-float {
    width:270px!important;
    max-width:calc(100vw - 24px)!important;
  }
}
@media(max-width:430px) {
  .premium-wa.wa-float {
    width:calc(100vw - 24px)!important;
  }
  .premium-wa.wa-float .wa-tooltip {
    max-width:calc(100% - 58px)!important;
    padding-right:7px!important;
    font-size:12px!important;
  }
}


/* FINAL FOOTER POSITION: Marketplace & WhatsApp on the right */
.animo-footer-recommended .footer-main {
  grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr)!important;
  align-items:start!important;
}
.animo-footer-recommended .footer-company-card {
  min-width:0!important;
}
.animo-footer-recommended .footer-info-card {
  grid-column:1!important;
}
.animo-footer-recommended .footer-marketplace,
.animo-footer-recommended .footer-Whatsapp {
  grid-column:2!important;
  margin-left:0!important;
  max-width:none!important;
}
.animo-footer-recommended .footer-marketplace {
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.animo-footer-recommended .footer-Whatsapp {
  margin-top:28px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.13)!important;
}
@media(max-width:900px) {
  .animo-footer-recommended .footer-main {
    grid-template-columns:1fr!important;
  }
  .animo-footer-recommended .footer-info-card,
  .animo-footer-recommended .footer-marketplace,
  .animo-footer-recommended .footer-Whatsapp {
    grid-column:auto!important;
  }
}


/* CORRECT FOOTER LAYOUT: right column is inside the company card */
.animo-footer-recommended .footer-main {
  display:block!important;
  padding:54px 30px 50px!important;
}
.animo-footer-recommended .footer-company-card {
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) minmax(420px,1fr)!important;
  column-gap:90px!important;
  row-gap:0!important;
  align-items:start!important;
}
.animo-footer-recommended .footer-company-card > .animo-footer-logo,
.animo-footer-recommended .footer-company-card > .footer-tagline,
.animo-footer-recommended .footer-company-card > .footer-info-card {
  grid-column:1!important;
}
.animo-footer-recommended .footer-company-card > .footer-marketplace,
.animo-footer-recommended .footer-company-card > .footer-Whatsapp {
  grid-column:2!important;
}
.animo-footer-recommended .footer-company-card > .animo-footer-logo {
  grid-row:1!important;
}
.animo-footer-recommended .footer-company-card > .footer-tagline {
  grid-row:2!important;
}
.animo-footer-recommended .footer-company-card > .footer-info-card {
  grid-row:3!important;
  margin-top:28px!important;
}
.animo-footer-recommended .footer-company-card > .footer-marketplace {
  grid-row:1 / span 2!important;
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
  max-width:none!important;
}
.animo-footer-recommended .footer-company-card > .footer-Whatsapp {
  grid-row:3!important;
  margin-top:28px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.13)!important;
}
@media(max-width:900px) {
  .animo-footer-recommended .footer-main {
    padding:44px 22px!important;
  }
  .animo-footer-recommended .footer-company-card {
    display:grid!important;
    grid-template-columns:1fr!important;
    row-gap:0!important;
  }
  .animo-footer-recommended .footer-company-card > .animo-footer-logo,
  .animo-footer-recommended .footer-company-card > .footer-tagline,
  .animo-footer-recommended .footer-company-card > .footer-info-card,
  .animo-footer-recommended .footer-company-card > .footer-marketplace,
  .animo-footer-recommended .footer-company-card > .footer-Whatsapp {
    grid-column:1!important;
    grid-row:auto!important;
  }
  .animo-footer-recommended .footer-company-card > .footer-marketplace {
    margin-top:28px!important;
    padding-top:20px!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
  }
}


/* FINAL FOOTER LOGO: white label follows logo width and stays left */
.animo-footer-recommended .footer-company-card > .animo-footer-logo {
  display:inline-flex!important;
  width:max-content!important;
  max-width:max-content!important;
  min-width:0!important;
  padding:0!important;
  margin:0 0 16px!important;
  background:#fff!important;
  border-radius:10px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-self:start!important;
  align-self:start!important;
  overflow:hidden!important;
}
.animo-footer-recommended .footer-company-card > .animo-footer-logo img {
  display:block!important;
  width:215px!important;
  max-width:215px!important;
  height:auto!important;
  max-height:54px!important;
  object-fit:contain!important;
}
@media(max-width:1050px) {
  .animo-footer-recommended .footer-company-card > .animo-footer-logo img {
    width:205px!important;
    max-width:205px!important;
    max-height:52px!important;
  }
}
@media(max-width:760px) {
  .animo-footer-recommended .footer-company-card > .animo-footer-logo img {
    width:195px!important;
    max-width:195px!important;
    max-height:50px!important;
  }
}
@media(max-width:430px) {
  .animo-footer-recommended .footer-company-card > .animo-footer-logo img {
    width:185px!important;
    max-width:185px!important;
    max-height:48px!important;
  }
}


/* FINAL FOOTER WHATSAPP: rapat seperti Marketplace */
.animo-footer-recommended .footer-company-card > .footer-Whatsapp {
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.animo-footer-recommended .footer-company-card > .footer-Whatsapp .footer-marketplace-title {
  margin:0 0 12px!important;
}
.animo-footer-recommended .footer-company-card > .footer-Whatsapp .footer-whatsapp-logos {
  margin-top:0!important;
  padding-top:0!important;
}
.animo-footer-recommended .footer-company-card > .footer-Whatsapp .footer-whatsapp {
  margin-top:0!important;
}


/* FINAL SECTION LABELS: lebih tebal */
.premium-section-head small,
.premium-marketplace > div:first-child > small {
  font-weight:900!important;
  letter-spacing:.08em!important;
}


/* FINAL CATEGORY BAR: hijau full, hanya bagian kategori sebelum banner */
.category-strip {
  width:100%!important;
  background:#85CB05!important;
  border-bottom:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.category-strip-inner {
  max-width:1500px!important;
  margin:auto!important;
  padding:0 5%!important;
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  white-space:nowrap!important;
  height:47px!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.category-strip a {
  color:#111!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  height:auto!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13.5px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.category-strip a:hover,
.category-strip a:focus-visible {
  color:#000!important;
  background:transparent!important;
}
@media(max-width:850px) {
  .category-strip-inner {
    padding:0 4%!important;
    gap:22px!important;
    height:47px!important;
  }
}
@media(max-width:700px) {
  .category-strip a {
    font-size:13px!important;
  }
}


/* FINAL CATEGORY BAR TYPOGRAPHY: normal, tidak tebal */
.category-strip a {
  font-weight:500!important;
}


/* FINAL QUICK BENEFITS: full-width green strip directly below banner */
.quick-benefits {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#85CB05!important;
  color:#fff!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.quick-benefits div {
  padding:24px 5%!important;
  border-right:1px solid rgba(255,255,255,.25)!important;
  border-bottom:0!important;
  background:#85CB05!important;
}
.quick-benefits div:last-child {
  border-right:0!important;
}
.quick-benefits strong {
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
}
.quick-benefits span {
  color:rgba(255,255,255,.95)!important;
  font-size:13px!important;
  margin-top:5px!important;
}
@media(max-width:850px) {
  .quick-benefits {
    grid-template-columns:1fr!important;
  }
  .quick-benefits div {
    padding:18px 6%!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.25)!important;
  }
  .quick-benefits div:last-child {
    border-bottom:0!important;
  }
}


/* FINAL QUICK BENEFITS TEXT: Times New Roman, judul 16px bold, isi 13px bold */
.quick-benefits strong {
  font-family:"Times New Roman",Times,serif!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:700!important;
  text-shadow:none!important;
}
.quick-benefits span {
  font-family:"Times New Roman",Times,serif!important;
  color:#111!important;
  font-size:13px!important;
  font-weight:700!important;
}

/* FINAL READABILITY FIX — kategori atas banner & Quick Benefits */
.category-strip a {
  font-family:"Times New Roman",Times,serif!important;
  font-size:16px!important;
  font-weight:700!important;
  color:#000!important;
  text-shadow:0 0 .2px #000!important;
}
.category-strip a:hover,
.category-strip a:focus-visible { color:#000!important; background:transparent!important; }
.quick-benefits strong {
  font-family:"Times New Roman",Times,serif!important;
  color:#000!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-shadow:0 0 .2px #000!important;
}
.quick-benefits span {
  font-family:"Times New Roman",Times,serif!important;
  color:#000!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-shadow:0 0 .2px #000!important;
}
@media(max-width:700px) {
  .category-strip a { font-size:16px!important; }
  .quick-benefits strong { font-size:20px!important; }
  .quick-benefits span { font-size:16px!important; }
}

/* FINAL GREEN + WHITE TEXT — category bar & Quick Benefits */
.category-strip,
.category-strip-inner {
  background:#0b2a1d!important;
}
.category-strip a,
.category-strip a:hover,
.category-strip a:focus-visible {
  color:#fff!important;
  text-shadow:0 0 .2px #fff!important;
}
.quick-benefits,
.quick-benefits div {
  background:#0b2a1d!important;
}
.quick-benefits strong,
.quick-benefits span {
  color:#fff!important;
  text-shadow:0 0 .2px #fff!important;
}

/* FINAL HEADER COLOR — green edge-to-edge, black text, logo preserved */
.premium-header {
  background:#0b5f0a!important;
  background-color:#0b5f0a!important;
}
.premium-header .brand,
.premium-header .premium-nav,
.premium-header .premium-nav a,
.premium-header .nav-cta,
.premium-header .mobile-menu-btn {
  color:#000!important;
}
.premium-header .premium-nav a:hover,
.premium-header .premium-nav a:focus-visible,
.premium-header .premium-nav a.active {
  color:#000!important;
}
.premium-header .site-logo {
  background:#fff!important;
  object-fit:contain!important;
}
.premium-header .brand {
  background:#fff!important;
  border-radius:6px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.premium-header .premium-search {
  background:#fff!important;
  border-color:rgba(0,0,0,.18)!important;
}
.premium-header .premium-search input,
.premium-header .premium-search input::placeholder,
.premium-header .header-search-clear,
.premium-header .header-search-submit {
  color:#000!important;
}
.premium-header .header-search-submit {
  background:#fff!important;
  border:1px solid rgba(0,0,0,.18)!important;
}
@media(max-width:850px) {
  .premium-header .premium-nav {
    background:#0b5f0a!important;
  }
}

/* FINAL HEADER LOGO LABEL + NAV WHITE */
.premium-header .brand {
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  padding:0!important;
}
.premium-header .site-logo {
  display:block!important;
  width:170px!important;
  max-height:56px!important;
  background:#fff!important;
  border-radius:4px!important;
  object-fit:contain!important;
}
.premium-header .premium-nav a,
.premium-header .premium-nav a:hover,
.premium-header .premium-nav a:focus-visible,
.premium-header .premium-nav a.active,
.premium-header .nav-cta {
  color:#fff!important;
}
.premium-header .premium-nav a:after {
  background:#fff!important;
}
@media(max-width:1050px){
  .premium-header .site-logo { width:162px!important; max-height:54px!important; }
}
@media(max-width:760px){
  .premium-header .site-logo { width:150px!important; max-height:50px!important; }
}
@media(max-width:430px){
  .premium-header .site-logo { width:142px!important; max-height:48px!important; }
}


/* FINAL HEADER SEARCH POSITION: search before Beranda, not beside logo */
@media(min-width:851px){
  .premium-header .premium-search{
    margin-left:auto!important;
    margin-right:0!important;
    width:min(430px,30vw)!important;
  }
  .premium-header .premium-nav{
    margin-left:0!important;
  }
}


/* HEADER POSITION FIX: desktop order is Logo -> flexible space -> Search -> Beranda -> Produk -> Tentang -> Artikel -> Konsultasi */
@media(min-width:851px){
  .premium-header{
    display:flex!important;
    align-items:center!important;
    gap:24px!important;
  }
  .premium-header .brand{
    order:1!important;
    flex:0 0 auto!important;
    margin-right:0!important;
  }
  .premium-header .premium-search{
    order:2!important;
    flex:0 1 min(430px,30vw)!important;
    width:min(430px,30vw)!important;
    margin-left:auto!important;
    margin-right:0!important;
  }
  .premium-header .premium-nav{
    order:3!important;
    flex:0 0 auto!important;
    margin-left:0!important;
    gap:20px!important;
  }
  .premium-header .nav-cta{
    order:4!important;
    flex:0 0 auto!important;
  }
  .premium-header .mobile-menu-btn{
    order:5!important;
  }
}
@media(max-width:850px){
  .premium-header .brand{order:1!important;}
  .premium-header .mobile-menu-btn{order:2!important;}
  .premium-header .premium-search{order:3!important;}
  .premium-header .premium-nav{order:4!important;}
}


/* HEADER TYPOGRAPHY FINAL: search normal, navigation larger */
@media(min-width:851px){
  .premium-header .premium-search input{
    font-weight:400!important;
  }
  .premium-header .header-search-submit{
    font-weight:400!important;
  }
  .premium-header .premium-nav a{
    font-size:17px!important;
    font-weight:700!important;
  }
  .premium-header .nav-cta{
    font-size:16px!important;
    font-weight:700!important;
  }
}
@media(max-width:850px){
  .premium-header .premium-search input{
    font-weight:400!important;
  }
  .premium-header .header-search-submit{
    font-weight:400!important;
  }
  .premium-header .premium-nav a{
    font-size:17px!important;
    font-weight:700!important;
  }
}

/* FINAL HEADER LOGO POSITION: geser logo sedikit ke kanan */
@media(min-width:851px){
  .premium-header .brand{
    margin-left:30px!important;
  }
}

/* FINAL HEADER LOGO SIZE: diperbesar */
.premium-header .site-logo{
  width:200px!important;
  max-height:64px!important;
}
@media(max-width:1050px){
  .premium-header .site-logo{width:190px!important;max-height:61px!important;}
}
@media(max-width:760px){
  .premium-header .site-logo{width:175px!important;max-height:57px!important;}
}
@media(max-width:430px){
  .premium-header .site-logo{width:160px!important;max-height:53px!important;}
}


/* FINAL SECTION LABELS — KATEGORI PRODUK, BEST SELLER, MARKETPLACE lebih tebal dan solid */
.premium-section-head small,
.premium-marketplace > div:first-child > small {
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  color:#0b2a1d!important;
  opacity:1!important;
  text-shadow:0 0 .4px #0b2a1d!important;
}


/* FINAL SECTION LABELS — semua heading kecil dibuat tebal, solid, dan jelas */
.premium-section-head small,
.premium-info-copy > small,
.premium-marketplace > div:first-child > small {
  display:inline-block!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  color:#0b2a1d!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:#0b2a1d!important;
  text-shadow:0 0 .5px #0b2a1d!important;
}


/* Footer WhatsApp — use the uploaded WhatsApp logo, not text logo */
.footer-whatsapp-logos {
  margin-top: 12px;
}
.footer-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
}
.footer-whatsapp-icon {
  width: 70px;
  height: 70px;
  display: block;
  object-fit: contain;
  flex: 0 0 52px;
}
.footer-whatsapp:hover .footer-whatsapp-icon {
  transform: scale(1.08);
}
.footer-whatsapp-icon {
  transition: transform .2s ease;
}
@media(max-width:560px) {
  .footer-whatsapp-icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
}

/* FINAL FIX: footer WhatsApp — tampilkan logo asli tanpa label/background tambahan */
.footer-whatsapp-icon-only {
  width:58px!important;
  height:58px!important;
  padding:0!important;
  margin:12px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  box-shadow:none!important;
  line-height:0!important;
}
.footer-whatsapp-icon-only .footer-whatsapp-icon {
  width:58px!important;
  height:58px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  flex:0 0 58px!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:transparent!important;
}
.footer-whatsapp-icon-only:hover {
  transform:translateY(-2px)!important;
}
.footer-whatsapp-icon-only:hover .footer-whatsapp-icon {
  transform:none!important;
}
@media(max-width:560px){
  .footer-whatsapp-icon-only,
  .footer-whatsapp-icon-only .footer-whatsapp-icon {
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }
}

  /* =====================================================
   MINTA PENAWARAN
===================================================== */

/* =====================================================
   CTA — DUA TOMBOL
===================================================== */

.premium-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.premium-cta-content {
    flex: 1;
}

.premium-cta-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.premium-cta-buttons .btn {
    min-height: 48px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}


/* Tombol Minta Penawaran */

.premium-cta-buttons .btn-offer {
    background: #60d700;
    color: #ffffff;
    border: 1px solid #60d700;
}

.premium-cta-buttons .btn-offer:hover {
    background: #4fb500;
    border-color: #4fb500;
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 700px) {

    .premium-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }

    .premium-cta-buttons {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .premium-cta-buttons .btn {
        width: 100%;
    }

}