.zk-contact,.zk-contact *{box-sizing:border-box}.zk-contact{--zk-sticky-height:0px;position:fixed;left:24px;bottom:24px;z-index:99980;font-family:inherit;color:#1d2420}.zk-contact[hidden]{display:none!important}.zk-contact svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.zk-contact .zk-fill{fill:currentColor;stroke:none}.zk-contact__trigger{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 17px 10px 12px;border:0;border-radius:28px;background:var(--zk-primary);color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.2);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.zk-contact__trigger:hover{transform:translateY(-1px);box-shadow:0 10px 32px rgba(0,0,0,.25)}.zk-contact__trigger:focus-visible,.zk-contact__close:focus-visible,.zk-contact__channel:focus-visible{outline:3px solid #ffcf33;outline-offset:3px}.zk-contact__trigger-icon{display:grid;place-items:center;width:32px;height:32px}.zk-contact__panel{position:absolute;left:0;bottom:68px;width:352px;max-width:calc(100vw - 32px);padding:20px;border:1px solid rgba(20,46,27,.1);border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(17,38,23,.25);transform-origin:bottom left;animation:zk-panel-in .18s ease-out}.zk-contact__panel[hidden]{display:none}.zk-contact__header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.zk-contact__identity{display:flex;gap:12px;align-items:center}.zk-contact__identity h2{margin:0 0 4px;font:700 18px/1.25 inherit;color:#17241b}.zk-contact__identity p{margin:0;font-size:13px;color:#59655d}.zk-contact__avatar,.zk-contact__brand-icon{flex:0 0 44px;width:44px;height:44px;border-radius:50%}.zk-contact__avatar{object-fit:cover}.zk-contact__brand-icon{display:grid;place-items:center;background:color-mix(in srgb,var(--zk-primary) 13%,#fff);color:var(--zk-primary)}.zk-contact__brand-icon svg{width:22px}.zk-contact__close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f1f4f2;color:#3b4740;cursor:pointer}.zk-contact__close:hover{background:#e6ebe8}.zk-contact__close svg{width:19px;height:19px}.zk-contact__hours{margin:15px 0 13px;padding:10px 12px;border-radius:10px;background:#f1f7f2;color:#36523e;font-size:12.5px;line-height:1.4}.zk-contact__channels{display:grid;gap:7px}.zk-contact__channel{display:flex;align-items:center;gap:11px;min-height:56px;padding:8px 11px;border:1px solid #e5eae7;border-radius:12px;color:#1e2a22;text-decoration:none;background:#fff;transition:border-color .15s,background .15s}.zk-contact__channel[href]:hover{border-color:color-mix(in srgb,var(--zk-primary) 45%,#dfe5e1);background:#f9fbf9;color:#16251b}.zk-contact__channel strong,.zk-contact__channel small{display:block}.zk-contact__channel strong{font-size:14px;line-height:1.3}.zk-contact__channel small{margin-top:2px;color:#68736c;font-size:11.5px;line-height:1.3}.zk-contact__channel-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#f0f3f1}.zk-contact__channel-icon svg{width:19px;height:19px}.zk-contact__channel-icon--messenger{color:#0866ff;background:#edf4ff}.zk-contact__channel-icon--instagram{color:#b02b76;background:#fff0f7}.zk-contact__channel-icon--phone{color:var(--zk-primary);background:#eef7ef}.zk-contact__channel-icon--email{color:#455b91;background:#f0f3fb}.zk-contact__channel-icon--tiktok{color:#111;background:#f0f0f0}.zk-contact__arrow{margin-left:auto;color:#849087;font-size:24px}.zk-contact__channel.is-disabled{filter:grayscale(1);opacity:.55;cursor:not-allowed}.zk-contact__backdrop{display:none}@keyframes zk-panel-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:767px){html.zk-contact-scroll-lock,html.zk-contact-scroll-lock body{overflow:hidden!important;overscroll-behavior:none}.zk-contact{left:14px;bottom:calc(68px + var(--zk-sticky-height));z-index:999980;transition:bottom .2s ease}.zk-contact__trigger{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%}.zk-contact__trigger-icon{width:28px;height:28px}.zk-contact__trigger-label{display:none}.zk-contact__panel{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:none;max-height:calc(100dvh - 20px);overflow:auto;padding:20px 18px calc(18px + env(safe-area-inset-bottom));border:0;border-radius:20px 20px 0 0;box-shadow:0 -14px 45px rgba(0,0,0,.25);transform-origin:bottom center;z-index:2}.zk-contact__panel:before{content:"";display:block;width:42px;height:4px;margin:-10px auto 14px;border-radius:2px;background:#d5dbd7}.zk-contact__backdrop{position:fixed;inset:0;display:block;background:rgba(9,18,12,.52);opacity:0;pointer-events:none;transition:opacity .18s;z-index:1}.zk-contact.is-open .zk-contact__backdrop{opacity:1;pointer-events:auto}.zk-contact__channel{min-height:58px}.zk-contact__identity h2{font-size:18px}}
@media (prefers-reduced-motion:reduce){.zk-contact__trigger,.zk-contact__panel,.zk-contact__backdrop,.zk-contact{animation:none!important;transition:none!important}}
.zk-contact__channel.is-disabled:hover{border-color:#e5eae7;background:#fff;color:#1e2a22}
.zk-contact.zk-contact--modal-open{z-index:1;pointer-events:none}
.zk-contact__brand-icon{background:#edf6ee;background:color-mix(in srgb,var(--zk-primary) 13%,#fff)}ul.products li.product,
.zd-grid-item { position: relative; }
.zd-qv-btn {
position: absolute;
top: 8px;
right: 60px; z-index: 5;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 1.5px solid #e0e0e0;
border-radius: 50%;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.18s ease;
box-shadow: 0 2px 6px rgba(0,0,0,0.06);
-webkit-tap-highlight-color: transparent;
font-family: inherit;
}
.zd-qv-btn .zd-qv-icon {
width: 20px;
height: 20px;
color: #999;
transition: color 0.18s ease, transform 0.18s ease;
}
.zd-qv-btn:hover,
.zd-qv-btn:focus-visible {
border-color: #2E7D32;
transform: scale(1.08);
box-shadow: 0 4px 10px rgba(46,125,50,0.18);
outline: none;
}
.zd-qv-btn:hover .zd-qv-icon,
.zd-qv-btn:focus-visible .zd-qv-icon {
color: #2E7D32;
}
.zd-qv-btn:active .zd-qv-icon {
transform: scale(0.92);
} @media (max-width: 768px) {
.zd-qv-btn {
width: 40px;
height: 40px;
top: 6px;
right: 52px; }
.zd-qv-btn .zd-qv-icon {
width: 18px;
height: 18px;
}
} .zd-qv-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 99999;
display: none;
opacity: 0;
transition: opacity 0.25s ease;
overflow-y: auto;
padding: 20px;
box-sizing: border-box;
}
.zd-qv-overlay.is-visible {
display: flex;
align-items: center;
justify-content: center;
}
.zd-qv-overlay.is-active {
opacity: 1;
}
body.zd-qv-open {
overflow: hidden;
} .zd-qv-modal {
position: relative;
background: #fff;
border-radius: 16px;
width: 100%;
max-width: 900px;
max-height: 90vh;
overflow: hidden;
transform: scale(0.95);
transition: transform 0.25s ease;
box-shadow: 0 20px 60px rgba(0,0,0,0.25);
font-family: "Inter", sans-serif;
display: flex;
flex-direction: column;
}
.zd-qv-overlay.is-active .zd-qv-modal {
transform: scale(1);
} .zd-qv-close {
position: absolute;
top: 12px;
right: 12px;
z-index: 10;
width: 40px;
height: 40px;
padding: 0;
background: #fff;
border: 1.5px solid #e0e0e0;
border-radius: 50%;
color: #555;
font-size: 22px;
line-height: 1;
cursor: pointer;
transition: all 0.18s;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
font-family: inherit;
}
.zd-qv-close:hover,
.zd-qv-close:focus-visible {
border-color: #d32f2f;
color: #d32f2f;
outline: none;
} .zd-qv-loading {
padding: 80px 20px;
text-align: center;
color: #888;
font-size: 14px;
}
.zd-qv-loading::before {
content: '';
display: inline-block;
width: 32px;
height: 32px;
border: 3px solid #e0e0e0;
border-top-color: #2E7D32;
border-radius: 50%;
animation: zd-qv-spin 0.8s linear infinite;
margin-right: 12px;
vertical-align: middle;
}
@keyframes zd-qv-spin {
to { transform: rotate(360deg); }
} .zd-qv-content {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
flex: 1;
}
.zd-qv-product {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
min-height: 400px;
} .zd-qv-gallery {
background: #fafafa;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.zd-qv-gallery img {
max-width: 100%;
max-height: 360px;
width: auto;
height: auto;
object-fit: contain;
} .zd-qv-gallery-badge {
position: absolute;
top: 16px;
left: 16px;
padding: 6px 12px;
background: #d97706;
color: #fff;
font-size: 12px;
font-weight: 700;
border-radius: 6px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.zd-qv-gallery-badge--sale { background: #d97706; }
.zd-qv-gallery-badge--new { background: #2E7D32; }
.zd-qv-gallery-badge--oos { background: #999; } .zd-qv-info {
padding: 36px 30px 30px;
display: flex;
flex-direction: column;
gap: 12px;
}
.zd-qv-category {
display: inline-block;
padding: 4px 12px;
background: #f0faf0;
color: #2E7D32;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 20px;
align-self: flex-start;
}
.zd-qv-title {
margin: 0;
font-size: 22px;
font-weight: 700;
color: #1a1a1a;
line-height: 1.3;
}
.zd-qv-title a {
color: #1a1a1a;
text-decoration: none;
}
.zd-qv-title a:hover { color: #2E7D32; }
.zd-qv-rating {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: #666;
}
.zd-qv-rating-stars {
color: #f59e0b;
font-size: 14px;
letter-spacing: 1px;
}
.zd-qv-rating-count {
color: #666;
}
.zd-qv-price {
font-size: 26px;
font-weight: 700;
color: #1a1a1a;
line-height: 1.2;
}
.zd-qv-price ins {
color: #d97706;
text-decoration: none;
}
.zd-qv-price del {
color: #999;
font-size: 17px;
font-weight: 400;
margin-right: 8px;
}
.zd-qv-shipping {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
background: #f0faf0;
color: #2E7D32;
font-size: 12px;
font-weight: 600;
border-radius: 6px;
align-self: flex-start;
}
.zd-qv-shipping svg {
width: 14px;
height: 14px;
}
.zd-qv-excerpt {
font-size: 14px;
line-height: 1.6;
color: #555;
max-height: 6.4em;
overflow: hidden;
margin: 0;
}
.zd-qv-out-of-stock {
padding: 12px 16px;
background: #f5f5f5;
color: #999;
font-size: 14px;
font-weight: 600;
border-radius: 8px;
text-align: center;
} .zd-qv-variations {
display: flex;
flex-direction: column;
gap: 10px;
}
.zd-qv-variation-row {
display: flex;
flex-direction: column;
gap: 4px;
}
.zd-qv-variation-row label {
font-size: 12px;
font-weight: 600;
color: #555;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.zd-qv-variation-row select {
padding: 10px 12px;
border: 1.5px solid #e0e0e0;
border-radius: 8px;
font-size: 14px;
color: #1a1a1a;
background: #fff;
cursor: pointer;
min-height: 44px;
font-family: inherit;
}
.zd-qv-variation-row select:focus {
border-color: #2E7D32;
outline: none;
} .zd-qv-actions {
display: flex;
align-items: stretch;
gap: 12px;
margin-top: 8px;
flex-wrap: wrap;
}
.zd-qv-qty {
display: flex;
align-items: stretch;
border: 1.5px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
.zd-qv-qty-btn {
width: 44px;
height: 48px;
padding: 0;
background: #fff;
border: none;
color: #555;
font-size: 18px;
font-weight: 700;
cursor: pointer;
transition: all 0.15s;
font-family: inherit;
}
.zd-qv-qty-btn:hover { background: #f0faf0; color: #2E7D32; }
.zd-qv-qty-btn:disabled { color: #ccc; cursor: not-allowed; }
.zd-qv-qty-input {
width: 50px;
height: 48px;
border: none;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
text-align: center;
font-size: 16px;
font-weight: 600;
color: #1a1a1a;
background: #fff;
-moz-appearance: textfield;
font-family: inherit;
}
.zd-qv-qty-input::-webkit-outer-spin-button,
.zd-qv-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.zd-qv-atc {
flex: 1;
min-height: 48px;
padding: 12px 24px;
background: #2E7D32;
border: none;
border-radius: 8px;
color: #fff;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: background 0.18s;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
font-family: inherit;
}
.zd-qv-atc:hover {
background: #1B5E20;
color: #fff;
}
.zd-qv-atc:disabled,
.zd-qv-atc.is-loading {
opacity: 0.7;
cursor: wait;
}
.zd-qv-atc svg {
width: 16px;
height: 16px;
} .zd-qv-secondary {
display: flex;
gap: 12px;
margin-top: 8px;
flex-wrap: wrap;
align-items: center;
}
.zd-qv-fulldetails {
color: #2E7D32;
text-decoration: none;
font-size: 13px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 4px;
transition: color 0.18s;
}
.zd-qv-fulldetails:hover {
color: #1B5E20;
text-decoration: underline;
}
.zd-qv-fulldetails::after {
content: '→';
transition: transform 0.18s;
}
.zd-qv-fulldetails:hover::after {
transform: translateX(3px);
} .zd-qv-secondary .zd-wl-btn--single {
margin-top: 0;
} @media (max-width: 768px) {
.zd-qv-overlay {
padding: 0;
}
.zd-qv-modal {
max-width: 100%;
max-height: 100vh;
height: 100vh;
border-radius: 0;
}
.zd-qv-product {
grid-template-columns: 1fr;
min-height: auto;
}
.zd-qv-gallery {
padding: 20px;
min-height: 260px;
}
.zd-qv-gallery img {
max-height: 240px;
}
.zd-qv-info {
padding: 20px;
padding-bottom: 30px;
}
.zd-qv-title {
font-size: 18px;
}
.zd-qv-price {
font-size: 22px;
}
.zd-qv-close {
top: 10px;
right: 10px;
width: 36px;
height: 36px;
font-size: 20px;
}
.zd-qv-atc {
font-size: 13px;
padding: 12px 16px;
}
}ul.products li.product,
.zd-grid-item { position: relative; }
.zd-wl-btn--loop {
position: absolute;
top: 8px;
right: 8px;
z-index: 5;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 1.5px solid #e0e0e0;
border-radius: 50%;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.18s ease;
box-shadow: 0 2px 6px rgba(0,0,0,0.06);
-webkit-tap-highlight-color: transparent;
font-family: inherit;
}
.zd-wl-btn--loop .zd-wl-icon {
width: 20px;
height: 20px;
color: #999;
transition: color 0.18s ease, transform 0.18s ease;
}
.zd-wl-btn--loop .zd-wl-btn-label {
display: none;
}
.zd-wl-btn--loop:hover,
.zd-wl-btn--loop:focus-visible {
border-color: #2E7D32;
transform: scale(1.08);
box-shadow: 0 4px 10px rgba(46,125,50,0.18);
outline: none;
}
.zd-wl-btn--loop:hover .zd-wl-icon,
.zd-wl-btn--loop:focus-visible .zd-wl-icon {
color: #2E7D32;
}
.zd-wl-btn:disabled,
.zd-wl-btn.is-loading {
opacity: 0.7;
cursor: wait;
} .zd-wl-btn.is-active {
border-color: #d32f2f;
background: #fff;
}
.zd-wl-btn.is-active .zd-wl-icon {
color: #d32f2f;
}
.zd-wl-btn.is-active .zd-wl-icon path {
fill: #d32f2f;
stroke: #d32f2f;
} .zd-wl-btn.is-animating .zd-wl-icon {
animation: zd-wl-pop 0.4s ease;
}
@keyframes zd-wl-pop {
0%   { transform: scale(1); }
40%  { transform: scale(1.35); }
70%  { transform: scale(0.95); }
100% { transform: scale(1); }
} .zd-wl-btn--single {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
margin-top: 12px;
background: #fff;
border: 1.5px solid #e0e0e0;
border-radius: 8px;
color: #555;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.18s ease;
min-height: 44px;
}
.zd-wl-btn--single .zd-wl-icon {
width: 18px;
height: 18px;
color: #555;
transition: color 0.18s;
}
.zd-wl-btn--single:hover,
.zd-wl-btn--single:focus-visible {
border-color: #2E7D32;
color: #2E7D32;
outline: none;
}
.zd-wl-btn--single:hover .zd-wl-icon,
.zd-wl-btn--single:focus-visible .zd-wl-icon {
color: #2E7D32;
}
.zd-wl-btn--single.is-active {
border-color: #d32f2f;
color: #d32f2f;
}
.zd-wl-btn--single.is-active .zd-wl-icon {
color: #d32f2f;
}
.zd-wl-btn--single.is-active .zd-wl-btn-label[data-label-default] {
display: none;
}
.zd-wl-btn--single .zd-wl-btn-label[data-label-active] {
display: none;
}
.zd-wl-btn--single.is-active .zd-wl-btn-label[data-label-active] {
display: inline;
} .zd-wl-header {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
color: #1a1a1a;
text-decoration: none;
transition: color 0.18s;
}
.zd-wl-header:hover,
.zd-wl-header:focus-visible {
color: #2E7D32;
outline: none;
}
.zd-wl-header-icon {
width: 22px;
height: 22px;
}
.zd-wl-header-count {
position: absolute;
top: 4px;
right: 4px;
min-width: 18px;
height: 18px;
padding: 0 4px;
background: #d32f2f;
color: #fff;
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 18px;
border-radius: 9px;
text-align: center;
} .zd-wl-toast {
position: fixed;
bottom: 24px;
left: 50%;
transform: translateX(-50%) translateY(20px);
z-index: 99999;
display: flex;
align-items: center;
gap: 10px;
padding: 12px 20px;
background: #2E7D32;
color: #fff;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 600;
border-radius: 50px;
box-shadow: 0 4px 20px rgba(0,0,0,0.18);
opacity: 0;
transition: opacity 0.25s ease, transform 0.25s ease;
pointer-events: none;
max-width: 90vw;
}
.zd-wl-toast--show {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.zd-wl-toast--remove { background: #555; }
.zd-wl-toast--info { background: #1565C0; }
.zd-wl-toast--error { background: #c62828; }
.zd-wl-toast svg {
width: 18px;
height: 18px;
flex-shrink: 0;
} .zd-wl-page {
max-width: 1100px;
margin: 30px auto;
padding: 0 16px;
font-family: "Inter", sans-serif;
} .zd-wl-toolbar {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: space-between;
padding: 16px;
margin-bottom: 20px;
background: #f8f8f8;
border-radius: 12px;
}
.zd-wl-toolbar-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.zd-wl-action-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 16px;
background: #fff;
border: 1.5px solid #e0e0e0;
border-radius: 8px;
color: #1a1a1a;
font-size: 13px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: all 0.18s;
min-height: 44px;
font-family: inherit;
}
.zd-wl-action-btn:hover,
.zd-wl-action-btn:focus-visible {
border-color: #2E7D32;
color: #2E7D32;
outline: none;
}
.zd-wl-action-btn--primary {
background: #2E7D32;
border-color: #2E7D32;
color: #fff;
}
.zd-wl-action-btn--primary:hover,
.zd-wl-action-btn--primary:focus-visible {
background: #1B5E20;
border-color: #1B5E20;
color: #fff;
}
.zd-wl-action-btn svg {
width: 14px;
height: 14px;
flex-shrink: 0;
} .zd-wl-optin {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #555;
}
.zd-wl-optin input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #2E7D32;
cursor: pointer;
}
.zd-wl-optin label {
cursor: pointer;
user-select: none;
} .zd-wl-page-empty {
text-align: center;
padding: 50px 20px;
background: #fafafa;
border-radius: 12px;
color: #666;
}
.zd-wl-page-empty-icon {
width: 64px;
height: 64px;
color: #c0c0c0;
margin-bottom: 16px;
}
.zd-wl-page-empty-title {
font-size: 20px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 8px;
}
.zd-wl-page-empty-text {
font-size: 15px;
margin: 0 auto 24px;
max-width: 480px;
line-height: 1.5;
}
.zd-wl-page-empty-cta {
display: inline-block;
padding: 12px 28px;
background: #2E7D32;
color: #fff;
font-size: 14px;
font-weight: 700;
border-radius: 8px;
text-decoration: none;
transition: background 0.18s;
min-height: 44px;
line-height: 20px;
}
.zd-wl-page-empty-cta:hover { background: #1B5E20; color: #fff; } .zd-wl-suggestions {
margin-top: 32px;
}
.zd-wl-suggestions-title {
font-size: 18px;
font-weight: 700;
color: #1a1a1a;
text-align: center;
margin: 0 0 16px;
}
.zd-wl-suggestions-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.zd-wl-suggestion {
display: flex;
flex-direction: column;
padding: 14px;
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 12px;
text-decoration: none;
color: #1a1a1a;
transition: box-shadow 0.18s, transform 0.18s;
}
.zd-wl-suggestion:hover {
box-shadow: 0 4px 14px rgba(0,0,0,0.06);
transform: translateY(-2px);
}
.zd-wl-suggestion-img {
aspect-ratio: 1;
background: #fafafa;
border-radius: 8px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.zd-wl-suggestion-img img {
max-width: 85%;
max-height: 85%;
object-fit: contain;
}
.zd-wl-suggestion-title {
font-size: 13px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 4px;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.zd-wl-suggestion-price {
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
margin-top: auto;
}
.zd-wl-suggestion-price ins {
color: #d97706;
text-decoration: none;
}
.zd-wl-suggestion-price del {
color: #999;
font-size: 12px;
margin-right: 4px;
font-weight: 400;
} .zd-wl-loading {
text-align: center;
padding: 40px;
color: #888;
font-size: 14px;
}
.zd-wl-loading::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
border: 3px solid #e0e0e0;
border-top-color: #2E7D32;
border-radius: 50%;
animation: zd-wl-spin 0.8s linear infinite;
margin-right: 10px;
vertical-align: middle;
}
@keyframes zd-wl-spin {
to { transform: rotate(360deg); }
} .zd-wl-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.zd-wl-item {
display: flex;
gap: 16px;
padding: 14px;
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 12px;
transition: box-shadow 0.18s;
position: relative;
}
.zd-wl-item:hover { box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.zd-wl-item-img {
flex-shrink: 0;
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
background: #fafafa;
border-radius: 8px;
overflow: hidden;
}
.zd-wl-item-img img {
max-width: 90%;
max-height: 90%;
object-fit: contain;
}
.zd-wl-item-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.zd-wl-item-title {
font-size: 15px;
font-weight: 600;
color: #1a1a1a;
text-decoration: none;
line-height: 1.35;
}
.zd-wl-item-title:hover { color: #2E7D32; }
.zd-wl-item-meta {
font-size: 12px;
color: #888;
}
.zd-wl-item-price {
font-size: 16px;
font-weight: 700;
color: #1a1a1a;
}
.zd-wl-item-price ins {
color: #d97706;
text-decoration: none;
}
.zd-wl-item-price del {
color: #999;
font-size: 13px;
font-weight: 400;
margin-right: 6px;
}
.zd-wl-item-actions {
display: flex;
align-items: center;
gap: 10px;
margin-top: auto;
padding-top: 4px;
flex-wrap: wrap;
}
.zd-wl-item-atc {
display: inline-flex !important;
align-items: center;
gap: 6px;
padding: 10px 16px !important;
background: #2E7D32 !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 600 !important;
border-radius: 8px !important;
text-decoration: none !important;
border: none !important;
transition: background 0.18s;
min-height: 44px;
}
.zd-wl-item-atc:hover { background: #1B5E20 !important; color: #fff !important; }
.zd-wl-item-atc svg { width: 14px; height: 14px; }
.zd-wl-item-unavailable {
padding: 10px 16px;
background: #f5f5f5;
color: #999;
font-size: 13px;
font-weight: 600;
border-radius: 8px;
min-height: 44px;
display: inline-flex;
align-items: center;
}
.zd-wl-item-remove {
margin-left: auto;
width: 36px;
height: 36px;
padding: 0;
background: transparent;
border: 1.5px solid #e0e0e0;
border-radius: 50%;
color: #999;
font-size: 20px;
line-height: 1;
cursor: pointer;
transition: all 0.18s;
font-family: inherit;
}
.zd-wl-item-remove:hover,
.zd-wl-item-remove:focus-visible {
border-color: #d32f2f;
color: #d32f2f;
outline: none;
} .zd-wl-share {
margin-top: 12px;
padding: 14px;
background: #f0faf0;
border: 1px solid #c8e6c9;
border-radius: 8px;
display: none;
}
.zd-wl-share.is-visible { display: block; }
.zd-wl-share-label {
font-size: 13px;
font-weight: 600;
color: #2E7D32;
margin: 0 0 8px;
}
.zd-wl-share-input {
display: flex;
gap: 8px;
}
.zd-wl-share-input input {
flex: 1;
padding: 10px 12px;
border: 1px solid #c8e6c9;
border-radius: 6px;
background: #fff;
font-family: monospace;
font-size: 12px;
color: #555;
}
.zd-wl-share-copy {
padding: 10px 16px;
background: #2E7D32;
border: none;
border-radius: 6px;
color: #fff;
font-size: 13px;
font-weight: 600;
cursor: pointer;
min-height: 44px;
font-family: inherit;
}
.zd-wl-share-copy:hover { background: #1B5E20; } .zd-wl-email-form {
margin-top: 12px;
padding: 14px;
background: #f8f8f8;
border-radius: 8px;
display: none;
}
.zd-wl-email-form.is-visible { display: block; }
.zd-wl-email-form-row {
display: flex;
gap: 8px;
}
.zd-wl-email-form-row input {
flex: 1;
padding: 10px 12px;
border: 1px solid #e0e0e0;
border-radius: 6px;
font-size: 14px;
min-height: 44px;
}
.zd-wl-email-form-row button {
padding: 10px 18px;
background: #2E7D32;
border: none;
border-radius: 6px;
color: #fff;
font-size: 13px;
font-weight: 600;
cursor: pointer;
min-height: 44px;
font-family: inherit;
}
.zd-wl-email-form-row button:hover { background: #1B5E20; } .zd-wl-public-banner {
margin-bottom: 20px;
padding: 14px 18px;
background: #f0faf0;
border: 1px solid #c8e6c9;
border-radius: 12px;
font-size: 14px;
color: #2E7D32;
}
.zd-wl-public-banner strong { color: #1B5E20; } @media (min-width: 768px) {
.zd-wl-grid {
grid-template-columns: 1fr 1fr;
}
.zd-wl-suggestions-grid {
grid-template-columns: repeat(4, 1fr);
}
} @media (max-width: 768px) {
.zd-wl-btn--loop {
width: 40px;
height: 40px;
top: 6px;
right: 6px;
}
.zd-wl-btn--loop .zd-wl-icon {
width: 18px;
height: 18px;
}
.zd-wl-item-img {
width: 80px;
height: 80px;
}
.zd-wl-item-title {
font-size: 14px;
}
.zd-wl-item-price {
font-size: 15px;
}
.zd-wl-toast {
font-size: 13px;
padding: 10px 16px;
bottom: 16px;
}
.zd-wl-toolbar {
flex-direction: column;
align-items: stretch;
}
.zd-wl-toolbar-actions {
justify-content: stretch;
}
.zd-wl-action-btn {
flex: 1;
justify-content: center;
}
}.zw-np,
.zw-np * {
box-sizing: border-box;
}
.zw-np {
--zw-green-900: #0a3e2b;
--zw-green-800: #0f5138;
--zw-green-700: #146b48;
--zw-green-100: #edf6f0;
--zw-green-050: #f5faf7;
--zw-cream: #fcfbf7;
--zw-white: #ffffff;
--zw-text: #203129;
--zw-muted: #66736c;
--zw-border: #dce6df;
--zw-gold: #f7cf66;
position: fixed;
inset: 0;
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
padding: 16px;
color: var(--zw-text);
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
font-size: 16px;
line-height: 1.45;
-webkit-font-smoothing: antialiased;
}
.zw-np.zw-np-open {
display: flex;
animation: zwNpFadeIn .18s ease-out;
}
.zw-np-overlay {
position: absolute;
inset: 0;
background: rgba(12, 24, 18, .66);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.zw-np-box {
position: relative;
width: min(100%, 520px);
max-height: calc(100vh - 32px);
max-height: calc(100dvh - 32px);
overflow-y: auto;
overscroll-behavior: contain;
border: 1px solid rgba(255, 255, 255, .65);
border-radius: 24px;
background: var(--zw-cream);
box-shadow: 0 30px 90px rgba(0, 0, 0, .30), 0 6px 24px rgba(0, 0, 0, .10);
animation: zwNpSlideUp .28s cubic-bezier(.16, 1, .3, 1);
scrollbar-width: thin;
scrollbar-color: #cfd9d2 transparent;
}
.zw-np-box.zw-np-edge {
padding: 0;
}
.zw-np-close {
position: absolute;
z-index: 20;
top: 12px;
right: 12px;
display: grid;
width: 44px;
height: 44px;
place-items: center;
padding: 0;
border: 1px solid rgba(10, 62, 43, .08);
border-radius: 50%;
color: var(--zw-green-900);
background: rgba(252, 251, 247, .94);
box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
cursor: pointer;
transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.zw-np-close:hover,
.zw-np-close:focus-visible {
background: #fff;
box-shadow: 0 7px 20px rgba(0, 0, 0, .10);
outline: 3px solid rgba(20, 107, 72, .16);
transform: translateY(-1px);
}
.zw-np-form,
.zw-np-state,
.zw-np-step {
width: 100%;
margin: 0;
}
.zw-np-stepbar {
position: relative;
display: flex;
min-height: 62px;
align-items: center;
justify-content: flex-start;
gap: 8px;
padding: 10px 64px 10px 20px;
border-bottom: 1px solid #ebece7;
background: rgba(252, 251, 247, .98);
}
.zw-np-stepbar > span {
display: inline-flex;
min-height: 30px;
align-items: center;
padding: 5px 11px;
border-radius: 999px;
color: var(--zw-green-900);
background: #edf2ec;
font-size: 11px;
font-weight: 800;
letter-spacing: .055em;
text-transform: uppercase;
}
.zw-np-back {
display: grid;
width: 40px;
height: 40px;
place-items: center;
margin-left: -8px;
padding: 0;
border: 0;
border-radius: 50%;
color: var(--zw-green-700);
background: transparent;
cursor: pointer;
}
.zw-np-back:hover,
.zw-np-back:focus-visible {
background: var(--zw-green-100);
outline: 3px solid rgba(20, 107, 72, .12);
}
.zw-np-back svg {
width: 24px;
fill: none;
stroke: currentColor;
stroke-width: 2.1;
stroke-linecap: round;
stroke-linejoin: round;
} .zw-np-person {
display: grid;
grid-template-columns: 168px 1fr;
min-height: 142px;
overflow: hidden;
background: linear-gradient(125deg, #f2ebdd 0%, #f8f4ea 56%, #f0eadf 100%);
}
.zw-np-person-photo {
position: relative;
min-width: 0;
height: 142px;
overflow: hidden;
background: #d8ddd7;
}
.zw-np-person-photo::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 72%, rgba(248, 244, 234, .50) 100%);
pointer-events: none;
}
.zw-np-person-photo img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: 31% 46%;
transform: scale(1.02);
}
.zw-np-person-copy {
display: flex;
min-width: 0;
flex-direction: column;
justify-content: center;
padding: 18px 22px;
}
.zw-np-person-copy small {
align-self: flex-start;
margin: 0 0 9px;
padding: 6px 10px;
border-radius: 999px;
color: var(--zw-green-900);
background: var(--zw-gold);
font-size: 10px;
font-weight: 900;
letter-spacing: .05em;
text-transform: uppercase;
}
.zw-np-person-copy strong {
color: var(--zw-green-900);
font-family: "Playfair Display", Georgia, serif;
font-size: 23px;
font-weight: 700;
line-height: 1.08;
}
.zw-np-person-copy span {
margin-top: 5px;
color: var(--zw-muted);
font-size: 13px;
font-weight: 500;
}
.zw-np-content {
padding: 24px 28px 26px;
}
.zw-np-content-topic {
padding-top: 24px;
}
.zw-np-eyebrow {
width: fit-content;
margin: 0 auto 9px;
color: var(--zw-green-700);
font-size: 11px;
font-weight: 850;
letter-spacing: .075em;
text-align: center;
text-transform: uppercase;
}
.zw-np-title {
max-width: 430px;
margin: 0 auto 9px;
color: var(--zw-green-900);
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(27px, 5vw, 34px);
font-weight: 700;
line-height: 1.08;
text-align: center;
letter-spacing: -.024em;
}
.zw-np-lead {
max-width: 430px;
margin: 0 auto 19px;
color: #56645c;
font-size: 15px;
line-height: 1.55;
text-align: center;
}
.zw-np-topics {
display: grid;
gap: 10px;
}
.zw-np-topic {
display: grid;
width: 100%;
min-height: 68px;
grid-template-columns: 44px 1fr 20px;
gap: 12px;
align-items: center;
padding: 10px 13px;
border: 1px solid #bfd0c4;
border-radius: 14px;
color: var(--zw-green-900);
background: #fff;
font: inherit;
text-align: left;
cursor: pointer;
transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.zw-np-topic:hover,
.zw-np-topic:focus-visible,
.zw-np-topic[aria-pressed="true"] {
border-color: var(--zw-green-700);
background: var(--zw-green-050);
box-shadow: 0 6px 20px rgba(15, 81, 56, .08);
outline: 3px solid rgba(20, 107, 72, .10);
transform: translateY(-1px);
}
.zw-np-topic-icon {
display: grid;
width: 42px;
height: 42px;
place-items: center;
border-radius: 50%;
background: var(--zw-green-100);
}
.zw-np-topic-icon svg,
.zw-np-arrow {
width: 21px;
fill: none;
stroke: var(--zw-green-700);
stroke-width: 1.85;
stroke-linecap: round;
stroke-linejoin: round;
}
.zw-np-topic-copy {
display: block;
min-width: 0;
}
.zw-np-topic-copy strong {
display: block;
color: var(--zw-green-900);
font-size: 15px;
font-weight: 800;
line-height: 1.25;
}
.zw-np-topic-copy small {
display: block;
margin-top: 3px;
color: #748078;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
}
.zw-np-arrow {
width: 18px;
transition: transform .16s ease;
}
.zw-np-topic:hover .zw-np-arrow {
transform: translateX(2px);
}
.zw-np-value-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px 14px;
margin-top: 16px;
color: #647168;
font-size: 12px;
font-weight: 650;
}
.zw-np-value-row span::first-letter {
color: var(--zw-green-700);
} .zw-np-content-details {
padding-top: 22px;
}
.zw-np-choice {
width: fit-content;
max-width: 100%;
margin: 0 auto 12px;
padding: 6px 11px;
border-radius: 999px;
color: var(--zw-green-800);
background: var(--zw-green-100);
font-size: 12px;
line-height: 1.35;
text-align: center;
}
.zw-np-choice > span {
font-weight: 900;
}
.zw-np-label {
display: block;
margin: 12px 0 6px;
color: var(--zw-text);
font-size: 14px;
font-weight: 750;
}
.zw-np-label > span {
color: #b33b32;
}
.zw-np-input {
display: block;
width: 100%;
min-height: 56px;
margin: 0 0 11px;
padding: 13px 15px;
border: 1px solid #aebeb3;
border-radius: 12px;
color: var(--zw-text);
background: #fff;
font: inherit;
font-size: 16px;
outline: none;
transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.zw-np-input::placeholder {
color: #98a39c;
}
.zw-np-input:focus {
border-color: var(--zw-green-700);
box-shadow: 0 0 0 4px rgba(20, 107, 72, .12);
}
.zw-np-consent {
display: grid;
grid-template-columns: 24px 1fr;
gap: 10px;
align-items: flex-start;
margin: 5px 0 15px;
color: #526058;
font-size: 13px;
line-height: 1.45;
cursor: pointer;
}
.zw-np-consent input {
width: 21px;
height: 21px;
margin: 1px 0 0;
accent-color: var(--zw-green-700);
cursor: pointer;
}
.zw-np-optional {
margin: 18px 0 14px;
padding: 15px;
border: 1px solid #e0e7e1;
border-radius: 14px;
background: #f6f7f2;
}
.zw-np-optional-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.zw-np-optional-head > div {
min-width: 0;
}
.zw-np-optional-head strong {
display: block;
color: #31443a;
font-size: 13px;
line-height: 1.25;
}
.zw-np-optional-head span {
display: inline-block;
margin-top: 3px;
color: var(--zw-green-700);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.zw-np-optional-head small {
flex: 0 0 auto;
max-width: 150px;
color: #7a857e;
font-size: 11px;
line-height: 1.35;
text-align: right;
}
.zw-np-optional .zw-np-label {
margin-top: 0;
}
.zw-np-phone-field {
display: flex;
width: 100%;
min-height: 54px;
align-items: stretch;
margin: 0 0 10px;
overflow: hidden;
border: 1px solid #aebeb3;
border-radius: 12px;
background: #fff;
transition: border-color .15s ease, box-shadow .15s ease;
}
.zw-np-phone-field:focus-within {
border-color: var(--zw-green-700);
box-shadow: 0 0 0 4px rgba(20, 107, 72, .12);
}
.zw-np-phone-prefix {
display: flex;
align-items: center;
justify-content: center;
min-width: 62px;
padding: 0 13px;
border-right: 1px solid #d9e2dc;
color: #4e5b54;
background: #f5f8f5;
font-size: 16px;
font-weight: 800;
}
.zw-np-phone-field .zw-np-input {
flex: 1 1 auto;
min-width: 0;
min-height: 54px;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
}
.zw-np-phone-field .zw-np-input:focus {
box-shadow: none;
}
.zw-np-consent-sms {
margin-bottom: 6px;
}
.zw-np-phone-note {
margin: 0;
color: #7a857e;
font-size: 11px;
line-height: 1.4;
}
.zw-np-error {
display: none;
margin: 0 0 11px;
padding: 10px 12px;
border: 1px solid #f3c9c4;
border-radius: 10px;
color: #8a2922;
background: #fff1ef;
font-size: 13px;
line-height: 1.4;
}
.zw-np-error.zw-np-error-show {
display: block;
}
.zw-np-submit {
display: flex;
width: 100%;
min-height: 58px;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 18px;
border: 0;
border-radius: 13px;
color: #fff;
background: linear-gradient(180deg, #16784f 0%, #0f6543 100%);
box-shadow: 0 10px 24px rgba(15, 101, 67, .20);
font: inherit;
font-size: 16px;
font-weight: 850;
cursor: pointer;
transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.zw-np-submit svg {
width: 20px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.zw-np-submit:hover,
.zw-np-submit:focus-visible {
background: var(--zw-green-900);
box-shadow: 0 12px 28px rgba(10, 62, 43, .24);
outline: 3px solid rgba(20, 107, 72, .16);
transform: translateY(-1px);
}
.zw-np-submit:disabled {
opacity: .62;
cursor: wait;
transform: none;
}
.zw-np-trust,
.zw-np-legal,
.zw-np-footnote {
margin: 9px 0 0;
color: #7a857e;
font-size: 11px;
line-height: 1.4;
text-align: center;
}
.zw-np-legal {
margin-top: 4px;
}
.zw-np-legal a,
.zw-np-footnote a {
color: var(--zw-green-700);
text-decoration: underline;
text-underline-offset: 2px;
} .zw-np-content-success {
padding: 28px 28px 26px;
text-align: center;
}
.zw-np-success-icon {
display: grid;
width: 64px;
height: 64px;
place-items: center;
margin: 0 auto 12px;
border-radius: 50%;
background: var(--zw-green-100);
box-shadow: inset 0 0 0 1px rgba(20, 107, 72, .08);
}
.zw-np-success-icon svg {
width: 34px;
fill: none;
stroke: var(--zw-green-700);
stroke-width: 2.4;
stroke-linecap: round;
stroke-linejoin: round;
}
.zw-np-success-email {
margin-bottom: 8px;
}
.zw-np-success-email strong {
color: var(--zw-green-900);
font-weight: 800;
}
.zw-np-success-msg {
max-width: 420px;
margin: 0 auto 16px;
padding: 10px 12px;
border-radius: 10px;
color: #496055;
background: #f1f6f2;
font-size: 12px;
line-height: 1.45;
}
.zw-np-success-msg:empty {
display: none;
}
.zw-np-success-msg-warning {
color: #785b1f;
background: #fff7df;
}
.zw-np-code-card {
margin: 0 0 14px;
padding: 18px 16px 16px;
border: 1px solid #a8c8b2;
border-radius: 15px;
background: linear-gradient(145deg, #f5fbf6 0%, #eef7f0 100%);
text-align: center;
}
.zw-np-code-card > span {
display: block;
color: #6a776f;
font-size: 11px;
font-weight: 800;
letter-spacing: .065em;
text-transform: uppercase;
}
.zw-np-code-card strong {
display: block;
overflow-wrap: anywhere;
margin: 4px 0 10px;
color: var(--zw-green-900);
font-size: 30px;
font-weight: 850;
letter-spacing: .075em;
}
.zw-np-copy {
display: inline-flex;
min-height: 40px;
align-items: center;
justify-content: center;
gap: 7px;
padding: 8px 13px;
border: 1px solid #c1d5c7;
border-radius: 10px;
color: var(--zw-green-800);
background: #fff;
font: inherit;
font-size: 13px;
font-weight: 800;
cursor: pointer;
}
.zw-np-copy:hover,
.zw-np-copy:focus-visible {
border-color: var(--zw-green-700);
outline: 3px solid rgba(20, 107, 72, .10);
}
.zw-np-copy svg {
width: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.zw-np-shop {
display: flex;
width: 100%;
min-height: 56px;
align-items: center;
justify-content: center;
gap: 8px;
padding: 13px 16px;
border-radius: 13px;
color: #fff !important;
background: var(--zw-green-700);
box-shadow: 0 9px 22px rgba(20, 107, 72, .18);
font-size: 15px;
font-weight: 850;
text-decoration: none !important;
transition: transform .16s ease, background .16s ease;
}
.zw-np-shop:hover,
.zw-np-shop:focus-visible {
color: #fff !important;
background: var(--zw-green-900);
outline: 3px solid rgba(20, 107, 72, .16);
transform: translateY(-1px);
}
.zw-np-finish {
min-height: 44px;
margin-top: 8px;
padding: 8px 14px;
border: 0;
color: var(--zw-green-700);
background: transparent;
font: inherit;
font-size: 13px;
font-weight: 750;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.zw-np-honeypot,
.zw-np-sr {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
}
body.zw-np-lock {
overflow: hidden !important;
} @media (max-width: 680px) {
.zw-np {
padding: 10px;
}
.zw-np-box {
width: min(100%, 500px);
max-height: calc(100vh - 20px);
max-height: calc(100dvh - 20px);
border-radius: 21px;
}
.zw-np-content {
padding-left: 22px;
padding-right: 22px;
}
} @media (max-width: 480px) {
.zw-np {
align-items: center;
padding: 8px;
}
.zw-np-box {
width: min(100%, 430px);
max-height: calc(100vh - 16px);
max-height: calc(100dvh - 16px);
border-radius: 20px;
}
.zw-np-stepbar {
min-height: 56px;
padding: 8px 58px 8px 16px;
}
.zw-np-close {
top: 8px;
right: 8px;
width: 40px;
height: 40px;
}
.zw-np-person {
grid-template-columns: 125px 1fr;
min-height: 122px;
}
.zw-np-person-photo {
height: 122px;
}
.zw-np-person-copy {
padding: 14px 14px;
}
.zw-np-person-copy small {
margin-bottom: 7px;
padding: 5px 8px;
font-size: 9px;
}
.zw-np-person-copy strong {
font-size: 20px;
}
.zw-np-person-copy span {
font-size: 12px;
}
.zw-np-content {
padding: 19px 17px 20px;
}
.zw-np-title {
font-size: clamp(25px, 7.4vw, 30px);
}
.zw-np-lead {
margin-bottom: 16px;
font-size: 14px;
}
.zw-np-topic {
min-height: 64px;
grid-template-columns: 40px 1fr 18px;
gap: 10px;
padding: 9px 10px;
border-radius: 13px;
}
.zw-np-topic-icon {
width: 38px;
height: 38px;
}
.zw-np-topic-copy strong {
font-size: 14px;
}
.zw-np-topic-copy small {
font-size: 11px;
}
.zw-np-value-row {
gap: 6px 10px;
margin-top: 13px;
font-size: 11px;
}
.zw-np-choice {
margin-bottom: 10px;
font-size: 11px;
}
.zw-np-input,
.zw-np-phone-field {
min-height: 54px;
font-size: 16px;
}
.zw-np-consent {
font-size: 12px;
line-height: 1.45;
}
.zw-np-optional {
margin-top: 15px;
padding: 13px;
}
.zw-np-optional-head {
gap: 8px;
}
.zw-np-optional-head small {
max-width: 118px;
font-size: 10px;
}
.zw-np-submit {
min-height: 56px;
font-size: 15px;
}
.zw-np-content-success {
padding-top: 22px;
}
.zw-np-success-icon {
width: 58px;
height: 58px;
}
.zw-np-code-card strong {
font-size: 27px;
}
} @media (max-width: 360px) {
.zw-np {
padding: 4px;
}
.zw-np-box {
max-height: calc(100vh - 8px);
max-height: calc(100dvh - 8px);
border-radius: 16px;
}
.zw-np-person {
grid-template-columns: 108px 1fr;
min-height: 112px;
}
.zw-np-person-photo {
height: 112px;
}
.zw-np-person-copy {
padding: 11px 12px;
}
.zw-np-person-copy strong {
font-size: 18px;
}
.zw-np-person-copy span {
font-size: 11px;
}
.zw-np-content {
padding: 16px 13px 17px;
}
.zw-np-title {
font-size: 24px;
}
.zw-np-optional-head {
display: block;
}
.zw-np-optional-head small {
display: block;
max-width: none;
margin-top: 4px;
text-align: left;
}
}
@media (prefers-reduced-motion: reduce) {
.zw-np,
.zw-np-box,
.zw-np-topic,
.zw-np-submit,
.zw-np-shop {
animation: none !important;
transition: none !important;
}
}
@keyframes zwNpFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes zwNpSlideUp {
from { opacity: 0; transform: translateY(14px) scale(.985); }
to { opacity: 1; transform: translateY(0) scale(1); }
}html {
overflow-x: hidden;
overflow-y: auto;
height: auto;
min-height: 100%;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background: #fafafa;
color: #1f2937;
line-height: 1.6;
}
*, *::before, *::after {
box-sizing: border-box;
}
a {
color: #2E7D32;
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: #388E3C;
}
img {
max-width: 100%;
height: auto;
} :root {
--zd-green: #4CAF50;
--zd-green-light: #66BB6A;
--zd-green-dark: #388E3C;
--zd-bg: #fafafa;
--zd-text: #1f2937;
--zd-text-muted: #6b7280;
--zd-border: #e5e7eb;
--zd-radius: 12px;
--zd-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
} #page,
.site {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.site-main {
flex: 1;
width: 100%;
}
.zd-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} #secondary,
.sidebar,
.widget-area,
aside.widget-area {
display: none !important;
} @media (max-width: 768px) { }:root { --zd-green: #4CAF50;
--zd-green-light: #66BB6A;
--zd-green-dark: #388E3C;
--zd-green-darker: #2E7D32; --zd-bg: #fafafa;
--zd-bg-green-light: #e8f5e9;
--zd-bg-green-lighter: #f0fdf4; --zd-text: #1f2937;
--zd-text-dark: #1a1a1a;
--zd-text-muted: #666;
--zd-text-light: #666; --zd-border: #e5e7eb;
--zd-border-light: #f0f0f0; --zd-radius: 12px;
--zd-radius-lg: 16px;
--zd-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
--zd-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.12); --zd-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
--zd-font-heading: "Playfair Display", Georgia, serif;
--zd-font-accent: "Nunito", sans-serif;
}
════════════════════════════════════════════════════════════════ */
body { font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; }
body.menu-open { overflow: hidden; }
body.menu-open .zd-floating-cart,
body.menu-open .zd-social-popup,
body.menu-open .zd-blog-trigger,
body.menu-open .zd-blog-popup,
body.menu-open #zd-social-proof,
body.menu-open .zd-sticky-cta,
body.menu-open .zd-sticky-call,
body.minicart-open .zd-sticky-cta,
body.minicart-open .zd-sticky-call,
body.minicart-open .zd-floating-cart,
body.search-open .zd-sticky-cta,
body.search-open .zd-sticky-call,
body.search-open .zd-floating-cart { 
display: none !important; 
opacity: 0 !important; 
visibility: hidden !important; 
pointer-events: none !important; 
}
.site-header { position: sticky; top: 0; z-index: 1000; background: #fff; transition: box-shadow 0.3s ease; }
.site-header.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.08); } .zd-blog-card-link,
.zd-footer a:not(.zd-social-link),
.zd-minicart-item-name a {
text-decoration: underline;
text-decoration-color: rgba(76, 175, 80, 0.4);
text-underline-offset: 2px;
}
.zd-blog-card-link:hover,
.zd-footer a:not(.zd-social-link):hover,
.zd-minicart-item-name a:hover {
text-decoration-color: rgba(76, 175, 80, 1);
} .cky-btn-accept, 
.cky-btn.cky-btn-accept,
button.cky-btn-accept {
background-color: #2E7D32 !important;
border-color: #2E7D32 !important;
} .zd-top-bar { background: var(--zd-green-darker); padding: 3px 15px; display: flex; justify-content: center; align-items: center; }
.zd-top-bar-phone a { display: flex; align-items: center; gap: 6px; color: #fff; text-decoration: none; font-weight: 600; }
.zd-top-bar-phone-icon { width: 18px; height: 18px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.zd-top-bar-phone-icon svg { width: 10px; height: 10px; stroke: #fff; fill: none; }
.zd-top-bar-phone-number { font-size: 13px; font-weight: 600; letter-spacing: 0.2px; } .zd-main-header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; max-width: 1300px; margin: 0 auto; padding: 20px 30px; }
.zd-logo a { display: flex; align-items: center; text-decoration: none; }
.zd-logo img, .zd-logo .custom-logo { max-height: 55px; width: auto; }
.zd-logo-text { font-family: "Playfair Display", Georgia, serif; font-size: 28px; font-weight: 700; color: #2E7D32; } .zd-search-wrapper { display: flex; justify-content: center; width: 100%; }
.zd-search-form { width: 100%; max-width: 550px; position: relative; }
.zd-search-form input[type="search"] { width: 100%; padding: 16px 60px 16px 24px; border: 2px solid #e8e8e8; border-radius: 50px; font-size: 16px; font-family: "Nunito", sans-serif; outline: none; transition: all 0.3s ease; background: var(--zd-bg); }
.zd-search-form input[type="search"]:focus { border-color: #2E7D32; background: #fff; box-shadow: 0 0 0 4px rgba(76,175,80,0.1); }
.zd-search-btn { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%); border: none; border-radius: 50%; width: 46px; height: 46px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(76,175,80,0.3); }
.zd-search-btn svg { width: 22px; height: 22px; stroke: #fff; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } .zd-live-search-results { 
position: absolute; 
top: calc(100% + 8px); 
left: 0; 
right: 0; 
background: #fff; 
border-radius: 16px; 
box-shadow: 0 10px 40px rgba(0,0,0,0.15); 
z-index: 9999; 
display: none; 
max-height: 480px; 
overflow-y: auto;
border: 1px solid #e5e5e5;
}
.zd-live-search-results.active { display: block; }
.zd-live-search-header { 
padding: 14px 20px; 
border-bottom: 1px solid #f0f0f0; 
font-size: 13px; 
color: #666; 
background: var(--zd-bg);
border-radius: 16px 16px 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.zd-live-search-header strong { color: #333; }
.zd-live-search-close {
display: none;
width: 28px;
height: 28px;
background: #e5e5e5;
border: none;
border-radius: 50%;
font-size: 16px;
color: #666;
cursor: pointer;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.zd-live-search-close:hover { background: #ddd; color: #333; }
@media (max-width: 768px) {
.zd-live-search-close { display: flex; }
}
.zd-live-search-item { 
display: flex; 
align-items: center; 
gap: 15px; 
padding: 12px 20px; 
text-decoration: none; 
transition: background 0.2s ease;
border-bottom: 1px solid #f5f5f5;
}
.zd-live-search-item:last-of-type { border-bottom: none; }
.zd-live-search-item:hover { background: #f8fdf8; }
.zd-live-search-img { 
width: 55px; 
height: 55px; 
border-radius: 10px; 
overflow: hidden; 
background: #f5f5f5; 
flex-shrink: 0;
}
.zd-live-search-img img { 
width: 100%; 
height: 100%; 
object-fit: contain;
padding: 4px;
}
.zd-live-search-info { flex: 1; min-width: 0; }
.zd-live-search-category { 
font-size: 14px; 
color: #2E7D32; 
text-transform: uppercase; 
font-weight: 600; 
letter-spacing: 0.3px;
margin-bottom: 3px;
}
.zd-live-search-title { 
font-size: 14px; 
font-weight: 600; 
color: #333; 
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.zd-live-search-price { 
font-size: 15px; 
font-weight: 700; 
color: #2E7D32; 
white-space: nowrap;
margin-left: 10px;
}
.zd-live-search-price del { color: #666; font-weight: 400; font-size: 12px; }
.zd-live-search-price ins { text-decoration: none; }
.zd-live-search-all { 
display: block; 
padding: 14px 20px; 
text-align: center; 
background: #f8fdf8; 
color: #2E7D32; 
font-size: 14px; 
font-weight: 600; 
text-decoration: none;
border-radius: 0 0 16px 16px;
border-top: 1px solid #e8f5e9;
transition: background 0.2s ease;
}
.zd-live-search-all:hover { background: var(--zd-bg-green-light); }
.zd-live-search-empty { 
padding: 30px 20px; 
text-align: center; 
color: #666; 
}
.zd-live-search-empty svg { 
width: 40px; 
height: 40px; 
stroke: #ccc; 
margin-bottom: 10px; 
}
.zd-live-search-empty p { margin: 0; font-size: 14px; }
.zd-live-search-loading {
padding: 25px 20px;
text-align: center;
color: #666;
font-size: 14px;
}
.zd-live-search-loading::after {
content: '';
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid #e5e5e5;
border-top-color: #2E7D32;
border-radius: 50%;
animation: spin 0.8s linear infinite;
margin-left: 10px;
vertical-align: middle;
}
@keyframes spin { to { transform: rotate(360deg); } } .zd-scroll-top {
position: fixed;
bottom: 100px;
right: 20px;
width: 50px;
height: 50px;
background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
color: #fff;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 20px rgba(76, 175, 80, 0.4);
z-index: 990;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.3s ease;
}
.zd-scroll-top.visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.zd-scroll-top:hover {
transform: translateY(-3px);
box-shadow: 0 6px 25px rgba(76, 175, 80, 0.5);
}
.zd-scroll-top svg {
width: 24px;
height: 24px;
stroke: currentColor;
fill: none;
stroke-width: 2.5;
} @media (max-width: 768px) {
.zd-scroll-top {
bottom: 90px;
right: 15px;
width: 44px;
height: 44px;
}
.zd-scroll-top svg {
width: 20px;
height: 20px;
}
} @media (max-width: 767px) {
.zd-scroll-top {
display: none !important;
}
body:not(.woocommerce-checkout) .site-main {
padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
}
} #zd-sticky-cta {
display: none !important;
} .zd-bottom-bar {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
border-top: 1px solid #e5e5e5;
box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
z-index: 998;
padding: 4px 0;
padding-bottom: calc(4px + env(safe-area-inset-bottom));
}
.zd-bottom-bar-inner {
display: flex;
justify-content: space-around;
align-items: center;
max-width: 500px;
margin: 0 auto;
} .zd-bottom-bar-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
padding: 6px 16px;
min-width: 56px;
min-height: 44px;
text-decoration: none;
color: #555;
font-size: 11px;
font-weight: 600;
transition: all 0.3s ease;
position: relative;
border-radius: 10px;
background: none;
border: none;
cursor: pointer;
font-family: inherit;
}
.zd-bottom-bar-item:hover,
.zd-bottom-bar-item.active {
color: #2E7D32;
background: rgba(76, 175, 80, 0.08);
} .zd-bottom-bar-item svg {
width: 22px;
height: 22px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
.zd-bottom-bar-item span {
line-height: 1;
} .zd-bottom-bar-item .zd-cart-badge {
position: absolute;
top: 2px;
right: 2px;
background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
color: #fff;
font-size: 10px;
font-weight: 700;
min-width: 16px;
height: 16px;
padding: 0 4px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.zd-bottom-bar-item .zd-cart-badge:empty {
display: none;
} .zd-bottom-bar-item.search-active {
background: var(--zd-bg-green-light);
color: #2E7D32;
} @media (min-width: 769px) {
.zd-bottom-bar {
display: none !important;
}
} @media (max-width: 768px) {
.zd-bottom-bar {
display: block;
} body {
padding-bottom: 70px;
} .zd-floating-cart {
display: none !important;
}
} .zd-search-modal {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 9998;
opacity: 0;
transition: opacity 0.3s ease;
}
.zd-search-modal.active {
display: block;
opacity: 1;
}
.zd-search-modal-content {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #fff;
padding: 15px;
transform: translateY(-100%);
transition: transform 0.3s ease;
}
.zd-search-modal.active .zd-search-modal-content {
transform: translateY(0);
}
.zd-search-modal-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.zd-search-modal-close {
min-width: 48px;
min-height: 48px;
width: 40px;
height: 40px;
background: #f5f5f5;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-shrink: 0;
}
.zd-search-modal-close svg {
width: 20px;
height: 20px;
stroke: #666;
fill: none;
stroke-width: 2;
}
.zd-search-modal-input {
flex: 1;
height: 48px;
border: 2px solid #4CAF50;
border-radius: 12px;
padding: 0 15px;
font-size: 16px;
outline: none;
} .zd-minicart-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 9998;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.zd-minicart-overlay.active {
opacity: 1;
visibility: visible;
}
.zd-minicart {
position: fixed;
top: 0;
right: 0;
width: 100%;
max-width: 380px;
height: 100%;
background: #fff;
z-index: 9999;
display: flex;
flex-direction: column;
transform: translateX(100%);
transition: transform 0.3s ease;
box-shadow: -5px 0 30px rgba(0,0,0,0.15);
}
.zd-minicart.active {
transform: translateX(0);
} .zd-minicart-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
border-bottom: 1px solid #f0f0f0;
background: var(--zd-bg);
}
.zd-minicart-header h3,
.zd-minicart-title {
font-family: "Playfair Display", Georgia, serif;
font-size: 20px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0;
}
.zd-minicart-close {
min-width: 48px;
min-height: 48px;
width: 40px;
height: 40px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.zd-minicart-close:hover {
background: #fee2e2;
border-color: #fca5a5;
}
.zd-minicart-close svg {
width: 18px;
height: 18px;
stroke: #666;
fill: none;
stroke-width: 2;
}
.zd-minicart-close:hover svg {
stroke: #dc2626;
} .zd-minicart-content {
flex: 1;
overflow-y: auto;
padding: 15px;
} .zd-minicart-loading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 20px;
color: #666;
}
.zd-minicart-spinner {
width: 40px;
height: 40px;
border: 3px solid #e5e5e5;
border-top-color: #2E7D32;
border-radius: 50%;
animation: spin 0.8s linear infinite;
margin-bottom: 15px;
} .zd-minicart-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 20px;
text-align: center;
}
.zd-minicart-empty svg {
width: 64px;
height: 64px;
stroke: #ddd;
fill: none;
margin-bottom: 20px;
}
.zd-minicart-empty p {
font-size: 16px;
color: #666;
margin: 0 0 20px 0;
}
.zd-minicart-empty a {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--zd-green);
color: #fff;
padding: 12px 24px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.zd-minicart-empty a:hover {
background: #388E3C;
} .zd-minicart-item {
display: flex;
gap: 15px;
padding: 15px;
background: var(--zd-bg);
border-radius: 12px;
margin-bottom: 12px;
position: relative;
}
.zd-minicart-item:last-child {
margin-bottom: 0;
}
.zd-minicart-item-image {
width: 70px;
height: 70px;
border-radius: 10px;
overflow: hidden;
background: #fff;
flex-shrink: 0;
border: 1px solid #f0f0f0;
}
.zd-minicart-item-image img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 5px;
}
.zd-minicart-item-info {
flex: 1;
min-width: 0;
}
.zd-minicart-item-name {
font-size: 14px;
font-weight: 600;
color: var(--zd-text-dark);
line-height: 1.4;
margin: 0 0 6px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.zd-minicart-item-name a {
color: inherit;
text-decoration: none;
}
.zd-minicart-item-name a:hover {
color: #2E7D32;
}
.zd-minicart-item-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.zd-minicart-item-qty {
font-size: 13px;
color: #666;
}
.zd-minicart-item-price {
font-size: 15px;
font-weight: 700;
color: #2E7D32;
}
.zd-minicart-item-remove {
position: absolute;
top: 10px;
right: 10px;
width: 26px;
height: 26px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
opacity: 0.7;
}
.zd-minicart-item-remove:hover {
opacity: 1;
background: #fee2e2;
border-color: #fca5a5;
}
.zd-minicart-item-remove svg {
width: 14px;
height: 14px;
stroke: #999;
fill: none;
stroke-width: 2;
}
.zd-minicart-item-remove:hover svg {
stroke: #dc2626;
} .zd-minicart-footer {
padding: 20px;
border-top: 1px solid #f0f0f0;
background: var(--zd-bg);
}
.zd-minicart-total {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
font-size: 16px;
}
.zd-minicart-total strong {
font-size: 22px;
color: #2E7D32;
}
.zd-minicart-checkout {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
padding: 16px 24px;
background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
color: #fff;
font-size: 16px;
font-weight: 700;
border-radius: 12px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
}
.zd-minicart-checkout:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
}
.zd-minicart-checkout svg {
width: 20px;
height: 20px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
.zd-minicart-viewcart {
display: block;
text-align: center;
margin-top: 12px;
color: #666;
font-size: 14px;
text-decoration: none;
}
.zd-minicart-viewcart:hover {
color: #2E7D32;
text-decoration: underline;
} .zd-minicart-footer.hidden {
display: none;
} @media (max-width: 480px) {
.zd-minicart {
max-width: 100%;
}
} .zd-header-icons { display: flex; align-items: center; gap: 8px; }
.zd-header-icon { display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 12px; transition: all 0.3s ease; color: #333; position: relative; text-decoration: none; }
button.zd-header-icon { background: none; border: none; cursor: pointer; font-family: inherit; }
.zd-header-icon:hover { background: #f5f5f5; color: #2E7D32; }
.zd-header-icon svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.zd-cart-count { position: absolute; top: 4px; right: 4px; background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%); color: #fff; font-size: 14px; font-weight: 700; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; display: flex; align-items: center; justify-content: center; } .zd-burger-btn { display: none; background: none; border: none; padding: 10px; cursor: pointer; border-radius: 10px; }
.zd-burger-btn svg { width: 26px; height: 26px; stroke: #333; fill: none; stroke-width: 2; } .zd-mobile-menu { 
display: none; 
position: fixed; 
top: 0; left: 0; right: 0; bottom: 0; 
background: #fff; 
z-index: 9999; 
overflow-y: auto; 
transform: translateX(-100%); 
transition: transform 0.3s ease; 
}
.zd-mobile-menu.active { display: block; transform: translateX(0); } .zd-mm-header { 
display: flex; 
align-items: center; 
justify-content: space-between; 
padding: 16px 20px; 
background: #f8f9fa; 
border-bottom: 1px solid #e5e5e5;
position: sticky;
top: 0;
z-index: 10;
}
.zd-mm-title { 
display: flex; 
align-items: center; 
gap: 10px; 
font-size: 16px; 
font-weight: 700; 
color: var(--zd-text-dark); 
text-transform: uppercase;
letter-spacing: 0.5px;
}
.zd-mm-title svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; }
.zd-mm-back { 
display: flex; 
align-items: center; 
gap: 6px; 
font-size: 14px; 
font-weight: 600; 
color: #666; 
background: none; 
border: none; 
cursor: pointer;
padding: 8px 12px;
border-radius: 8px;
transition: all 0.2s ease;
}
.zd-mm-back:hover { background: #e8e8e8; color: #333; }
.zd-mm-back svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2.5; }
.zd-mm-close { 
min-width: 48px; 
min-height: 48px; 
background: none; 
border: none; 
padding: 8px; 
cursor: pointer; 
border-radius: 8px;
transition: background 0.2s ease;
}
.zd-mm-close:hover { background: #e8e8e8; }
.zd-mm-close svg { width: 24px; height: 24px; stroke: #333; fill: none; stroke-width: 2; } .zd-mm-search { padding: 15px 20px; background: #fff; border-bottom: 1px solid #f0f0f0; position: relative; }
.zd-mm-search form { position: relative; }
.zd-mm-search input { 
width: 100%; 
padding: 14px 18px; 
border: 2px solid #e8e8e8; 
border-radius: 12px; 
font-size: 16px; 
font-family: "Nunito", sans-serif; 
outline: none; 
background: var(--zd-bg); 
}
.zd-mm-search input:focus { border-color: #2E7D32; background: #fff; } .zd-mm-live-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border-radius: 0 0 12px 12px;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
max-height: 45vh;
overflow-y: auto;
display: none;
z-index: 100;
border: 2px solid #4CAF50;
border-top: 1px solid #e5e5e5;
}
.zd-mm-live-results.active { display: block; }
.zd-mm-live-results .zd-live-search-header { border-radius: 0; }
.zd-mm-live-results .zd-live-search-all { border-radius: 0 0 10px 10px; } .zd-mm-content { padding-bottom: 100px; } .zd-mm-section { border-bottom: 1px solid #f0f0f0; }
.zd-mm-section-header { 
display: flex; 
align-items: center; 
justify-content: space-between; 
padding: 16px 20px; 
cursor: pointer; 
transition: background 0.2s ease;
user-select: none;
}
.zd-mm-section-header:hover { background: var(--zd-bg); }
.zd-mm-section-header.active { background: #f0fdf4; }
.zd-mm-section-title { 
font-size: 14px; 
font-weight: 700; 
color: var(--zd-text-dark); 
text-transform: uppercase;
letter-spacing: 0.3px;
display: flex;
align-items: center;
gap: 10px;
}
.zd-mm-section-title .emoji { font-size: 18px; }
.zd-mm-section-icon { 
width: 24px; 
height: 24px; 
display: flex; 
align-items: center; 
justify-content: center;
color: #666;
font-size: 18px;
font-weight: 300;
transition: transform 0.3s ease;
}
.zd-mm-section-header.active .zd-mm-section-icon { transform: rotate(45deg); color: #2E7D32; } .zd-mm-items { display: none; background: var(--zd-bg); }
.zd-mm-items.active { display: block; }
.zd-mm-item { border-bottom: 1px solid #eee; }
.zd-mm-item:last-child { border-bottom: none; }
.zd-mm-item-header { 
display: flex; 
align-items: center; 
justify-content: space-between; 
padding: 14px 20px 14px 30px;
cursor: pointer;
transition: background 0.2s ease;
}
.zd-mm-item-header:hover { background: #f5f5f5; }
.zd-mm-item-header.active { background: var(--zd-bg-green-light); }
.zd-mm-item-name { font-size: 15px; color: #333; font-weight: 500; }
.zd-mm-item-header.active .zd-mm-item-name { color: #2E7D32; font-weight: 600; }
.zd-mm-item-toggle { 
width: 28px; 
height: 28px; 
display: flex; 
align-items: center; 
justify-content: center;
color: #666;
font-size: 16px;
font-weight: 300;
transition: all 0.3s ease;
}
.zd-mm-item-header.active .zd-mm-item-toggle { transform: rotate(45deg); color: #2E7D32; } .zd-mm-subitems { display: none; background: #fff; padding: 10px 20px 10px 50px; }
.zd-mm-subitems.active { display: block; }
.zd-mm-subitem { 
display: block; 
padding: 10px 0; 
font-size: 14px; 
color: #555; 
text-decoration: none; 
border-bottom: 1px solid #f5f5f5;
transition: color 0.2s ease;
}
.zd-mm-subitem:last-child { border-bottom: none; }
.zd-mm-subitem:hover { color: #2E7D32; } .zd-mm-link { 
display: flex; 
align-items: center; 
gap: 14px; 
padding: 16px 20px; 
font-size: 15px; 
color: #333; 
text-decoration: none; 
border-bottom: 1px solid #f0f0f0;
transition: background 0.2s ease;
}
.zd-mm-link:hover { background: var(--zd-bg); }
.zd-mm-link svg { width: 20px; height: 20px; stroke: #666; fill: none; stroke-width: 1.8; }
.zd-mm-link .emoji { font-size: 18px; } .zd-mm-cta { 
position: fixed; 
bottom: 0; 
left: 0; 
right: 0; 
padding: 12px 20px; 
background: #fff; 
border-top: 1px solid #e5e5e5; 
box-shadow: 0 -4px 20px rgba(0,0,0,0.1); 
z-index: 10;
display: none;
}
body.menu-open .zd-mm-cta { display: block; }
.zd-mm-cta a { 
display: flex; 
align-items: center; 
justify-content: center; 
gap: 10px; 
width: 100%; 
padding: 14px; 
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%); 
color: #fff; 
font-size: 15px; 
font-weight: 700; 
text-decoration: none; 
border-radius: 12px; 
box-shadow: 0 4px 15px rgba(76,175,80,0.3); 
}
.zd-mm-cta svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; } @media (max-width: 992px) {
.zd-top-bar { padding: 4px 15px; }
.zd-top-bar-phone-number { font-size: 13px; }
.zd-main-header { gap: 20px; padding: 15px 20px; }
}
@media (max-width: 768px) {
.zd-top-bar { padding: 3px 10px; }
.zd-top-bar-phone-icon { width: 16px; height: 16px; }
.zd-top-bar-phone-icon svg { width: 9px; height: 9px; }
.zd-top-bar-phone-number { font-size: 12px; }
.zd-burger-btn { display: flex; order: -1; }
.zd-mobile-menu { display: block; } .zd-main-header { 
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto auto;
gap: 10px 12px; 
padding: 10px 12px; 
}
.zd-logo { grid-column: 2; grid-row: 1; justify-self: center; }
.zd-header-icons { grid-column: 3; grid-row: 1; } .zd-search-wrapper { 
display: flex !important; 
grid-column: 1 / -1; 
grid-row: 2; 
width: 100%;
}
.zd-search-form { max-width: 100%; }
.zd-search-form input[type="search"] { 
padding: 12px 50px 12px 16px; 
font-size: 16px; border-radius: 10px;
}
.zd-search-btn { 
width: 38px; 
height: 38px; 
right: 4px;
}
.zd-search-btn svg { width: 18px; height: 18px; } .zd-live-search-results {
position: absolute;
top: calc(100% + 5px);
bottom: auto;
left: 0;
right: 0;
max-height: 60vh;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0,0,0,0.25);
z-index: 99999;
}
.zd-live-search-header { border-radius: 12px 12px 0 0; }
.zd-live-search-all { border-radius: 0 0 12px 12px; }
.zd-logo img, .zd-logo .custom-logo { max-height: 40px; }
.zd-header-icon { padding: 8px; }
.zd-header-icon svg { width: 20px; height: 20px; }
}
@media (max-width: 480px) {
.zd-top-bar { padding: 2px 8px; }
.zd-top-bar-phone a { gap: 4px; }
.zd-top-bar-phone-icon { width: 14px; height: 14px; }
.zd-top-bar-phone-icon svg { width: 8px; height: 8px; }
.zd-top-bar-phone-number { font-size: 14px; }
.zd-main-header { gap: 8px 8px; padding: 8px 10px; }
.zd-logo img, .zd-logo .custom-logo { max-height: 35px; }
.zd-logo-text { font-size: 18px; }
.zd-search-form input[type="search"] { 
padding: 10px 45px 10px 14px; 
font-size: 16px; }
.zd-search-btn { width: 48px; height: 48px; min-width: 48px; min-height: 48px; }
} .zd-desktop-nav {
display: block;
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.zd-desktop-nav-container {
max-width: 1300px;
margin: 0 auto;
padding: 0 30px;
display: flex;
align-items: center;
justify-content: center;
}
.zd-nav-menu {
display: flex;
align-items: center;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
}
.zd-nav-item {
position: relative;
}
.zd-nav-link {
display: flex;
align-items: center;
gap: 8px;
padding: 18px 35px;
color: #fff;
font-size: 15px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.8px;
transition: all 0.2s ease;
border-bottom: 3px solid transparent;
margin-bottom: -3px;
}
.zd-nav-link:hover {
background: rgba(255,255,255,0.15);
color: #fff;
}
.zd-nav-link svg {
width: 14px;
height: 14px;
stroke: currentColor;
fill: none;
stroke-width: 2.5;
transition: transform 0.2s ease;
}
.zd-nav-item:hover .zd-nav-link svg {
transform: rotate(180deg);
}
.zd-nav-item.has-mega:hover .zd-nav-link {
background: rgba(255,255,255,0.2);
border-bottom-color: #fff;
} .zd-mega-menu {
position: absolute;
top: 100%;
left: 0;
background: #fff;
min-width: 920px;
box-shadow: 0 15px 50px rgba(0,0,0,0.15);
border-radius: 0 0 12px 12px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.25s ease;
z-index: 1000;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
padding: 30px 0;
}
.zd-nav-item.has-mega:hover .zd-mega-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .zd-mega-column {
padding: 0 28px;
border-right: 1px solid #e8e8e8;
}
.zd-mega-column:last-child {
border-right: none;
}
.zd-mega-title {
font-family: "Nunito", sans-serif;
font-size: 15px;
font-weight: 800;
color: var(--zd-text-dark);
text-transform: uppercase;
letter-spacing: 0.3px;
padding-bottom: 14px;
margin-bottom: 14px;
border-bottom: 2px solid #4CAF50;
display: flex;
align-items: center;
gap: 8px;
}
.zd-mega-title a {
color: inherit;
text-decoration: none;
}
.zd-mega-title a:hover {
color: #2E7D32;
}
.zd-mega-links {
list-style: none;
padding: 0;
margin: 0;
}
.zd-mega-links li {
margin-bottom: 6px;
}
.zd-mega-links a {
display: block;
padding: 8px 0;
color: #333;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
}
.zd-mega-links a:hover {
color: #2E7D32;
padding-left: 10px;
} .zd-mega-all {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 18px;
padding: 12px 20px;
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
color: #fff !important;
font-family: "Nunito", sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 8px;
transition: all 0.2s ease;
box-shadow: 0 3px 10px rgba(76,175,80,0.3);
}
.zd-mega-all:hover {
background: linear-gradient(135deg, #43a047 0%, #388E3C 100%);
transform: translateX(4px);
padding-left: 20px !important;
box-shadow: 0 5px 15px rgba(76,175,80,0.4);
}
.zd-mega-all svg {
width: 14px;
height: 14px;
stroke: currentColor;
fill: none;
} @media (max-width: 992px) {
.zd-desktop-nav {
display: none;
}
}  .zd-blog-page {
background: var(--zd-bg);
min-height: 100vh;
} .zd-blog-hero {
background: linear-gradient(135deg, #f0fdf4 0%, #e8f5e9 50%, #f5f5f5 100%);
padding: 50px 30px 40px;
text-align: center;
}
.zd-blog-hero-content {
max-width: 700px;
margin: 0 auto;
}
.zd-blog-breadcrumb {
font-size: 14px;
color: #666;
margin-bottom: 15px;
}
.zd-blog-breadcrumb a {
color: #666;
text-decoration: none;
transition: color 0.3s ease;
}
.zd-blog-breadcrumb a:hover {
color: #2E7D32;
}
.zd-blog-hero h1 {
font-family: "Playfair Display", Georgia, serif;
font-size: 42px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 15px 0;
}
.zd-blog-hero h1 span {
color: #2E7D32;
}
.zd-blog-hero p {
font-size: 17px;
line-height: 1.6;
color: #666;
margin: 0;
} .zd-blog-container {
max-width: 1200px;
margin: 0 auto;
padding: 50px 30px 80px;
} .zd-blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
} .zd-blog-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid #f0f0f0;
}
.zd-blog-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
border-color: #e8f5e9;
} .zd-blog-card-image {
position: relative;
width: 100%;
padding-top: 56.25%; overflow: hidden;
background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
}
.zd-blog-card-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.zd-blog-card:hover .zd-blog-card-image img {
transform: scale(1.05);
} .zd-blog-card-image-placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
}
.zd-blog-card-image-placeholder svg {
width: 48px;
height: 48px;
stroke: #4CAF50;
opacity: 0.5;
} .zd-blog-card-category {
position: absolute;
top: 15px;
left: 15px;
background: #fff;
color: #2E7D32;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 6px 12px;
border-radius: 50px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
text-decoration: none;
transition: all 0.3s ease;
}
.zd-blog-card-category:hover {
background: var(--zd-green);
color: #fff;
} .zd-blog-card-content {
padding: 25px;
flex: 1;
display: flex;
flex-direction: column;
}
.zd-blog-card-title {
font-family: "Playfair Display", Georgia, serif;
font-size: 20px;
font-weight: 600;
color: var(--zd-text-dark);
line-height: 1.4;
margin: 0 0 12px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.zd-blog-card-title a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
.zd-blog-card-title a:hover {
color: #2E7D32;
}
.zd-blog-card-excerpt {
font-size: 15px;
line-height: 1.6;
color: #666;
margin: 0 0 20px 0;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} .zd-blog-card-meta {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
font-size: 13px;
color: #666;
}
.zd-blog-card-date {
display: flex;
align-items: center;
gap: 6px;
}
.zd-blog-card-date svg {
width: 14px;
height: 14px;
stroke: #bbb;
}
.zd-blog-card-author {
display: flex;
align-items: center;
gap: 8px;
}
.zd-blog-card-author-avatar {
width: 28px;
height: 28px;
border-radius: 50%;
background: linear-gradient(135deg, #4CAF50 0%, #81C784 100%);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 12px;
font-weight: 600;
} .zd-blog-card-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #2E7D32;
font-size: 14px;
font-weight: 600;
text-decoration: none;
margin-top: 15px;
transition: gap 0.3s ease;
}
.zd-blog-card-link:hover {
gap: 10px;
}
.zd-blog-card-link svg {
width: 16px;
height: 16px;
stroke: currentColor;
} .zd-blog-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 50px;
}
.zd-blog-pagination a,
.zd-blog-pagination span {
display: flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 15px;
border-radius: 10px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.zd-blog-pagination a {
background: #fff;
color: #333;
border: 1px solid #e5e5e5;
}
.zd-blog-pagination a:hover {
background: var(--zd-green);
color: #fff;
border-color: #2E7D32;
}
.zd-blog-pagination span.current {
background: var(--zd-green);
color: #fff;
border: 1px solid #4CAF50;
}
.zd-blog-pagination .prev,
.zd-blog-pagination .next {
font-weight: 600;
} .zd-blog-empty {
text-align: center;
padding: 80px 30px;
background: #fff;
border-radius: 16px;
}
.zd-blog-empty svg {
width: 64px;
height: 64px;
stroke: #ccc;
margin-bottom: 20px;
}
.zd-blog-empty h2 {
font-size: 24px;
color: #333;
margin: 0 0 10px 0;
}
.zd-blog-empty p {
font-size: 16px;
color: #666;
margin: 0;
} @media (max-width: 992px) {
.zd-blog-grid {
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.zd-blog-hero h1 {
font-size: 34px;
}
}
@media (max-width: 768px) {
.zd-blog-hero {
padding: 40px 20px 30px;
}
.zd-blog-hero h1 {
font-size: 28px;
}
.zd-blog-hero p {
font-size: 15px;
}
.zd-blog-container {
padding: 30px 15px 60px;
}
.zd-blog-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.zd-blog-card-content {
padding: 20px;
}
.zd-blog-card-title {
font-size: 18px;
}
}
@media (max-width: 480px) {
.zd-blog-hero h1 {
font-size: 24px;
}
.zd-blog-card-meta {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}  .zd-blog-archive {
background: linear-gradient(135deg, #f8fdf8 0%, #f5f5f5 100%);
min-height: 60vh;
}
.zd-blog-archive-header {
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
padding: 50px 30px;
text-align: center;
color: #fff;
}
.zd-blog-archive-title {
font-family: "Playfair Display", Georgia, serif;
font-size: 42px;
font-weight: 600;
margin: 0 0 10px 0;
}
.zd-blog-archive-desc {
font-size: 18px;
opacity: 0.9;
max-width: 600px;
margin: 0 auto;
font-family: "Inter", sans-serif;
}
.zd-blog-archive-container {
max-width: 1100px;
margin: 0 auto;
padding: 50px 30px;
} .zd-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 30px;
}
.zd-post-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}
.zd-post-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 40px rgba(0,0,0,0.12);
}
.zd-post-card-image {
width: 100%;
height: 200px;
overflow: hidden;
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
}
.zd-post-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.zd-post-card:hover .zd-post-card-image img {
transform: scale(1.05);
}
.zd-post-card-image-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
}
.zd-post-card-content {
padding: 25px;
flex: 1;
display: flex;
flex-direction: column;
}
.zd-post-card-meta {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 12px;
font-size: 13px;
color: #666;
font-family: "Inter", sans-serif;
}
.zd-post-card-category {
background: var(--zd-bg-green-light);
color: #2E7D32;
padding: 4px 10px;
border-radius: 50px;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
}
.zd-post-card-title {
font-family: "Nunito", sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--zd-text-dark);
margin: 0 0 12px 0;
line-height: 1.4;
}
.zd-post-card-title a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
.zd-post-card-title a:hover {
color: #2E7D32;
}
.zd-post-card-excerpt {
font-size: 15px;
line-height: 1.7;
color: #666;
margin: 0 0 20px 0;
flex: 1;
font-family: "Inter", sans-serif;
}
.zd-post-card-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: #2E7D32;
font-weight: 600;
font-size: 14px;
text-decoration: none;
font-family: "Nunito", sans-serif;
transition: gap 0.3s ease;
}
.zd-post-card-link:hover {
gap: 12px;
} .zd-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 50px;
flex-wrap: wrap;
}
.zd-pagination a,
.zd-pagination span {
display: flex;
align-items: center;
justify-content: center;
min-width: 45px;
height: 45px;
padding: 0 15px;
background: #fff;
color: #333;
border-radius: 10px;
text-decoration: none;
font-weight: 600;
font-family: "Nunito", sans-serif;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.zd-pagination a:hover {
background: var(--zd-green);
color: #fff;
}
.zd-pagination .current {
background: var(--zd-green);
color: #fff;
} .zd-no-posts {
text-align: center;
padding: 60px 20px;
background: #fff;
border-radius: 16px;
}
.zd-no-posts-icon {
font-size: 64px;
margin-bottom: 20px;
}
.zd-no-posts-title {
font-family: "Nunito", sans-serif;
font-size: 24px;
font-weight: 700;
color: #333;
margin: 0 0 10px 0;
}
.zd-no-posts-text {
font-size: 16px;
color: #666;
margin: 0;
} @media (max-width: 768px) {
.zd-blog-archive-header {
padding: 40px 20px;
}
.zd-blog-archive-title {
font-size: 32px;
}
.zd-blog-archive-container {
padding: 30px 15px;
}
.zd-posts-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.zd-post-card-image {
height: 180px;
}
.zd-post-card-content {
padding: 20px;
}
.zd-post-card-title {
font-size: 18px;
}
}   .onas-page {
background: #fff;
} .onas-hero {
background: linear-gradient(135deg, #f0fdf4 0%, #fafffe 50%, #f8f8f8 100%);
padding: 60px 30px 70px;
text-align: center;
}
.onas-hero-container {
max-width: 800px;
margin: 0 auto;
}
.onas-hero-label {
display: inline-block;
background: var(--zd-bg-green-light);
color: #2E7D32;
padding: 8px 20px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 20px;
}
.onas-hero-title {
font-family: "Playfair Display", Georgia, serif;
font-size: 42px;
font-weight: 600;
color: var(--zd-text-dark);
line-height: 1.2;
margin: 0 0 15px 0;
}
.onas-hero-subtitle {
font-size: 18px;
color: #666;
line-height: 1.6;
margin: 0;
} .onas-content {
max-width: 1100px;
margin: 0 auto;
padding: 70px 30px;
} .onas-intro {
max-width: 850px;
margin: 0 auto 60px;
text-align: center;
}
.onas-intro-text {
font-size: 18px;
line-height: 1.8;
color: #444;
}
.onas-intro-text strong {
color: var(--zd-text-dark);
} .onas-person {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
margin-bottom: 80px;
padding-bottom: 80px;
border-bottom: 1px solid #f0f0f0;
}
.onas-person.reverse {
direction: rtl;
}
.onas-person.reverse > * {
direction: ltr;
}
.onas-person-image {
position: relative;
}
.onas-person-image-placeholder {
width: 100%;
aspect-ratio: 4/5;
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.onas-person-image-placeholder svg {
width: 120px;
height: 120px;
stroke: #4CAF50;
fill: none;
opacity: 0.5;
}
.onas-person-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.onas-person-badge {
position: absolute;
bottom: -15px;
left: 30px;
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
color: #fff;
padding: 12px 24px;
border-radius: 12px;
font-size: 14px;
font-weight: 600;
box-shadow: 0 6px 20px rgba(76, 175, 80, 0.3);
}
.onas-person-content h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 32px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 20px 0;
display: flex;
align-items: center;
gap: 12px;
}
.onas-person-content h2 span {
font-size: 28px;
}
.onas-person-content p {
font-size: 16px;
line-height: 1.8;
color: #555;
margin: 0 0 20px 0;
}
.onas-person-list {
list-style: none;
padding: 0;
margin: 0 0 25px 0;
}
.onas-person-list li {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 0;
font-size: 15px;
color: #444;
}
.onas-person-list li span {
font-size: 20px;
}
.onas-quote {
background: #f8f8f8;
border-left: 4px solid #4CAF50;
padding: 25px 30px;
border-radius: 0 16px 16px 0;
margin-top: 25px;
}
.onas-quote p {
font-style: italic;
font-size: 17px;
color: #555;
margin: 0;
line-height: 1.7;
}
.onas-quote cite {
display: block;
margin-top: 12px;
font-size: 14px;
color: #666;
font-style: normal;
} .onas-why {
background: linear-gradient(135deg, #f0fdf4 0%, #e8f5e9 100%);
border-radius: 24px;
padding: 50px;
margin-bottom: 80px;
text-align: center;
}
.onas-why h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 32px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 15px 0;
}
.onas-why h2 span {
font-size: 28px;
}
.onas-why > p {
font-size: 16px;
color: #666;
margin: 0 0 35px 0;
}
.onas-why-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
text-align: left;
}
.onas-why-card {
background: #fff;
border-radius: 16px;
padding: 30px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.onas-why-card h3 {
font-size: 17px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 10px 0;
display: flex;
align-items: center;
gap: 10px;
}
.onas-why-card h3 span {
font-size: 22px;
}
.onas-why-card p {
font-size: 14px;
color: #666;
line-height: 1.6;
margin: 0;
} .onas-offer {
margin-bottom: 80px;
text-align: center;
}
.onas-offer h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 32px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 40px 0;
}
.onas-offer h2 span {
font-size: 28px;
}
.onas-offer-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.onas-offer-item {
background: #fff;
border: 2px solid #f0f0f0;
border-radius: 16px;
padding: 30px 25px;
text-align: center;
transition: all 0.3s ease;
}
.onas-offer-item:hover {
border-color: #2E7D32;
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(76, 175, 80, 0.1);
}
.onas-offer-item span {
font-size: 36px;
display: block;
margin-bottom: 15px;
}
.onas-offer-item h3 {
font-size: 16px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0;
} .onas-mission {
background: #1a1a1a;
border-radius: 24px;
padding: 60px 50px;
text-align: center;
margin-bottom: 80px;
}
.onas-mission h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 28px;
font-weight: 600;
color: #fff;
margin: 0 0 20px 0;
}
.onas-mission h2 span {
font-size: 26px;
}
.onas-mission p {
font-size: 18px;
color: rgba(255,255,255,0.8);
line-height: 1.8;
max-width: 750px;
margin: 0 auto;
} .onas-history {
max-width: 800px;
margin: 0 auto 80px;
text-align: center;
}
.onas-history h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 32px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 25px 0;
}
.onas-history h2 span {
font-size: 28px;
}
.onas-history p {
font-size: 16px;
line-height: 1.8;
color: #555;
margin: 0 0 20px 0;
}
.onas-history-highlight {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
margin-top: 30px;
}
.onas-history-highlight span {
background: var(--zd-bg-green-light);
color: #2e7d32;
padding: 10px 20px;
border-radius: 50px;
font-size: 14px;
font-weight: 500;
} .onas-cta {
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
border-radius: 24px;
padding: 60px 50px;
text-align: center;
}
.onas-cta h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 32px;
font-weight: 600;
color: #fff;
margin: 0 0 15px 0;
}
.onas-cta p {
font-size: 17px;
color: rgba(255,255,255,0.9);
margin: 0 0 30px 0;
}
.onas-cta-buttons {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}
.onas-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
border-radius: 12px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.onas-cta-btn.primary {
background: #fff;
color: #2E7D32;
}
.onas-cta-btn.primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}
.onas-cta-btn.secondary {
background: rgba(255,255,255,0.15);
color: #fff;
border: 2px solid rgba(255,255,255,0.3);
}
.onas-cta-btn.secondary:hover {
background: rgba(255,255,255,0.25);
}
.onas-cta-btn svg {
width: 20px;
height: 20px;
stroke: currentColor;
fill: none;
} .onas-contact {
margin-top: 80px;
padding-top: 60px;
border-top: 1px solid #f0f0f0;
text-align: center;
}
.onas-contact h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 28px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 10px 0;
}
.onas-contact > p {
font-size: 16px;
color: #666;
margin: 0 0 30px 0;
}
.onas-contact-cards {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.onas-contact-card {
display: flex;
align-items: center;
gap: 15px;
padding: 20px 30px;
background: #f8f8f8;
border-radius: 14px;
text-decoration: none;
color: var(--zd-text-dark);
transition: all 0.3s ease;
}
.onas-contact-card:hover {
background: var(--zd-bg-green-light);
transform: translateY(-3px);
}
.onas-contact-card svg {
width: 24px;
height: 24px;
stroke: #4CAF50;
fill: none;
}
.onas-contact-card span {
font-size: 15px;
font-weight: 600;
} @media (max-width: 992px) {
.onas-hero-title {
font-size: 34px;
}
.onas-person {
grid-template-columns: 1fr;
gap: 40px;
}
.onas-person.reverse {
direction: ltr;
}
.onas-person-image {
max-width: 400px;
margin: 0 auto;
}
.onas-why {
padding: 40px 30px;
}
.onas-why-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.onas-offer-grid {
grid-template-columns: repeat(2, 1fr);
}
.onas-mission {
padding: 50px 30px;
}
}
@media (max-width: 480px) {
.onas-hero {
padding: 45px 20px 55px;
}
.onas-hero-title {
font-size: 28px;
}
.onas-hero-subtitle {
font-size: 16px;
}
.onas-content {
padding: 50px 20px;
}
.onas-intro-text {
font-size: 16px;
}
.onas-person {
margin-bottom: 50px;
padding-bottom: 50px;
}
.onas-person-content h2 {
font-size: 26px;
}
.onas-person-badge {
left: 20px;
padding: 10px 18px;
font-size: 13px;
}
.onas-quote {
padding: 20px;
}
.onas-why h2,
.onas-offer h2,
.onas-history h2 {
font-size: 26px;
}
.onas-offer-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.onas-offer-item {
padding: 20px 15px;
}
.onas-offer-item span {
font-size: 28px;
}
.onas-offer-item h3 {
font-size: 13px;
}
.onas-mission {
padding: 40px 25px;
border-radius: 18px;
}
.onas-mission h2 {
font-size: 24px;
}
.onas-mission p {
font-size: 15px;
}
.onas-cta {
padding: 45px 25px;
border-radius: 18px;
}
.onas-cta h2 {
font-size: 26px;
}
.onas-cta-buttons {
flex-direction: column;
}
.onas-cta-btn {
width: 100%;
justify-content: center;
}
.onas-contact-cards {
flex-direction: column;
}
.onas-contact-card {
width: 100%;
justify-content: center;
}
}  .zd-delivery-page {
background: var(--zd-bg);
min-height: 100vh;
} .zd-delivery-hero {
background: linear-gradient(135deg, #f0fdf4 0%, #e8f5e9 50%, #f5f5f5 100%);
padding: 50px 30px 40px;
text-align: center;
}
.zd-delivery-hero h1 {
font-family: "Playfair Display", Georgia, serif;
font-size: 42px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 10px 0;
}
.zd-delivery-hero p {
font-size: 18px;
color: #666;
margin: 0;
} .zd-delivery-container {
max-width: 1000px;
margin: 0 auto;
padding: 50px 30px 80px;
} .zd-delivery-section {
background: #fff;
border-radius: 20px;
padding: 40px;
margin-bottom: 30px;
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
border: 1px solid #f0f0f0;
}
.zd-delivery-section-title {
font-family: "Playfair Display", Georgia, serif;
font-size: 28px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 10px 0;
display: flex;
align-items: center;
gap: 12px;
}
.zd-delivery-section-title .emoji {
font-size: 32px;
}
.zd-delivery-section-subtitle {
font-size: 16px;
color: #666;
margin: 0 0 30px 0;
} .zd-delivery-options {
display: flex;
flex-direction: column;
gap: 20px;
}
.zd-delivery-option {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 25px;
background: var(--zd-bg);
border-radius: 16px;
border-left: 4px solid #4CAF50;
transition: all 0.3s ease;
}
.zd-delivery-option:hover {
background: #f5f5f5;
transform: translateX(5px);
}
.zd-delivery-option-icon {
width: 60px;
height: 60px;
background: #fff;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
box-shadow: 0 2px 10px rgba(0,0,0,0.06);
flex-shrink: 0;
}
.zd-delivery-option-content {
flex: 1;
}
.zd-delivery-option-name {
font-size: 20px;
font-weight: 700;
color: var(--zd-text-dark);
margin: 0 0 8px 0;
display: flex;
align-items: center;
gap: 10px;
}
.zd-delivery-option-badge {
font-size: 14px;
font-weight: 600;
background: var(--zd-green);
color: #fff;
padding: 4px 10px;
border-radius: 50px;
text-transform: uppercase;
}
.zd-delivery-option-desc {
font-size: 15px;
color: #555;
line-height: 1.6;
margin: 0 0 12px 0;
}
.zd-delivery-option-details {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.zd-delivery-option-detail {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #666;
}
.zd-delivery-option-detail svg {
width: 18px;
height: 18px;
stroke: #4CAF50;
fill: none;
}
.zd-delivery-option-detail strong {
color: #333;
}
.zd-delivery-option-price {
font-size: 20px;
font-weight: 700;
color: #2E7D32;
white-space: nowrap;
} .zd-free-shipping-box {
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
border-radius: 16px;
padding: 30px;
text-align: center;
margin-top: 30px;
border: 2px dashed #4CAF50;
}
.zd-free-shipping-box .emoji {
font-size: 48px;
display: block;
margin-bottom: 15px;
}
.zd-free-shipping-box h3 {
font-family: "Playfair Display", Georgia, serif;
font-size: 24px;
font-weight: 600;
color: #2E7D32;
margin: 0 0 10px 0;
}
.zd-free-shipping-box p {
font-size: 16px;
color: #555;
margin: 0;
}
.zd-free-shipping-box strong {
color: #2E7D32;
} .zd-payment-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.zd-payment-option {
display: flex;
align-items: center;
gap: 16px;
padding: 20px;
background: var(--zd-bg);
border-radius: 12px;
transition: all 0.3s ease;
}
.zd-payment-option:hover {
background: #f0f0f0;
}
.zd-payment-option-icon {
width: 50px;
height: 50px;
background: #fff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
flex-shrink: 0;
}
.zd-payment-option-content h4 {
font-size: 16px;
font-weight: 600;
color: #333;
margin: 0 0 4px 0;
}
.zd-payment-option-content p {
font-size: 13px;
color: #666;
margin: 0;
} .zd-info-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 30px;
}
.zd-info-box {
background: var(--zd-bg);
border-radius: 16px;
padding: 25px;
text-align: center;
}
.zd-info-box-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
}
.zd-info-box-icon svg {
width: 28px;
height: 28px;
stroke: #fff;
fill: none;
}
.zd-info-box h4 {
font-size: 16px;
font-weight: 700;
color: #333;
margin: 0 0 8px 0;
}
.zd-info-box p {
font-size: 14px;
color: #666;
margin: 0;
line-height: 1.5;
} .zd-delivery-cta {
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
border-radius: 20px;
padding: 40px;
text-align: center;
color: #fff;
}
.zd-delivery-cta h3 {
font-family: "Playfair Display", Georgia, serif;
font-size: 26px;
font-weight: 600;
margin: 0 0 10px 0;
}
.zd-delivery-cta p {
font-size: 16px;
opacity: 0.9;
margin: 0 0 25px 0;
}
.zd-delivery-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
background: #fff;
color: #2E7D32;
font-size: 16px;
font-weight: 700;
text-decoration: none;
border-radius: 12px;
transition: all 0.3s ease;
}
.zd-delivery-cta-btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.2);
color: #2E7D32;
} @media (max-width: 768px) {
.zd-delivery-hero {
padding: 40px 20px 30px;
}
.zd-delivery-hero h1 {
font-size: 32px;
}
.zd-delivery-container {
padding: 30px 15px 60px;
}
.zd-delivery-section {
padding: 25px 20px;
}
.zd-delivery-section-title {
font-size: 24px;
}
.zd-delivery-option {
flex-direction: column;
align-items: flex-start;
}
.zd-delivery-option-details {
flex-direction: column;
gap: 10px;
}
.zd-payment-grid {
grid-template-columns: 1fr;
}
.zd-info-grid {
grid-template-columns: 1fr;
}
.zd-delivery-cta {
padding: 30px 20px;
}
}  .zd-legal-page {
background: var(--zd-bg);
min-height: 100vh;
} .zd-legal-hero {
background: linear-gradient(135deg, #f0fdf4 0%, #e8f5e9 50%, #f5f5f5 100%);
padding: 50px 30px 40px;
text-align: center;
}
.zd-legal-hero h1 {
font-family: "Playfair Display", Georgia, serif;
font-size: 42px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 15px 0;
}
.zd-legal-hero p {
font-size: 16px;
color: #666;
margin: 0;
} .zd-legal-container {
max-width: 900px;
margin: 0 auto;
padding: 50px 30px 80px;
} .zd-legal-content {
background: #fff;
border-radius: 16px;
padding: 50px;
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
border: 1px solid #f0f0f0;
}
.zd-legal-content h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 24px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 40px 0 20px 0;
padding-bottom: 10px;
border-bottom: 2px solid #e8f5e9;
}
.zd-legal-content h2:first-child {
margin-top: 0;
}
.zd-legal-content h3 {
font-size: 18px;
font-weight: 600;
color: #333;
margin: 30px 0 15px 0;
}
.zd-legal-content p {
font-size: 16px;
line-height: 1.8;
color: #444;
margin: 0 0 15px 0;
}
.zd-legal-content ul,
.zd-legal-content ol {
margin: 0 0 20px 0;
padding-left: 25px;
}
.zd-legal-content li {
font-size: 16px;
line-height: 1.8;
color: #444;
margin-bottom: 10px;
}
.zd-legal-content a {
color: #2E7D32;
text-decoration: underline;
}
.zd-legal-content a:hover {
text-decoration: none;
} .zd-legal-date {
display: inline-block;
background: var(--zd-bg-green-light);
color: #2E7D32;
padding: 8px 16px;
border-radius: 50px;
font-size: 13px;
font-weight: 500;
margin-bottom: 30px;
} .zd-legal-toc {
background: #f8f9fa;
border-radius: 12px;
padding: 25px 30px;
margin-bottom: 40px;
}
.zd-legal-toc h4 {
font-size: 16px;
font-weight: 600;
color: #333;
margin: 0 0 15px 0;
}
.zd-legal-toc ul {
list-style: none;
padding: 0;
margin: 0;
}
.zd-legal-toc li {
margin-bottom: 8px;
}
.zd-legal-toc a {
color: #2E7D32;
font-size: 14px;
text-decoration: none;
}
.zd-legal-toc a:hover {
text-decoration: underline;
} @media (max-width: 768px) {
.zd-legal-hero {
padding: 40px 20px 30px;
}
.zd-legal-hero h1 {
font-size: 32px;
}
.zd-legal-container {
padding: 30px 15px 60px;
}
.zd-legal-content {
padding: 30px 20px;
}
.zd-legal-content h2 {
font-size: 20px;
}
} .zd-page {
background: var(--zd-bg);
min-height: 100vh;
}
.zd-page-hero {
background: linear-gradient(135deg, #f0fdf4 0%, #e8f5e9 50%, #f5f5f5 100%);
padding: 50px 30px 40px;
text-align: center;
}
.zd-page-hero h1 {
font-family: "Playfair Display", Georgia, serif;
font-size: 42px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0;
}
.zd-page-container {
max-width: 900px;
margin: 0 auto;
padding: 50px 30px 80px;
}
.zd-page-content {
background: #fff;
border-radius: 16px;
padding: 50px;
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
border: 1px solid #f0f0f0;
}
.zd-page-content h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 28px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 30px 0 15px 0;
}
.zd-page-content h2:first-child {
margin-top: 0;
}
.zd-page-content h3 {
font-size: 20px;
font-weight: 600;
color: #333;
margin: 25px 0 12px 0;
}
.zd-page-content p {
font-size: 16px;
line-height: 1.8;
color: #444;
margin: 0 0 15px 0;
}
.zd-page-content ul,
.zd-page-content ol {
margin: 0 0 20px 0;
padding-left: 25px;
}
.zd-page-content li {
font-size: 16px;
line-height: 1.8;
color: #444;
margin-bottom: 8px;
}
.zd-page-content img {
max-width: 100%;
height: auto;
border-radius: 12px;
margin: 20px 0;
}
.zd-page-content a {
color: #2E7D32;
}
.zd-page-content a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.zd-page-hero {
padding: 40px 20px 30px;
}
.zd-page-hero h1 {
font-size: 32px;
}
.zd-page-container {
padding: 30px 15px 60px;
}
.zd-page-content {
padding: 30px 20px;
}
} body.woocommerce-checkout .zd-page-hero {
display: none !important;
}
body.woocommerce-checkout .zd-page-container {
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
} .zd-page-hero--account {
padding: 26px 30px 22px;
text-align: left;
}
.zd-page-hero--account h1 {
font-family: inherit; font-size: 26px;
font-weight: 600;
max-width: 900px;
margin: 0 auto 12px;
}
.zd-hero-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
max-width: 900px;
margin: 0 auto;
}
.zd-hero-chip {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
border: 1px solid #cfe3d3;
border-radius: 50px;
padding: 8px 14px;
font-size: 13px;
font-weight: 600;
color: #1b5e20;
text-decoration: none;
transition: background .15s ease, border-color .15s ease;
}
.zd-hero-chip svg {
width: 16px;
height: 16px;
flex-shrink: 0;
}
.zd-hero-chip:hover {
background: #f0fdf4;
border-color: #2E7D32;
text-decoration: none;
}
@media (max-width: 768px) {
.zd-page-hero--account {
padding: 20px 16px 18px;
}
.zd-page-hero--account h1 {
font-size: 22px;
}
.zd-hero-chip {
padding: 7px 12px;
font-size: 12.5px;
}
}
body.woocommerce-checkout .zd-page-content {
background: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important;
border: none !important;
}
body.woocommerce-checkout .zd-page {
background: #fff !important;
}  .zd-social-proof {
position: fixed;
bottom: 20px;
left: 20px;
background: #fff;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
z-index: 9998;
max-width: 320px;
overflow: hidden;
animation: zdSlideInLeft 0.5s ease;
border: 1px solid #e5e5e5;
}
@keyframes zdSlideInLeft {
from { transform: translateX(-120%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes zdSlideOutLeft {
from { transform: translateX(0); opacity: 1; }
to { transform: translateX(-120%); opacity: 0; }
}
.zd-social-proof.hiding {
animation: zdSlideOutLeft 0.4s ease forwards;
}
.zd-social-proof-close {
min-width: 44px;
min-height: 44px;
position: absolute;
top: 10px;
right: 10px;
width: 32px;
height: 32px;
background: rgba(0,0,0,0.15);
border: none;
border-radius: 50%;
font-size: 22px;
color: #333;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 1;
line-height: 1;
}
.zd-social-proof-close:hover {
background: rgba(220,53,69,0.9);
color: #fff;
}
.zd-social-proof-link {
display: flex;
gap: 12px;
padding: 15px;
text-decoration: none;
color: inherit;
}
.zd-social-proof-image {
width: 60px;
height: 60px;
border-radius: 10px;
overflow: hidden;
background: #f5f5f5;
flex-shrink: 0;
}
.zd-social-proof-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.zd-social-proof-content {
flex: 1;
min-width: 0;
}
.zd-social-proof-title {
font-size: 13px;
color: #2E7D32;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 3px;
}
.zd-social-proof-buyer {
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 2px;
}
.zd-social-proof-product {
font-size: 12px;
color: #555;
margin-bottom: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.zd-social-proof-time {
font-size: 14px;
color: #666;
}
@media (max-width: 480px) {
.zd-social-proof {
left: 10px;
right: 10px;
bottom: 80px;
max-width: none;
}
}  .zd-floating-cart {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 20px rgba(76, 175, 80, 0.4);
z-index: 998;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.zd-floating-cart:hover {
transform: scale(1.1);
box-shadow: 0 6px 25px rgba(76, 175, 80, 0.5);
}
.zd-floating-cart-icon {
font-size: 26px;
}
.zd-floating-cart-count {
position: absolute;
top: -4px;
right: -4px;
background: #e53935;
color: #fff;
min-width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
} .zd-cart-sidebar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.2s, opacity 0.2s ease;
}
.zd-cart-sidebar.open {
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.15s ease;
}
.zd-cart-sidebar-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(4px);
}
.zd-cart-sidebar-content {
position: absolute;
top: 0;
right: -100%;
width: 400px;
max-width: 90%;
height: 100%;
background: #fff;
box-shadow: -5px 0 30px rgba(0, 0, 0, 0.15);
transition: right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: flex;
flex-direction: column;
}
.zd-cart-sidebar.open .zd-cart-sidebar-content {
right: 0;
} .zd-cart-sidebar-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
border-bottom: 1px solid #eee;
background: #f8f9fa;
}
.zd-cart-sidebar-header h3 {
font-size: 18px;
font-weight: 600;
margin: 0;
color: var(--zd-text-dark);
}
.zd-cart-sidebar-close {
width: 36px;
height: 36px;
border: none;
background: #fff;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.zd-cart-sidebar-close:hover {
background: #f0f0f0;
}
.zd-cart-sidebar-close svg {
width: 18px;
height: 18px;
stroke: #666;
} .zd-cart-sidebar-items {
flex: 1;
overflow-y: auto;
padding: 15px;
}
.zd-cart-item {
display: flex;
align-items: center;
gap: 12px;
padding: 15px;
background: #f8f9fa;
border-radius: 12px;
margin-bottom: 10px;
position: relative;
transition: opacity 0.2s ease;
} .zd-cart-item-new,
.zd-cart-item-adding {
animation: zdSlideIn 0.15s ease-out;
background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
}
@keyframes zdSlideIn {
from { 
opacity: 0; 
transform: translateX(15px); 
}
to { 
opacity: 1; 
transform: translateX(0); 
}
}
.zd-cart-item-loading-dot {
color: #2E7D32;
animation: zdDots 1s ease-in-out infinite;
margin-left: 5px;
}
@keyframes zdDots {
0%, 100% { opacity: 0.3; }
50% { opacity: 1; }
}
.zd-cart-item-image {
width: 60px;
height: 60px;
flex-shrink: 0;
border-radius: 8px;
overflow: hidden;
background: #fff;
}
.zd-cart-item-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.zd-cart-item-details {
flex: 1;
min-width: 0;
}
.zd-cart-item-title {
font-size: 14px;
font-weight: 600;
color: var(--zd-text-dark);
margin: 0 0 5px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.zd-cart-item-meta {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
}
.zd-cart-item-qty {
color: #666;
}
.zd-cart-item-price {
color: #2E7D32;
font-weight: 600;
}
.zd-cart-item-remove {
width: 28px;
height: 28px;
border: none;
background: #fff;
border-radius: 50%;
cursor: pointer;
font-size: 18px;
color: #767676;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
flex-shrink: 0;
}
.zd-cart-item-remove:hover {
background: #e53935;
color: #fff;
} .zd-cart-empty {
text-align: center;
padding: 60px 20px;
}
.zd-cart-empty-icon {
font-size: 64px;
display: block;
margin-bottom: 15px;
opacity: 0.5;
}
.zd-cart-empty p {
font-size: 16px;
color: #666;
margin: 0 0 20px 0;
}
.zd-cart-empty-btn {
display: inline-block;
padding: 12px 25px;
background: var(--zd-green);
color: #fff;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.zd-cart-empty-btn:hover {
background: #388E3C;
color: #fff;
} .zd-cart-sidebar-footer {
padding: 20px;
border-top: 1px solid #eee;
background: #f8f9fa;
}
.zd-cart-total {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
font-size: 16px;
}
.zd-cart-total strong {
font-size: 20px;
color: var(--zd-text-dark);
}
.zd-cart-btn {
display: block;
width: 100%;
padding: 14px;
text-align: center;
border-radius: 10px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
margin-bottom: 10px;
}
.zd-cart-btn:last-child {
margin-bottom: 0;
}
.zd-cart-btn-view {
background: #fff;
color: #2E7D32;
border: 2px solid #4CAF50;
}
.zd-cart-btn-view:hover {
background: #f0fdf4;
color: var(--zd-green-dark);
}
.zd-cart-btn-checkout {
background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
color: #fff;
}
.zd-cart-btn-checkout:hover {
box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4);
color: #fff;
} @media (max-width: 768px) {
.zd-floating-cart {
bottom: 80px;
right: 15px;
width: 56px;
height: 56px;
}
.zd-floating-cart-icon {
font-size: 24px;
}
.zd-cart-sidebar-content {
width: 100%;
max-width: 100%;
}
}  .zd-footer {
background: #1a1a1a;
padding: 0;
margin-top: 40px;
}
.zd-footer-container {
max-width: 1200px;
margin: 0 auto;
} .zd-footer-cta {
background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
padding: 30px 20px;
text-align: center;
}
.zd-footer-cta-title {
font-family: "Playfair Display", Georgia, serif;
font-size: 22px;
font-weight: 600;
color: #fff;
margin: 0 0 8px 0;
}
.zd-footer-cta-subtitle {
font-size: 14px;
color: rgba(255,255,255,0.9);
margin: 0 0 15px 0;
}
.zd-footer-cta-phone {
display: inline-flex;
align-items: center;
gap: 12px;
background: #fff;
padding: 12px 24px;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.zd-footer-cta-phone:hover {
transform: scale(1.05);
}
.zd-footer-cta-phone-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.zd-footer-cta-phone-icon svg {
width: 20px;
height: 20px;
stroke: #fff;
fill: none;
}
.zd-footer-cta-phone-text {
text-align: left;
}
.zd-footer-cta-phone-number {
display: block;
font-size: 20px;
font-weight: 800;
color: #1a1a1a;
}
.zd-footer-cta-phone-hours {
font-size: 14px;
color: #666;
} .zd-footer-main {
padding: 30px 20px;
} .zd-footer-brand {
text-align: center;
margin-bottom: 20px;
}
.zd-footer-logo {
font-family: "Playfair Display", Georgia, serif;
font-size: 22px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
.zd-footer-brand p {
font-size: 13px;
line-height: 1.6;
color: #aaa;
margin: 0 0 15px 0;
max-width: 400px;
margin-left: auto;
margin-right: auto;
} .zd-footer-social {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 25px;
}
.zd-social-link {
width: 52px;
height: 52px;
background: #2d3748;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.zd-social-link:hover {
background: #4CAF50;
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
}
.zd-social-link svg {
width: 24px;
height: 24px;
fill: #fff;
} .zd-social-link.instagram {
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}
.zd-social-link.instagram:hover {
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
filter: brightness(1.1);
} .zd-social-link.facebook {
background: #1877f2;
}
.zd-social-link.facebook:hover {
background: #166fe5;
} .zd-footer-accordion {
border-top: 1px solid rgba(255,255,255,0.1);
}
.zd-footer-accordion-item {
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.zd-footer-accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
cursor: pointer;
user-select: none;
}
.zd-footer-accordion-title {
font-size: 13px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
.zd-footer-accordion-icon {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
}
.zd-footer-accordion-icon svg {
width: 14px;
height: 14px;
stroke: #666;
fill: none;
stroke-width: 2;
}
.zd-footer-accordion-item.active .zd-footer-accordion-icon {
transform: rotate(180deg);
}
.zd-footer-accordion-item.active .zd-footer-accordion-icon svg {
stroke: #4CAF50;
}
.zd-footer-accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.zd-footer-accordion-item.active .zd-footer-accordion-content {
max-height: 500px;
}
.zd-footer-accordion-inner {
padding: 0 0 15px 0;
} .zd-footer-links {
list-style: none;
padding: 0;
margin: 0;
}
.zd-footer-links li {
margin-bottom: 10px;
}
.zd-footer-links a {
font-size: 14px;
color: #bbb;
text-decoration: none;
transition: color 0.3s ease;
display: block;
padding: 2px 0;
}
.zd-footer-links a:hover {
color: #4CAF50;
} .zd-footer-info {
padding: 25px 20px;
border-top: 1px solid rgba(255,255,255,0.1);
text-align: center;
}
.zd-footer-info-grid {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 500px;
margin: 0 auto;
}
.zd-footer-info-item {
display: flex;
align-items: flex-start;
gap: 12px;
text-align: left;
}
.zd-footer-info-icon {
width: 36px;
height: 36px;
background: rgba(76, 175, 80, 0.15);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.zd-footer-info-icon svg {
width: 18px;
height: 18px;
stroke: #4CAF50;
fill: none;
}
.zd-footer-info-text {
flex: 1;
}
.zd-footer-info-label {
font-size: 14px;
font-weight: 600;
color: #4CAF50;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 4px;
}
.zd-footer-info-value {
font-size: 14px;
color: #ccc;
line-height: 1.5;
}
.zd-footer-info-value a {
color: #ccc;
text-decoration: none;
}
.zd-footer-info-value a:hover {
color: #4CAF50;
} .zd-footer-bottom {
padding: 20px;
text-align: center;
border-top: 1px solid rgba(255,255,255,0.1);
}
.zd-footer-copyright {
font-size: 12px;
color: #aaa;
margin: 0;
}
.zd-footer-copyright a {
color: #81C784;
text-decoration: none;
} @media (min-width: 769px) {
.zd-footer-cta {
padding: 40px;
}
.zd-footer-cta-title {
font-size: 26px;
}
.zd-footer-main {
padding: 40px 30px;
}
.zd-footer-brand {
text-align: left;
float: left;
width: 280px;
margin-bottom: 0;
}
.zd-footer-social {
justify-content: flex-start;
margin-bottom: 0;
}
.zd-footer-accordion {
margin-left: 320px;
border-top: none;
display: flex;
gap: 60px;
}
.zd-footer-accordion-item {
border-bottom: none;
flex: 1;
}
.zd-footer-accordion-header {
cursor: default;
padding: 0 0 15px 0;
}
.zd-footer-accordion-icon {
display: none;
}
.zd-footer-accordion-content {
max-height: none;
overflow: visible;
}
.zd-footer-info {
clear: both;
}
.zd-footer-info-grid {
flex-direction: row;
justify-content: center;
gap: 50px;
max-width: 100%;
}
.zd-footer-info-item {
flex: 0 0 auto;
}
}
@media (max-width: 768px) {
.zd-footer {
padding-bottom: 80px;
}
}
@media (max-width: 480px) {
.zd-footer-cta-phone {
padding: 10px 18px;
}
.zd-footer-cta-phone-number {
font-size: 18px;
}
}   .zd-hero {
background: linear-gradient(135deg, #fafffe 0%, #f0fdf4 50%, #fafafa 100%);
padding: 50px 30px;
text-align: center;
contain: layout style;
}
.zd-hero-container {
max-width: 800px;
margin: 0 auto;
}
.zd-hero-title {
font-family: "Playfair Display", Georgia, serif;
font-size: 40px;
font-weight: 600;
color: #1a1a1a;
line-height: 1.2;
margin: 0 0 15px 0;
contain: layout style;
}
.zd-hero-title span {
color: #2E7D32;
}
.zd-hero-subtitle {
font-size: 18px;
line-height: 1.6;
color: #555;
margin: 0 0 25px 0;
font-weight: 500;
} .zd-hero-cta {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.zd-btn-primary {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
color: #fff;
font-size: 16px;
font-weight: 700;
text-decoration: none;
border-radius: 12px;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(46, 125, 50, 0.35);
}
.zd-btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 8px 30px rgba(76, 175, 80, 0.45);
color: #fff;
}
.zd-btn-primary svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
}
.zd-btn-phone {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
background: #fff;
color: #2E7D32;
font-size: 16px;
font-weight: 700;
text-decoration: none;
border-radius: 12px;
border: 2px solid #2E7D32;
transition: all 0.3s ease;
}
.zd-btn-phone:hover {
background: #2E7D32;
color: #fff;
transform: translateY(-3px);
box-shadow: 0 8px 30px rgba(46, 125, 50, 0.3);
}
.zd-btn-phone svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
} .zd-trust-bar {
background: #fff;
border-bottom: 1px solid #f0f0f0;
padding: 20px 30px;
}
.zd-trust-grid {
max-width: 1000px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
flex-wrap: wrap;
}
.zd-trust-item {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: #333;
font-weight: 500;
}
.zd-trust-item svg {
width: 20px;
height: 20px;
stroke: #2E7D32;
fill: none;
flex-shrink: 0;
}
.zd-trust-item strong {
color: #2E7D32;
} .zd-products-section {
padding: 50px 30px;
background: #fafafa;
}
.zd-section-header {
text-align: center;
margin-bottom: 35px;
}
.zd-section-label {
display: inline-block;
background: #e8f5e9;
color: #2E7D32;
padding: 6px 16px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
.zd-section-title {
font-family: "Playfair Display", Georgia, serif;
font-size: 32px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
} .zd-carousel-wrapper {
max-width: 1300px;
margin: 0 auto;
position: relative;
}
.zd-carousel {
position: relative;
overflow: hidden;
}
.zd-carousel-track {
display: flex;
flex-wrap: nowrap;
gap: 20px;
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .zd-carousel-item {
flex: 0 0 auto;
width: calc(25% - 15px); background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
border: 1px solid #f0f0f0;
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
position: relative;
}
.zd-carousel-item:hover {
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
transform: translateY(-4px);
} .zd-carousel-item-link {
text-decoration: none;
color: inherit;
display: block;
} .zd-carousel-item img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: contain;
padding: 5px;
background: #fff;
content-visibility: auto;
} .zd-carousel-item-title {
font-family: "Nunito", sans-serif;
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
line-height: 1.4;
margin: 0;
padding: 5px 10px 0;
min-height: 2.8em;
max-height: 2.8em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.zd-carousel-item-link:hover .zd-carousel-item-title {
color: #2E7D32;
} .zd-carousel-item-content {
padding: 5px 10px 10px;
display: flex;
flex-direction: column;
flex: 1;
} .zd-carousel-item-price {
font-family: "Nunito", sans-serif;
font-size: 18px;
font-weight: 700;
color: #2E7D32;
margin: 0 0 8px 0;
}
.zd-carousel-item-price del {
color: #666;
font-size: 14px;
font-weight: 400;
margin-right: 6px;
}
.zd-carousel-item-price ins {
text-decoration: none;
color: #e53935;
} .zd-carousel-item-btn {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 12px;
background: linear-gradient(135deg, #2E7D32 0%, #388E3C 100%);
color: #fff !important;
font-size: 13px;
font-weight: 600;
border-radius: 10px;
margin-top: auto;
transition: all 0.3s ease;
min-height: 42px;
text-decoration: none;
cursor: pointer;
border: none;
}
.zd-carousel-item-btn svg {
width: 20px;
height: 20px;
fill: currentColor;
stroke: none;
}
.zd-carousel-item-btn:hover {
background: linear-gradient(135deg, #43a047 0%, #2E7D32 100%);
box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4);
color: #fff !important;
} .zd-carousel-item-btn.loading {
opacity: 0.7;
pointer-events: none;
}
.zd-carousel-item-btn.loading::after {
content: "";
width: 14px;
height: 14px;
border: 2px solid #fff;
border-top-color: transparent;
border-radius: 50%;
margin-left: 8px;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
} .zd-carousel-item-btn.added {
background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
}
.zd-carousel-item-btn.added::before {
content: "✓ ";
} .zd-carousel-item-btn.zd-btn-select {
background: linear-gradient(135deg, #fff 0%, #f5f5f5 100%);
color: #2E7D32 !important;
border: 2px solid #2E7D32;
}
.zd-carousel-item-btn.zd-btn-select:hover {
background: #2E7D32;
color: #fff !important;
}  .zd-carousel-item.zd-out-of-stock {
opacity: 0.75;
} .zd-carousel-item.zd-out-of-stock .zd-carousel-item-price {
color: #555;
}
.zd-carousel-item.zd-out-of-stock .zd-carousel-item-price bdi,
.zd-carousel-item.zd-out-of-stock .zd-carousel-item-price .woocommerce-Price-currencySymbol {
color: #555;
} .zd-carousel-item-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.5);
z-index: 1;
} .zd-carousel-item-link {
position: relative;
} .zd-carousel-item-badge.zd-badge-unavailable {
background: rgba(100, 100, 100, 0.85);
color: #fff;
font-size: 11px;
padding: 3px 10px;
border-radius: 4px;
text-transform: none;
font-weight: 600;
letter-spacing: 0;
} .zd-carousel-item-btn.zd-btn-unavailable {
background: #f5f5f5 !important;
color: #616161 !important;
border: 1px solid #ddd !important;
cursor: not-allowed;
box-shadow: none;
font-size: 12px;
}
.zd-carousel-item-btn.zd-btn-unavailable:hover {
background: #f5f5f5 !important;
box-shadow: none;
transform: none;
} .zd-carousel-item-badge {
position: absolute;
top: 12px;
left: 12px;
background: linear-gradient(135deg, #2E7D32 0%, #43a047 100%);
color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
padding: 5px 10px;
border-radius: 6px;
z-index: 2;
} .zd-carousel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
background: #fff;
border: 2px solid #e0e0e0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.zd-carousel-nav:hover {
background: #2E7D32;
border-color: #2E7D32;
}
.zd-carousel-nav:hover svg {
stroke: #fff;
}
.zd-carousel-nav svg {
width: 20px;
height: 20px;
stroke: #333;
fill: none;
stroke-width: 2;
}
.zd-carousel-prev {
left: -22px;
}
.zd-carousel-next {
right: -22px;
} .zd-carousel-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
margin-top: 20px;
overflow: hidden;
max-width: 120px;
margin-left: auto;
margin-right: auto;
}
.zd-carousel-dot {
width: 8px;
height: 8px;
min-width: 8px;
border-radius: 50%;
background: #ddd;
cursor: pointer;
transition: all 0.3s ease;
}
.zd-carousel-dot.active {
background: #2E7D32;
width: 24px;
border-radius: 4px;
}
.zd-carousel-dot.near {
opacity: 1;
}
.zd-carousel-dot.far {
width: 6px;
height: 6px;
min-width: 6px;
opacity: 0.4;
}
.zd-carousel-dot.hidden {
width: 0;
min-width: 0;
opacity: 0;
margin: 0;
padding: 0;
} @media (max-width: 1200px) {
.zd-carousel-item {
width: calc(33.333% - 14px); }
.zd-carousel-prev { left: 10px; }
.zd-carousel-next { right: 10px; }
}
@media (max-width: 992px) {
.zd-carousel-item {
width: calc(50% - 10px); }
}
@media (max-width: 600px) {
.zd-carousel-wrapper {
padding: 0 10px;
}
.zd-carousel-track {
gap: 12px;
}
.zd-carousel-item {
width: calc(75% - 6px); }
.zd-carousel-item-title {
font-size: 13px;
}
.zd-carousel-item-price {
font-size: 16px;
}
.zd-carousel-item-btn {
font-size: 12px;
padding: 10px 12px;
}
.zd-carousel-nav {
width: 36px;
height: 36px;
}
.zd-carousel-prev { left: 5px; }
.zd-carousel-next { right: 5px; }
} .zd-view-all {
text-align: center;
margin-top: 35px;
}
.zd-view-all a {
display: inline-flex;
align-items: center;
gap: 8px;
color: #2E7D32;
font-size: 15px;
font-weight: 600;
text-decoration: none;
padding: 12px 24px;
border: 2px solid #2E7D32;
border-radius: 10px;
transition: all 0.3s ease;
}
.zd-view-all a:hover {
background: #2E7D32;
color: #fff;
}
.zd-view-all svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
} .zd-categories-section {
padding: 60px 30px;
background: #fff;
content-visibility: auto;
contain-intrinsic-size: auto 600px;
}
.zd-categories-container {
max-width: 1100px;
margin: 0 auto;
}
.zd-categories-header {
text-align: center;
margin-bottom: 40px;
}
.zd-categories-header h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 32px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 10px 0;
}
.zd-categories-header h2 span {
color: #2E7D32;
}
.zd-categories-header p {
font-size: 16px;
color: #666;
margin: 0;
} .zd-categories-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
} .zd-category-card {
background: #fff;
border-radius: 16px;
padding: 24px;
text-decoration: none;
transition: all 0.3s ease;
border: 2px solid #f0f0f0;
position: relative;
overflow: hidden;
}
.zd-category-card:hover {
border-color: var(--cat-color, #2E7D32);
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}
.zd-category-card-header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 10px;
}
.zd-category-icon {
width: 50px;
height: 50px;
background: var(--cat-bg, #e8f5e9);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
transition: all 0.3s ease;
flex-shrink: 0;
}
.zd-category-card:hover .zd-category-icon {
background: var(--cat-color, #2E7D32);
}
.zd-category-info .zd-category-name {
display: block;
font-size: 17px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 3px 0;
}
.zd-category-info span:not(.zd-category-name) {
font-size: 13px;
color: #666;
}
.zd-category-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #f5f5f5;
}
.zd-category-tag {
background: #f8f8f8;
padding: 5px 10px;
border-radius: 50px;
font-size: 14px;
color: #555;
transition: all 0.2s ease;
}
.zd-category-card:hover .zd-category-tag {
background: #f0f0f0;
}
.zd-category-tag.more {
background: var(--cat-bg, #e8f5e9);
color: var(--cat-color, #2E7D32);
font-weight: 600;
}
.zd-category-arrow {
position: absolute;
top: 24px;
right: 20px;
color: #ccc;
font-size: 18px;
transition: all 0.3s ease;
}
.zd-category-card:hover .zd-category-arrow {
color: var(--cat-color, #2E7D32);
transform: translateX(3px);
} .zd-popular-section {
margin-top: 15px;
}
.zd-popular-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.zd-popular-header .zd-popular-title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
display: flex;
align-items: center;
gap: 8px;
}
.zd-popular-header a {
color: #2E7D32;
font-size: 14px;
font-weight: 600;
text-decoration: underline;
}
.zd-popular-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
.zd-popular-item {
background: #fafafa;
border-radius: 12px;
padding: 14px 16px;
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
border: 1px solid #f0f0f0;
transition: all 0.2s ease;
}
.zd-popular-item:hover {
border-color: var(--pop-color, #9C27B0);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}
.zd-popular-icon {
width: 38px;
height: 38px;
background: var(--pop-bg, #f3e5f5);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
flex-shrink: 0;
}
.zd-popular-item span {
font-size: 13px;
font-weight: 500;
color: #333;
} .zd-cta-banner {
padding: 50px 30px;
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
}
.zd-cta-banner-container {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.zd-cta-banner-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, #2E7D32 0%, #43a047 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
box-shadow: 0 8px 25px rgba(76, 175, 80, 0.3);
}
.zd-cta-banner-icon svg {
width: 32px;
height: 32px;
stroke: #fff;
fill: none;
}
.zd-cta-banner h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 28px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 10px 0;
}
.zd-cta-banner p {
font-size: 16px;
color: #555;
margin: 0 0 25px 0;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.zd-cta-banner-phone {
display: inline-flex;
align-items: center;
gap: 12px;
background: #fff;
padding: 18px 35px;
border-radius: 14px;
text-decoration: none;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
.zd-cta-banner-phone:hover {
transform: translateY(-3px);
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}
.zd-cta-banner-phone-number {
font-size: 24px;
font-weight: 800;
color: #1a1a1a;
}
.zd-cta-banner-phone-hours {
font-size: 13px;
color: #666;
text-align: left;
} .zd-blog-section {
padding: 60px 30px;
background: #fff;
content-visibility: auto;
contain-intrinsic-size: auto 500px;
}
.zd-blog-section-container {
max-width: 1200px;
margin: 0 auto;
}
.zd-blog-section-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 30px;
gap: 20px;
flex-wrap: wrap;
}
.zd-blog-section-label {
display: block;
font-size: 13px;
font-weight: 600;
color: #2E7D32;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 6px;
}
.zd-blog-section-title {
font-family: "Playfair Display", Georgia, serif;
font-size: 28px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.zd-blog-section-link {
font-size: 14px;
font-weight: 600;
color: #2E7D32;
text-decoration: none;
}
.zd-blog-section-link:hover {
text-decoration: underline;
} .zd-blog-carousel-wrapper {
position: relative;
padding: 0 50px; }
.zd-blog-carousel {
overflow: hidden;
}
.zd-blog-carousel-track {
display: flex;
flex-wrap: nowrap;
gap: 20px;
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .zd-blog-carousel-item {
flex: 0 0 auto;
width: calc(33.333% - 14px); min-width: 280px; background: #fafafa;
border-radius: 14px;
overflow: hidden;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid #f0f0f0;
display: block;
}
.zd-blog-carousel-item:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}
.zd-blog-card-image {
position: relative;
padding-top: 56%;
background: linear-gradient(135deg, #e8f5e9 0%, #f5f5f5 100%);
overflow: hidden;
}
.zd-blog-card-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.zd-blog-carousel-item:hover .zd-blog-card-image img {
transform: scale(1.05);
}
.zd-blog-card-placeholder {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 36px;
}
.zd-blog-card-category {
position: absolute;
top: 10px;
left: 10px;
background: linear-gradient(135deg, #2E7D32 0%, #43a047 100%);
color: #fff;
padding: 4px 10px;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
.zd-blog-card-content {
padding: 18px;
}
.zd-blog-card-date {
font-size: 12px;
color: #666;
display: block;
margin-bottom: 6px;
}
.zd-blog-card-title {
font-family: "Nunito", sans-serif;
font-size: 16px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 8px 0;
line-height: 1.4;
}
.zd-blog-card-excerpt {
font-size: 13px;
line-height: 1.6;
color: #666;
margin: 0 0 12px 0;
}
.zd-blog-card-link {
font-size: 13px;
font-weight: 600;
color: #2E7D32;
} .zd-blog-carousel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
background: #fff;
border: 2px solid #e0e0e0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.zd-blog-carousel-nav:hover {
background: #2E7D32;
border-color: #2E7D32;
}
.zd-blog-carousel-nav:hover svg {
stroke: #fff;
}
.zd-blog-carousel-nav svg {
width: 18px;
height: 18px;
stroke: #333;
fill: none;
stroke-width: 2;
}
.zd-blog-carousel-prev {
left: 0;
}
.zd-blog-carousel-next {
right: 0;
} .zd-blog-carousel-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
margin-top: 20px;
overflow: hidden;
max-width: 120px;
margin-left: auto;
margin-right: auto;
}
.zd-blog-carousel-dot {
width: 8px;
height: 8px;
min-width: 8px;
border-radius: 50%;
background: #ddd;
cursor: pointer;
transition: all 0.3s ease;
}
.zd-blog-carousel-dot.active {
background: #2E7D32;
width: 24px;
border-radius: 4px;
}
.zd-blog-carousel-dot.near { opacity: 1; }
.zd-blog-carousel-dot.far { width: 6px; height: 6px; min-width: 6px; opacity: 0.4; }
.zd-blog-carousel-dot.hidden { width: 0; min-width: 0; opacity: 0; margin: 0; padding: 0; } @media (max-width: 992px) {
.zd-blog-carousel-item {
width: calc(50% - 10px); min-width: 250px;
}
.zd-blog-carousel-wrapper {
padding: 0 45px;
}
.zd-blog-carousel-prev { left: 0; }
.zd-blog-carousel-next { right: 0; }
}
@media (max-width: 600px) {
.zd-blog-carousel-item {
width: calc(100% - 20px); min-width: unset;
max-width: 100%;
}
.zd-blog-carousel-wrapper {
padding: 0 40px;
}
.zd-blog-carousel-nav {
width: 36px;
height: 36px;
}
.zd-blog-section {
padding: 40px 15px;
}
.zd-blog-carousel {
overflow: visible;
}
} @media (max-width: 992px) {
.zd-hero {
padding: 40px 20px;
}
.zd-hero-title {
font-size: 34px;
}
.zd-trust-grid {
gap: 25px;
}
.zd-categories-grid {
grid-template-columns: repeat(2, 1fr);
}
.zd-popular-grid {
grid-template-columns: repeat(2, 1fr);
}
.zd-blog-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) { .zd-hero {
padding: 12px 12px 8px;
}
.zd-hero-title {
font-size: 18px;
line-height: 1.2;
margin-bottom: 4px;
}
.zd-hero-subtitle {
font-size: 12px;
margin-bottom: 8px;
line-height: 1.3;
}
.zd-hero-cta {
flex-direction: row;
gap: 8px;
justify-content: center;
}
.zd-btn-primary {
width: auto;
padding: 8px 16px;
font-size: 12px;
} .zd-btn-phone {
display: none;
} .home .zd-trust-bar {
display: none;
} .zd-products-section {
padding: 12px 10px;
}
.zd-section-header {
margin-bottom: 10px;
}
.zd-section-label {
padding: 3px 8px;
font-size: 12px;
margin-bottom: 4px;
}
.zd-section-title {
font-size: 16px;
}
.zd-categories-section {
padding: 25px 12px;
}
.zd-categories-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.zd-category-tags {
display: none;
}
.zd-popular-grid {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.zd-popular-item {
padding: 12px;
}
.zd-popular-icon {
width: 34px;
height: 34px;
font-size: 14px;
}
.zd-popular-item span {
font-size: 12px;
}
.zd-cta-banner {
padding: 40px 15px;
}
.zd-cta-banner h2 {
font-size: 24px;
}
.zd-cta-banner-phone {
flex-direction: column;
text-align: center;
padding: 20px 30px;
}
.zd-cta-banner-phone-hours {
text-align: center;
}
.zd-blog-section {
padding: 40px 15px;
}
.zd-blog-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.zd-blog-section-header {
flex-direction: column;
align-items: flex-start;
}
.zd-blog-section-title {
font-size: 24px;
}
}
@media (max-width: 480px) { .zd-hero {
padding: 8px 10px 6px;
}
.zd-hero-title {
font-size: 16px;
margin-bottom: 3px;
line-height: 1.15;
}
.zd-hero-subtitle {
font-size: 14px;
margin-bottom: 6px;
line-height: 1.25;
} .zd-btn-phone {
display: none !important;
}
.zd-btn-primary {
padding: 8px 14px;
font-size: 14px;
width: auto;
}
.zd-hero-cta {
justify-content: center;
} .home .zd-trust-bar {
display: none;
} .zd-products-section {
padding: 10px 8px;
}
.zd-section-header {
margin-bottom: 10px;
}
.zd-section-label {
display: none;
}
.zd-section-title {
font-size: 16px;
}
.zd-categories-header h2 {
font-size: 20px;
}
.zd-cta-banner-phone-number {
font-size: 20px;
}
}  .zd-contact-page {
background: #fafafa;
min-height: 100vh;
} .zd-form-message {
padding: 15px 20px;
border-radius: 10px;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 12px;
}
.zd-form-message.success {
background: #e8f5e9;
border: 1px solid #a5d6a7;
color: #2e7d32;
}
.zd-form-message.error {
background: #ffebee;
border: 1px solid #ef9a9a;
color: #c62828;
}
.zd-form-message svg {
flex-shrink: 0;
} .zd-contact-hero {
background: linear-gradient(135deg, #f0fdf4 0%, #e8f5e9 50%, #f5f5f5 100%);
padding: 50px 30px 40px;
text-align: center;
}
.zd-contact-hero h1 {
font-family: "Playfair Display", Georgia, serif;
font-size: 42px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 15px 0;
}
.zd-contact-hero h1 span {
color: #2E7D32;
}
.zd-contact-hero p {
font-size: 18px;
line-height: 1.6;
color: #666;
margin: 0 auto;
max-width: 650px;
} .zd-contact-stats {
display: flex;
justify-content: center;
gap: 50px;
margin-top: 35px;
flex-wrap: wrap;
}
.zd-stat-item {
text-align: center;
}
.zd-stat-number {
font-family: "Playfair Display", Georgia, serif;
font-size: 42px;
font-weight: 700;
color: #2E7D32;
line-height: 1;
}
.zd-stat-label {
font-size: 14px;
color: #666;
margin-top: 5px;
} .zd-contact-container {
max-width: 1100px;
margin: 0 auto;
padding: 50px 30px 80px;
} .zd-why-contact {
background: #fff;
border-radius: 20px;
padding: 40px;
margin-bottom: 40px;
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
border: 1px solid #f0f0f0;
}
.zd-why-contact h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 28px;
font-weight: 600;
color: #1a1a1a;
text-align: center;
margin: 0 0 30px 0;
}
.zd-why-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.zd-why-item {
text-align: center;
padding: 25px 20px;
background: linear-gradient(135deg, #f8fdf8 0%, #f5f5f5 100%);
border-radius: 16px;
transition: all 0.3s ease;
}
.zd-why-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(76, 175, 80, 0.1);
}
.zd-why-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #4CAF50 0%, #81C784 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
}
.zd-why-icon svg {
width: 28px;
height: 28px;
stroke: #fff;
fill: none;
}
.zd-why-item h3 {
font-size: 17px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 10px 0;
}
.zd-why-item p {
font-size: 14px;
color: #666;
line-height: 1.6;
margin: 0;
} .zd-contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
} .zd-contact-cards {
display: flex;
flex-direction: column;
gap: 20px;
}
.zd-contact-card {
background: #fff;
border-radius: 16px;
padding: 25px;
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
border: 1px solid #f0f0f0;
transition: all 0.3s ease;
}
.zd-contact-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
border-color: #e8f5e9;
}
.zd-contact-card-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.zd-contact-card-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.zd-contact-card-icon svg {
width: 24px;
height: 24px;
stroke: #4CAF50;
fill: none;
}
.zd-contact-card h3 {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.zd-contact-card-content p {
font-size: 14px;
color: #666;
margin: 0 0 12px 0;
line-height: 1.6;
}
.zd-contact-card a.zd-contact-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: #2E7D32;
font-weight: 600;
font-size: 16px;
text-decoration: none;
transition: gap 0.3s ease;
}
.zd-contact-card a.zd-contact-link:hover {
gap: 12px;
}
.zd-contact-card a.zd-contact-link svg {
width: 18px;
height: 18px;
stroke: currentColor;
} .zd-contact-card.highlight {
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
border: none;
}
.zd-contact-card.highlight .zd-contact-card-icon {
background: rgba(255,255,255,0.2);
}
.zd-contact-card.highlight .zd-contact-card-icon svg {
stroke: #fff;
}
.zd-contact-card.highlight h3 {
color: #fff;
}
.zd-contact-card.highlight .zd-contact-card-content p {
color: rgba(255,255,255,0.9);
}
.zd-contact-card.highlight a.zd-contact-link {
color: #fff;
font-size: 22px;
} .zd-hours {
background: rgba(255,255,255,0.15);
border-radius: 10px;
padding: 12px 15px;
margin-top: 15px;
}
.zd-hours-title {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color: rgba(255,255,255,0.7);
margin-bottom: 8px;
}
.zd-hours-row {
display: flex;
justify-content: space-between;
font-size: 13px;
color: rgba(255,255,255,0.9);
padding: 4px 0;
} .zd-contact-form-wrapper {
background: #fff;
border-radius: 16px;
padding: 35px;
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
border: 1px solid #f0f0f0;
}
.zd-contact-form-wrapper h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 24px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 8px 0;
}
.zd-contact-form-wrapper .zd-form-subtitle {
font-size: 14px;
color: #666;
margin: 0 0 25px 0;
}
.zd-contact-form .zd-form-row {
margin-bottom: 18px;
}
.zd-contact-form .zd-form-row-half {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.zd-contact-form label {
display: block;
font-size: 14px;
font-weight: 500;
color: #333;
margin-bottom: 6px;
}
.zd-contact-form label .required {
color: #e53935;
}
.zd-contact-form input,
.zd-contact-form textarea,
.zd-contact-form select {
width: 100%;
padding: 14px 16px;
border: 2px solid #e5e5e5;
border-radius: 10px;
font-size: 15px;
font-family: inherit;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
background: #fff;
}
.zd-contact-form input:focus,
.zd-contact-form textarea:focus,
.zd-contact-form select:focus {
border-color: #4CAF50;
outline: none;
box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.1);
}
.zd-contact-form textarea {
min-height: 120px;
resize: vertical;
}
.zd-contact-form button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
padding: 16px 30px;
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
color: #fff;
font-size: 16px;
font-weight: 600;
border: none;
border-radius: 12px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
}
.zd-contact-form button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(76, 175, 80, 0.4);
}
.zd-contact-form button svg {
width: 20px;
height: 20px;
stroke: currentColor;
fill: none;
} @media (max-width: 992px) {
.zd-contact-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.zd-why-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
@media (max-width: 768px) {
.zd-contact-hero {
padding: 40px 20px 30px;
}
.zd-contact-hero h1 {
font-size: 32px;
}
.zd-contact-hero p {
font-size: 16px;
}
.zd-contact-stats {
gap: 30px;
}
.zd-stat-number {
font-size: 32px;
}
.zd-contact-container {
padding: 30px 15px 60px;
}
.zd-why-contact {
padding: 25px;
}
.zd-contact-card {
padding: 20px;
}
.zd-contact-form-wrapper {
padding: 25px;
}
.zd-contact-form .zd-form-row-half {
grid-template-columns: 1fr;
}
}  .zd-hero.zd-hero-slim {
padding: 28px 30px 24px;
}
.zd-hero-slim .zd-hero-title {
font-size: 28px;
margin: 0 0 16px 0;
}
.zd-hero-slim .zd-hero-subtitle {
display: none;
}
.zd-hero-slim .zd-btn-primary {
padding: 12px 24px;
font-size: 15px;
}
.zd-hero-slim .zd-btn-phone {
padding: 12px 24px;
font-size: 15px;
}
@media (max-width: 600px) {
.zd-hero.zd-hero-slim {
padding: 20px 16px 16px;
}
.zd-hero-slim .zd-hero-title {
font-size: 22px;
line-height: 1.3;
}
.zd-hero-slim .zd-hero-cta {
gap: 10px;
}
.zd-hero-slim .zd-btn-primary,
.zd-hero-slim .zd-btn-phone {
padding: 11px 18px;
font-size: 14px;
flex: 1;
justify-content: center;
min-width: 0;
}
} .zd-grid-section {
padding: 40px 30px;
}
.zd-grid-section .zd-section-header {
margin-bottom: 24px;
}
.zd-product-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
max-width: 1300px;
margin: 0 auto;
} .zd-grid-item {
background: #fff;
border-radius: 12px;
overflow: hidden;
border: 1px solid #f0f0f0;
transition: transform 0.2s ease, box-shadow 0.2s ease;
position: relative;
display: flex;
flex-direction: column;
}
.zd-grid-item:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
} .zd-grid-item-link {
display: block;
position: relative;
overflow: hidden;
aspect-ratio: 1;
background: #fafafa;
}
.zd-grid-item-link img {
width: 100%;
height: 100%;
object-fit: scale-down;
transition: transform 0.3s ease;
padding: 4px;
aspect-ratio: 1;
}
.zd-grid-item:hover .zd-grid-item-link img {
transform: scale(1.05);
} .zd-grid-item-overlay {
position: absolute;
inset: 0;
background: rgba(255,255,255,0.6);
} .zd-grid-item-info {
padding: 12px;
display: flex;
flex-direction: column;
gap: 6px;
flex: 1;
}
.zd-grid-item-title {
font-size: 14px;
font-weight: 500;
color: #333;
text-decoration: none;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 38px;
}
.zd-grid-item-title:hover {
color: #2E7D32;
}
.zd-grid-item-price {
font-size: 17px;
font-weight: 700;
color: #1a1a1a;
}
.zd-grid-item-price del {
color: #767676;
font-size: 13px;
font-weight: 400;
}
.zd-grid-item-price ins {
text-decoration: none;
color: #c62828;
font-weight: 700;
} .zd-grid-item-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
padding: 10px 12px;
background: #2E7D32;
color: #fff;
font-size: 13px;
font-weight: 600;
border: none;
border-radius: 8px;
cursor: pointer;
text-decoration: none;
text-align: center;
transition: all 0.2s ease;
margin-top: auto;
}
.zd-grid-item-btn svg {
width: 15px;
height: 15px;
flex-shrink: 0;
}
.zd-grid-item-btn:hover {
background: #1B5E20;
color: #fff;
transform: translateY(-1px);
}
.zd-grid-item-btn.loading {
pointer-events: none;
opacity: 0.7;
}
.zd-grid-item-btn.loading::after {
content: '';
width: 14px;
height: 14px;
border: 2px solid rgba(255,255,255,0.3);
border-top-color: #fff;
border-radius: 50%;
animation: zd-spin 0.6s linear infinite;
}
@keyframes zd-spin {
to { transform: rotate(360deg); }
}
.zd-grid-item-btn.added {
background: #1B5E20;
}
.zd-grid-item-btn.added::before {
content: '✓ ';
}
.zd-grid-item-btn.zd-btn-select {
background: #fff;
color: #2E7D32;
border: 2px solid #2E7D32;
}
.zd-grid-item-btn.zd-btn-select:hover {
background: #2E7D32;
color: #fff;
}
.zd-grid-item-btn.zd-btn-unavailable {
background: #f5f5f5;
color: #767676;
cursor: default;
pointer-events: none;
} .zd-grid-badge {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
padding: 4px 10px;
border-radius: 6px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3px;
}
.zd-badge-sale {
background: #c62828;
color: #fff;
}
.zd-badge-hit {
background: #FF9800;
color: #fff;
}
.zd-badge-new {
background: #1565C0;
color: #fff;
}
.zd-badge-unavailable {
background: #9e9e9e;
color: #fff;
} .zd-grid-item.zd-out-of-stock {
opacity: 0.65;
}
.zd-grid-item.zd-out-of-stock .zd-grid-item-price {
color: #767676;
} .zd-label-sale {
background: #ffebee;
color: #c62828;
}
.zd-label-new {
background: #e3f2fd;
color: #1565C0;
} .zd-sale-section {
background: #fff;
content-visibility: auto;
contain-intrinsic-size: auto 600px;
} .zd-new-section {
background: #fafafa;
content-visibility: auto;
contain-intrinsic-size: auto 600px;
} .zd-grid-section .zd-view-all {
margin-top: 24px;
} @media (max-width: 1200px) {
.zd-product-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.zd-product-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.zd-grid-section {
padding: 28px 12px;
}
.zd-grid-section .zd-section-header {
margin-bottom: 16px;
}
.zd-section-title {
font-size: 24px;
}
.zd-grid-item-info {
padding: 10px;
gap: 4px;
}
.zd-grid-item-title {
font-size: 13px;
min-height: 35px;
}
.zd-grid-item-price {
font-size: 16px;
}
.zd-grid-item-btn {
padding: 9px 10px;
font-size: 12px;
}
.zd-grid-badge {
top: 6px;
left: 6px;
padding: 3px 8px;
font-size: 10px;
}
}
@media (max-width: 380px) {
.zd-product-grid {
gap: 8px;
}
.zd-grid-item-info {
padding: 8px;
}
.zd-grid-item-title {
font-size: 12px;
min-height: 32px;
}
.zd-grid-item-price {
font-size: 15px;
}
.zd-grid-item-btn {
padding: 8px;
font-size: 11px;
}
} ul.products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
list-style: none;
padding: 0;
margin: 0;
}
ul.products li.product {
float: none;
width: 100%;
margin: 0;
padding: 0;
background: #fff;
border-radius: 12px;
overflow: hidden;
border: 1px solid #f0f0f0;
transition: transform 0.2s ease, box-shadow 0.2s ease;
display: flex;
flex-direction: column;
position: relative;
}
ul.products li.product:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
} ul.products li.product a img,
ul.products li.product .attachment-woocommerce_thumbnail {
width: 100%;
aspect-ratio: 1;
object-fit: scale-down;
padding: 4px;
background: #fff;
border-radius: 12px 12px 0 0;
} ul.products li.product .woocommerce-loop-product__title {
font-size: 15px;
font-weight: 500;
color: #333;
line-height: 1.35;
padding: 10px 12px 0;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 40px;
} ul.products li.product .price {
font-size: 17px;
font-weight: 700;
color: #1a1a1a;
padding: 4px 12px 0;
margin: 0;
}
ul.products li.product .price del {
color: #767676;
font-size: 13px;
font-weight: 400;
}
ul.products li.product .price ins {
text-decoration: none;
color: #c62828;
font-weight: 700;
} ul.products li.product .button,
ul.products li.product .add_to_cart_button,
ul.products li.product a.added_to_cart {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: calc(100% - 24px);
margin: 8px 12px 12px;
padding: 10px 12px;
background: #2E7D32;
color: #fff;
font-size: 13px;
font-weight: 600;
border: none;
border-radius: 8px;
text-decoration: none;
text-align: center;
transition: background 0.2s ease;
margin-top: auto;
}
ul.products li.product .button:hover,
ul.products li.product .add_to_cart_button:hover {
background: #1B5E20;
color: #fff;
} ul.products li.product a.button.product_type_variable {
background: #fff;
color: #2E7D32;
border: 2px solid #2E7D32;
}
ul.products li.product a.button.product_type_variable:hover {
background: #2E7D32;
color: #fff;
} ul.products li.product a.added_to_cart {
background: #1B5E20;
font-size: 12px;
padding: 6px 12px;
margin-top: 0;
} ul.products li.product .onsale,
ul.products li.product .product-badge {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
padding: 4px 10px;
border-radius: 6px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3px;
margin: 0;
min-height: auto;
min-width: auto;
line-height: 1.4;
}
ul.products li.product .onsale {
background: #c62828;
color: #fff;
}
ul.products li.product .product-badge.badge-bestseller {
background: #FF9800;
color: #fff;
} @media (max-width: 1200px) {
ul.products {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) { .woocommerce .site-main,
.woocommerce-page .site-main,
.woocommerce .content-area,
.woocommerce-page .content-area {
padding-left: 4px;
padding-right: 4px;
}
ul.products {
grid-template-columns: repeat(2, 1fr);
gap: 6px;
margin-left: 0;
margin-right: 0;
}
ul.products li.product {
border-radius: 8px;
}
ul.products li.product a img,
ul.products li.product .attachment-woocommerce_thumbnail {
border-radius: 8px 8px 0 0;
padding: 0;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 14px;
padding: 6px 6px 0;
min-height: 38px;
}
ul.products li.product .price {
font-size: 15px;
padding: 2px 6px 0;
}
ul.products li.product .button,
ul.products li.product .add_to_cart_button {
width: calc(100% - 12px);
margin: 4px 6px 6px;
padding: 5px 6px;
font-size: 11px;
border-radius: 5px;
}
ul.products li.product .add_to_cart_button::before,
ul.products li.product .button.product_type_simple::before {
width: 11px;
height: 11px;
}
ul.products li.product a.button.product_type_variable {
border-width: 1.5px;
}
}
@media (max-width: 380px) {
ul.products {
gap: 4px;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 13px;
min-height: 34px;
}
ul.products li.product .price {
font-size: 14px;
}
ul.products li.product .button,
ul.products li.product .add_to_cart_button {
font-size: 10px;
padding: 4px 5px;
}
} .zd-grid-item-btn,
ul.products li.product .button,
ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
min-height: 44px !important;
}
.zd-header-icon { min-width: 44px; min-height: 44px; }
.zd-related-arrow { min-width: 44px; min-height: 44px; } @media (max-width: 768px) {
.zd-mm-section-title svg,
.zd-mm-link svg {
width: 42px; height: 42px; padding: 10px; border-radius: 12px;
background: #e9f5ea; stroke: #2E7D32; fill: none; stroke-width: 1.8;
stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; box-sizing: border-box;
}
.zd-mm-section-header.active .zd-mm-section-title svg { background: #d7efd9; }
.zd-mm-section-title { font-size: 16px; }
.zd-mm-link {
text-transform: none; font-weight: 700; font-size: 17px;
color: #1c1c1c; gap: 13px; padding: 17px 20px;
}
.zd-mm-item-name { font-size: 16.5px; font-weight: 600; color: #222; }
.zd-mm-item-header.active .zd-mm-item-name { color: #2E7D32; font-weight: 700; }
.zd-mm-subitems { padding: 6px 20px 12px 46px; }
.zd-mm-subitem {
font-size: 15.5px; font-weight: 500; color: #2a2a2a;
padding: 14px 0 14px 18px; position: relative; border-bottom: 1px solid #f2f2f2;
}
.zd-mm-subitem::before {
content: ""; position: absolute; left: 0; top: calc(50% - 4px);
width: 8px; height: 8px; border-radius: 50%; background: #8fc79a; transition: background .2s ease;
}
.zd-mm-subitem:hover { color: #2E7D32; }
.zd-mm-subitem:hover::before { background: #2E7D32; }
.zd-mm-subitem strong { color: #2E7D32; font-weight: 800; }
.zd-mm-trust {
display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
gap: 6px 10px; padding: 16px 18px 26px; font-size: 13px; color: #57685a;
border-top: 1px solid #eef0ee; background: #fbfdfb;
}
.zd-mm-trust svg { width: 17px; height: 17px; stroke: #2E7D32; fill: none; stroke-width: 1.8; }
.zd-mm-trust strong { color: #2E7D32; font-weight: 800; }
.zd-mm-trust .d { color: #c8d2c9; }
}:root { --zd-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
--zd-font-product: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;
--zd-font-heading: "Playfair Display", Georgia, serif; --zd-green: #4CAF50;
--zd-green-dark: #388E3C;
--zd-green-light: #e8f5e9;
--zd-text: #1a1a1a;
--zd-text-secondary: #555;
--zd-text-muted: #666;
--zd-border: #f0f0f0;
--zd-bg: #fafafa;
--zd-white: #fff; --zd-card-padding: 15px;
--zd-card-radius: 16px;
--zd-grid-gap: 25px;
--zd-grid-gap-mobile: 12px;
} #secondary,
.sidebar,
.widget-area,
aside.widget-area {
display: none !important;
} .woocommerce-page .site-main,
.woocommerce .site-main {
max-width: 1300px;
margin: 0 auto;
padding: 20px;
} .woocommerce ul.products,
.woocommerce-page ul.products,
ul.products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin: 0 auto;
padding: 30px 20px;
max-width: 1300px;
list-style: none;
align-items: stretch;
} .woocommerce ul.products::before,
.woocommerce ul.products::after {
display: none;
content: none;
} .woocommerce ul.products li.product {
float: none;
width: 100%;
margin: 0;
padding: 0;
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
transition: all 0.3s ease;
border: 1px solid #f0f0f0;
display: flex;
flex-direction: column;
height: 100%;
} .woocommerce ul.products li.product .woocommerce-loop-product__link {
display: flex;
flex-direction: column;
flex: 1;
}
.woocommerce ul.products li.product:hover {
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
transform: translateY(-4px);
border-color: #e8f5e9;
}  .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img:first-of-type {
aspect-ratio: 1 / 1;
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
background: transparent;
padding: 12px;
border-radius: 0;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
} .woocommerce ul.products li.product:hover img {
transform: scale(1.04);
filter: drop-shadow(0 8px 16px rgba(0,0,0,0.08));
} .woocommerce ul.products li.product .onsale,
.product-badge {
position: absolute;
top: 12px;
left: 12px;
z-index: 10;
padding: 6px 12px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
color: #fff;
}
.woocommerce ul.products li.product .onsale {
background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
}
.product-badge.badge-bestseller {
background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
}
.product-badge.badge-new {
background: linear-gradient(135deg, #4CAF50 0%, #43a047 100%);
}  .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
font-family: var(--zd-font-product);
font-size: 16px;
font-weight: 700;
color: #1f2937;
line-height: 1.4;
margin: 12px var(--zd-card-padding) 8px;
padding: 0;
text-transform: none; min-height: 2.8em; max-height: 2.8em; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}  .product-rating-wrapper {
display: flex;
align-items: center;
gap: 6px;
margin: 0 15px 8px;
min-height: 20px; font-size: 13px;
} .product-rating-stars {
color: #FFB400;
letter-spacing: 1px;
} .product-rating-count {
color: #666;
font-size: 12px;
} .product-rating-placeholder {
display: flex;
align-items: center;
gap: 6px;
margin: 0 15px 8px;
font-size: 12px;
min-height: 20px;
}
.product-rating-placeholder .stars-empty {
color: #ddd;
letter-spacing: 2px;
font-size: 13px;
}
.product-rating-placeholder .no-reviews {
color: #bbb;
font-size: 14px;
font-style: italic;
} .woocommerce ul.products li.product .star-rating {
display: none !important;
}  .woocommerce ul.products li.product .price {
font-family: var(--zd-font-product);
font-size: 20px;
font-weight: 800;
color: #2E7D32;
margin: 10px var(--zd-card-padding);
padding: 0;
flex-grow: 1; display: flex;
align-items: flex-start;
}
.woocommerce ul.products li.product .price del {
color: #767676;
font-size: 15px;
font-weight: 400;
margin-right: 8px;
}
.woocommerce ul.products li.product .price ins {
text-decoration: none;
color: #2E7D32;
} .woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product .add_to_cart_button {
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 30px);
margin: auto var(--zd-card-padding) var(--zd-card-padding); padding: 14px 18px;
background: linear-gradient(135deg, var(--zd-green) 0%, var(--zd-green-dark) 100%);
color: var(--zd-white);
font-family: var(--zd-font-product);
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none;
border: none;
border-radius: 12px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
min-height: 52px; }
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
color: #fff;
} .woocommerce ul.products li.product .button.product_type_variable {
background: #f5f5f5;
color: #2E7D32;
border: 2px solid #4CAF50;
box-shadow: none;
}
.woocommerce ul.products li.product .button.product_type_variable:hover {
background: #4CAF50;
color: #fff;
} .woocommerce ul.products li.product .button.loading {
opacity: 0.7;
pointer-events: none;
} .woocommerce ul.products li.product .added_to_cart {
display: block;
text-align: center;
margin: 8px 15px 0;
font-size: 12px;
color: #2E7D32;
} .woocommerce-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 40px;
padding: 30px 0;
}
.woocommerce-pagination ul {
display: flex;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-pagination a,
.woocommerce-pagination span {
display: flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 15px;
background: #fff;
color: #333;
font-size: 14px;
font-weight: 500;
text-decoration: none;
border: 1px solid #e5e5e5;
border-radius: 10px;
transition: all 0.3s ease;
}
.woocommerce-pagination a:hover {
background: #4CAF50;
color: #fff;
border-color: #2E7D32;
}
.woocommerce-pagination span.current {
background: #4CAF50;
color: #fff;
border-color: #2E7D32;
}  .zd-related-products .woocommerce ul.products,
.zd-products-wrapper .woocommerce ul.products,
.woocommerce .related ul.products,
.woocommerce .upsells ul.products,
section.related ul.products,
section.upsells ul.products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--zd-grid-gap);
padding: 30px 20px;
max-width: 1300px;
margin: 0 auto;
align-items: stretch;
} .related.products > h2,
.upsells.products > h2,
section.related > h2,
section.upsells > h2,
.zd-related-products h2 {
font-family: var(--zd-font-heading);
font-size: 28px;
font-weight: 600;
text-align: center;
margin: 0 0 30px;
color: var(--zd-text);
} .zd-related-products .woocommerce ul.products li.product,
.zd-products-wrapper .woocommerce ul.products li.product,
.woocommerce .related ul.products li.product,
.woocommerce .upsells ul.products li.product {
float: none;
width: 100%;
margin: 0;
padding: 0;
background: var(--zd-white);
border-radius: var(--zd-card-radius);
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
transition: all 0.3s ease;
border: 1px solid var(--zd-border);
display: flex;
flex-direction: column;
height: 100%;
} .zd-related-products .woocommerce ul.products li.product:hover,
.zd-products-wrapper .woocommerce ul.products li.product:hover {
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
transform: translateY(-4px);
border-color: var(--zd-green-light);
} .zd-related-products .woocommerce ul.products li.product img,
.zd-related-products ul.products li.product img,
.zd-products-wrapper .woocommerce ul.products li.product img {
aspect-ratio: 1 / 1 !important;
width: 100% !important;
height: auto !important;
object-fit: contain !important;
object-position: center !important;
background: transparent !important;
padding: 12px !important;
border-radius: 0 !important;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease !important;
} .zd-related-products .woocommerce ul.products li.product:hover img,
.zd-related-products ul.products li.product:hover img,
.zd-products-wrapper .woocommerce ul.products li.product:hover img {
transform: scale(1.04) !important;
filter: drop-shadow(0 8px 16px rgba(0,0,0,0.08)) !important;
} .zd-related-products .woocommerce ul.products li.product .woocommerce-loop-product__title,
.zd-related-products .woocommerce ul.products li.product h2,
.zd-products-wrapper .woocommerce ul.products li.product .woocommerce-loop-product__title,
.zd-products-wrapper .woocommerce ul.products li.product h2 {
font-family: var(--zd-font-product);
font-size: 15px;
font-weight: 700;
color: var(--zd-text);
line-height: 1.4;
margin: 12px var(--zd-card-padding) 8px;
min-height: 42px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .zd-related-products .woocommerce ul.products li.product .price,
.zd-products-wrapper .woocommerce ul.products li.product .price {
font-family: var(--zd-font-product);
font-size: 17px;
font-weight: 700;
color: var(--zd-text);
margin: 8px var(--zd-card-padding);
} .zd-related-products .woocommerce ul.products li.product .button,
.zd-products-wrapper .woocommerce ul.products li.product .button {
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 30px);
margin: auto var(--zd-card-padding) var(--zd-card-padding);
padding: 12px 16px;
background: linear-gradient(135deg, var(--zd-green) 0%, var(--zd-green-dark) 100%);
color: var(--zd-white);
font-family: var(--zd-font-product);
font-size: 13px;
font-weight: 600;
border: none;
border-radius: 10px;
cursor: pointer;
box-shadow: 0 4px 12px rgba(76, 175, 80, 0.25);
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error {
padding: 15px 20px;
margin-bottom: 20px;
border-radius: 10px;
font-size: 14px;
}
.woocommerce-message {
background: #e8f5e9;
border-left: 4px solid #4CAF50;
color: #2e7d32;
}
.woocommerce-info {
background: #e3f2fd;
border-left: 4px solid #2196F3;
color: #1565c0;
}
.woocommerce-error {
background: #ffebee;
border-left: 4px solid #f44336;
color: #c62828;
} @media (max-width: 1200px) {
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products,
.zd-related-products .woocommerce ul.products,
.zd-products-wrapper .woocommerce ul.products {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
} @media (max-width: 768px) { .woocommerce ul.products,
.woocommerce-page ul.products,
ul.products,
.zd-related-products .woocommerce ul.products,
.zd-products-wrapper .woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 15px !important;
padding: 15px !important;
align-items: stretch;
} .woocommerce ul.products li.product,
.zd-related-products .woocommerce ul.products li.product,
.zd-products-wrapper .woocommerce ul.products li.product {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
padding: 0;
margin: 0 !important;
width: 100% !important;
float: none !important;
} .woocommerce ul.products li.product .woocommerce-loop-product__link,
.zd-related-products .woocommerce ul.products li.product .woocommerce-loop-product__link {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
} .woocommerce ul.products li.product img:first-of-type,
.zd-related-products .woocommerce ul.products li.product img,
.zd-related-products ul.products li.product img,
.zd-products-wrapper .woocommerce ul.products li.product img {
padding: 8px !important;
border-radius: 0 !important;
background: transparent !important;
} .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.zd-related-products .woocommerce ul.products li.product h2,
.zd-products-wrapper .woocommerce ul.products li.product h2 {
font-size: 15px;
line-height: 1.35;
min-height: 2.7em; max-height: 2.7em;
margin: 10px 10px 6px;
} .product-rating-wrapper {
margin: 0 10px 6px;
font-size: 14px;
min-height: 18px;
}
.product-rating-placeholder {
margin: 0 10px 6px;
font-size: 13px;
min-height: 18px;
} .woocommerce ul.products li.product .price,
.zd-related-products .woocommerce ul.products li.product .price,
.zd-products-wrapper .woocommerce ul.products li.product .price {
font-size: 18px;
font-weight: 800;
color: #2E7D32;
margin: 8px 10px;
} .woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.zd-related-products .woocommerce ul.products li.product .button,
.zd-products-wrapper .woocommerce ul.products li.product .button {
font-size: 14px;
font-weight: 700;
padding: 14px 12px;
min-height: 52px;
margin: auto 10px 12px;
width: calc(100% - 20px);
border-radius: 12px;
} .woocommerce ul.products li.product .onsale,
.product-badge {
font-size: 12px;
padding: 4px 8px;
top: 8px;
left: 8px;
} .woocommerce-pagination {
padding-bottom: 30px;
margin-bottom: 20px;
} body.has-floating-ui .woocommerce-pagination {
padding-bottom: 100px;
}
} @media (max-width: 480px) {
.woocommerce ul.products,
ul.products,
.zd-related-products .woocommerce ul.products,
.zd-products-wrapper .woocommerce ul.products {
gap: 10px;
padding: 10px;
} .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.zd-related-products .woocommerce ul.products li.product h2,
.zd-products-wrapper .woocommerce ul.products li.product h2 {
font-size: 14px;
min-height: 40px;
max-height: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.4;
}
.woocommerce ul.products li.product .price,
.zd-related-products .woocommerce ul.products li.product .price,
.zd-products-wrapper .woocommerce ul.products li.product .price {
font-size: 17px;
font-weight: 800;
color: #2E7D32;
} .woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.zd-related-products .woocommerce ul.products li.product .button,
.zd-products-wrapper .woocommerce ul.products li.product .button {
font-size: 13px;
font-weight: 700;
padding: 14px 12px;
min-height: 52px;
border-radius: 12px;
}
} @media (max-width: 480px) { .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.zd-related-products .woocommerce ul.products li.product h2,
.zd-products-wrapper .woocommerce ul.products li.product h2 {
font-size: 14px;
min-height: 40px;
max-height: 40px;
-webkit-line-clamp: 2;
} .woocommerce ul.products li.product .button,
.zd-related-products .woocommerce ul.products li.product .button,
.zd-products-wrapper .woocommerce ul.products li.product .button {
font-size: 12px;
font-weight: 700;
padding: 12px 8px;
min-height: 48px;
}
} @media (max-width: 768px) { .zd-social-popup,
#zd-social-proof {
bottom: 80px;
left: 10px;
right: 10px;
max-width: calc(100% - 20px);
} .zd-floating-cart {
bottom: 20px;
right: 15px;
width: 55px;
height: 55px;
}
.zd-floating-cart svg {
width: 24px;
height: 24px;
}
}  .zd-related-products .woocommerce ul.products li.product .woocommerce-loop-product__link,
.zd-related-products .woocommerce ul.products li.product .woocommerce-loop-product__link > * {
background: transparent;
padding: 0;
border-radius: 0;
box-shadow: none;
} .zd-related-products .woocommerce ul.products li.product img {
padding: 12px;
background: #fff;
} .zd-related-products .woocommerce ul.products li.product {
background: #fff;
}  .product-rating-placeholder .no-reviews {
color: #666 !important; } a:focus {
outline: 2px solid #4CAF50 !important;
outline-offset: 2px !important;
} button:focus,
.button:focus,
input[type="submit"]:focus {
outline: 2px solid #4CAF50 !important;
outline-offset: 2px !important;
box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.2) !important;
} .woocommerce-product-details__short-description a,
.zd-section-content a,
.entry-content a {
text-decoration: underline;
text-underline-offset: 2px;
}
.woocommerce-product-details__short-description a:hover,
.zd-section-content a:hover,
.entry-content a:hover {
text-decoration-thickness: 2px;
} .product-badge.badge-top {
background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);
color: #1a1a1a;
}
.product-badge.badge-immunity {
background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
}
.product-badge.badge-gut {
background: linear-gradient(135deg, #9C27B0 0%, #7B1FA2 100%);
}
.product-badge.badge-natural {
background: linear-gradient(135deg, #8BC34A 0%, #689F38 100%);
}
.product-badge.badge-recommended {
background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%);
}
.product-badge.badge-strong {
background: linear-gradient(135deg, #673AB7 0%, #512DA8 100%);
}
.product-badge.badge-verified {
background: linear-gradient(135deg, #607D8B 0%, #455A64 100%);
}
.product-badge.badge-sale {
background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
} .zd-card-benefit {
font-family: var(--zd-font-body, "Inter", sans-serif);
font-size: 14px;
font-weight: 500;
color: #2E7D32;
margin: -4px 15px 8px;
line-height: 1.3;
letter-spacing: 0.2px;
} .zd-trust-micro {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px 15px 14px;
border-top: 1px solid #f0f0f0;
margin-top: auto;
}
.zd-trust-item {
display: inline-flex;
align-items: center;
gap: 3px;
font-family: var(--zd-font-body, "Inter", sans-serif);
font-size: 13px;
font-weight: 500;
color: #2E7D32;
}
.zd-trust-item svg {
flex-shrink: 0;
} .woocommerce ul.products li.product {
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.woocommerce ul.products li.product:hover {
transform: translateY(-6px);
box-shadow: 0 12px 35px rgba(76, 175, 80, 0.12);
}
.woocommerce ul.products li.product:hover img {
transform: scale(1.05);
} .woocommerce ul.products li.product .button {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.woocommerce ul.products li.product:hover .button {
transform: scale(1.02);
box-shadow: 0 6px 20px rgba(76, 175, 80, 0.35);
} @media (max-width: 768px) {
.zd-card-benefit {
font-size: 13px;
margin: -2px 10px 6px;
}
.zd-trust-micro {
padding: 8px 10px 12px;
gap: 8px;
}
.zd-trust-item {
font-size: 12px;
}
.woocommerce ul.products li.product .button {
font-size: 13px;
padding: 12px 14px;
text-align: center;
justify-content: center;
}
} .zd-related-products .woocommerce ul.products li.product .button,
.zd-related-products ul.products li.product .button,
.related.products ul.products li.product .button,
section.related ul.products li.product .button {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
margin-bottom: 10px !important;
} .zd-related-products .zd-trust-micro,
.related.products .zd-trust-micro {
margin-top: 0;
} .zd-related-products .woocommerce ul.products li.product .button,
.zd-related-products ul.products li.product .button,
.related.products ul.products li.product .button,
section.related ul.products li.product .button,
.woocommerce .related ul.products li.product .button {
color: #fff !important;
background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
font-size: 13px !important;
font-weight: 600 !important;
}
.zd-related-products .woocommerce ul.products li.product .button:hover,
.related.products ul.products li.product .button:hover {
color: #fff !important;
} .zd-related-products .woocommerce ul.products li.product .button,
.zd-related-products ul.products li.product .button,
.related.products ul.products li.product .button,
section.related ul.products li.product .button,
.woocommerce .related ul.products li.product .button {
border-radius: 10px !important;
padding: 14px 20px !important;
box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3) !important;
}  .zd-category-h1 {
font-family: var(--zd-font-heading);
font-size: 28px;
font-weight: 700;
margin: 0 0 16px 0;
color: var(--zd-text);
line-height: 1.3;
} .zd-cat-desc-wrapper {
margin-bottom: 20px;
position: relative;
} .zd-cat-desc-wrapper .zd-cat-desc-content {
max-height: 100px;
overflow: hidden;
position: relative;
transition: max-height 0.4s ease;
font-family: var(--zd-font-body);
font-size: 14px;
line-height: 1.6;
color: var(--zd-text-secondary);
} .zd-cat-desc-wrapper:not(.expanded) .zd-cat-desc-content::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40px;
background: linear-gradient(transparent, var(--zd-white, #fff));
pointer-events: none;
} .zd-cat-desc-wrapper.expanded .zd-cat-desc-content {
max-height: 3000px;
} .zd-cat-desc-wrapper.expanded .zd-cat-desc-content::after {
display: none;
} .zd-cat-desc-content p {
margin: 0 0 10px 0;
}
.zd-cat-desc-content p:last-child {
margin-bottom: 0;
} .zd-cat-desc-content ul {
padding-left: 20px;
margin: 8px 0;
}
.zd-cat-desc-content li {
margin-bottom: 4px;
} .zd-cat-desc-toggle {
display: inline-block;
background: none;
border: none;
color: var(--zd-green-dark);
font-family: var(--zd-font-product);
font-weight: 600;
font-size: 14px;
cursor: pointer;
padding: 10px 0 0 0;
transition: color 0.2s ease;
}
.zd-cat-desc-toggle:hover {
color: #2E7D32;
} @media (max-width: 768px) {
.zd-category-h1 {
font-size: 22px;
margin: 0 0 12px 0;
}
.zd-cat-desc-wrapper .zd-cat-desc-content {
max-height: 80px;
font-size: 13px;
}
.zd-cat-desc-toggle {
font-size: 13px;
padding: 8px 0 0 0;
}
} nav.woocommerce-pagination {
text-align: center;
margin: 30px 0 40px;
padding: 0;
}
nav.woocommerce-pagination ul.page-numbers {
display: inline-flex;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
border: none;
}
nav.woocommerce-pagination ul.page-numbers li {
margin: 0;
padding: 0;
border: none;
}
nav.woocommerce-pagination ul.page-numbers li a,
nav.woocommerce-pagination ul.page-numbers li span {
display: flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 14px;
font-family: var(--zd-font-product);
font-size: 15px;
font-weight: 600;
text-decoration: none;
border-radius: 12px;
border: 2px solid var(--zd-border);
background: var(--zd-white);
color: var(--zd-text);
transition: all 0.2s ease;
cursor: pointer;
} nav.woocommerce-pagination ul.page-numbers li a:hover {
border-color: #2E7D32;
color: var(--zd-green-dark);
background: var(--zd-green-light);
} nav.woocommerce-pagination ul.page-numbers li span.current {
background: var(--zd-green);
color: var(--zd-white);
border-color: #2E7D32;
cursor: default;
} nav.woocommerce-pagination ul.page-numbers li a.next,
nav.woocommerce-pagination ul.page-numbers li a.prev {
font-size: 18px;
border-color: transparent;
background: transparent;
}
nav.woocommerce-pagination ul.page-numbers li a.next:hover,
nav.woocommerce-pagination ul.page-numbers li a.prev:hover {
background: var(--zd-green-light);
border-color: var(--zd-green-light);
} @media (max-width: 768px) {
nav.woocommerce-pagination {
margin: 20px 0 30px;
}
nav.woocommerce-pagination ul.page-numbers {
gap: 6px;
}
nav.woocommerce-pagination ul.page-numbers li a,
nav.woocommerce-pagination ul.page-numbers li span {
min-width: 42px;
height: 42px;
font-size: 14px;
padding: 0 12px;
border-radius: 10px;
}
}  .woocommerce-page .site-main > .woocommerce-result-count,
.woocommerce-page .site-main > .woocommerce-ordering,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
margin: 0 0 16px 0;
} p.woocommerce-result-count {
font-family: var(--zd-font-body);
font-size: 13px;
color: var(--zd-text-muted);
margin: 0 0 16px 0;
padding: 0;
} form.woocommerce-ordering {
margin: 0 0 16px 0;
}
form.woocommerce-ordering select.orderby {
font-family: var(--zd-font-product);
font-size: 14px;
font-weight: 500;
color: var(--zd-text);
background: var(--zd-white);
border: 2px solid var(--zd-border);
border-radius: 10px;
padding: 10px 36px 10px 14px;
min-height: 44px;
cursor: pointer;
transition: border-color 0.2s ease;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 12px;
}
form.woocommerce-ordering select.orderby:hover,
form.woocommerce-ordering select.orderby:focus {
border-color: #2E7D32;
outline: none;
} @media (max-width: 768px) {
p.woocommerce-result-count {
font-size: 12px;
text-align: center;
width: 100%;
}
form.woocommerce-ordering {
width: 100%;
}
form.woocommerce-ordering select.orderby {
width: 100%;
font-size: 13px;
padding: 10px 36px 10px 12px;
}
} .zd-grid-stars-count { color: #616161 !important; }
.zd-grid-item-price del .woocommerce-Price-amount,
.zd-grid-item-price s .woocommerce-Price-amount,
.zd-sale-section .zd-grid-item-price del .woocommerce-Price-amount,
.zd-sale-section .zd-grid-item-price s .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
ul.products li.product .price del .woocommerce-Price-amount {
color: #767676 !important;
} @media (max-width: 768px) {
html body ul.products li.product .button.add_to_cart_button,
html body ul.products li.product a.add_to_cart_button.button,
html body ul.products li.product a.add_to_cart_button,
html body.woocommerce ul.products li.product .button,
html body.woocommerce ul.products li.product .add_to_cart_button,
html body .zd-grid-item-btn {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
} html body ul.products li.product .product-badge.badge-low-stock,
html body .zd-grid-item .product-badge.badge-low-stock {
top: 8px !important;
bottom: auto !important;
}.zd-kafle-section{
max-width: 600px;
margin: 24px auto;
padding: 22px 16px;
background: linear-gradient(180deg, #f2f8f2, #eaf4ea);
border: 1px solid #dcebdc;
border-radius: 18px;
}
.zd-kafle__head{ text-align: center; margin: 0 0 14px; }
.zd-kafle__label{ display: block; font-size: 12px; font-weight: 700; letter-spacing: .05em;
text-transform: uppercase; color: #2E7D32; }
.zd-kafle__title{ font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 20px; font-weight: 800; color: #1a1a1a; margin: 3px 0 0; }
.zd-kafle{
list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
}
.zd-kafle__item{ margin: 0; padding: 0; }
.zd-kafle__link{
display: block; aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden;
box-shadow: 0 1px 4px rgba(0,0,0,.09);
transition: transform .2s ease, box-shadow .2s ease;
-webkit-tap-highlight-color: transparent;
}
.zd-kafle__img{ display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.zd-kafle__link:hover{ transform: translateY(-4px); box-shadow: 0 9px 22px rgba(0,0,0,.16); }
.zd-kafle__link:focus-visible{ outline: 3px solid #2E7D32; outline-offset: 2px;
transform: translateY(-4px); box-shadow: 0 9px 22px rgba(0,0,0,.16); } @media (min-width: 768px){
.zd-kafle-section{ max-width: 960px; padding: 24px 26px; }
.zd-kafle__title{ font-size: 23px; }
.zd-kafle{
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: 190px;
justify-content: center;
gap: 18px;
}
}
@media (prefers-reduced-motion: reduce){ .zd-kafle__link{ transition: none; } }.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//zdrowotka.pl/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0} .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - var(--wp-admin--admin-bar--height,0px));top:var(--wp-admin--admin-bar--height,0)}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//zdrowotka.pl/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//zdrowotka.pl/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//zdrowotka.pl/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}.p24-payment__logo {
max-width: 80px;
}
.p24-1clicks {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.p24-1clicks__items {
display: flex;
flex-direction: column; 
gap: 8px;
align-items: center;
}
.p24-1clicks__label,
.p24-1clicks__or {
font-size: 75%;
text-align: center;
}
.p24-1clicks__or {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
}
.p24-1clicks__or:after,
.p24-1clicks__or:before {
content: "";
width: 100%;
height: 1px;
background: rgba(0, 0, 0, .2);
}
.p24-1click {
display: flex;
gap: 12px;
align-items: center;
cursor: pointer;
background: white;
border-radius: 6px;
padding: 10px;
border: 2px solid transparent;
outline: none;
position: relative;
}
.p24-1click__logo { margin: 0; }
.p24-1click__logo img { display: block; }
.p24-1click--active {
border-color: currentColor;
outline: 1px solid;
}
.p24-1click--card__number {
gap: 0.5em;
display: flex;
font-size: 110%;
font-family: monospace;
align-items: center;
}
.p24-1click--card__number small { font-size: 75%; }
.p24-1click--card__valid {
font-family: monospace;
opacity: .8;
font-size: 80%;
font-weight: 800;
}
.p24-1click--blik__valid {
font-family: monospace;
opacity: .8;
font-size: 75%;
}
.p24-1clicks--blik {
width: 100%;
gap: 12px;
margin: 4px 0 22px;
}
.p24-1clicks--blik .p24-1clicks__label {
color: inherit;
font-size: clamp(12px, .8rem, 14px);
font-weight: 600;
line-height: 1.4;
opacity: .72;
text-align: left;
}
.p24-1clicks--blik .p24-1clicks__items {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
gap: 10px;
width: 100%;
padding: 0;
align-items: stretch;
}
.p24-payment-container .p24-1click--blik {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-width: 0;
min-height: 70px;
margin: 0;
padding: 12px 44px 12px 14px;
color: inherit;
font: inherit;
line-height: 1.3;
text-align: left;
text-transform: none;
background: #fff;
border: 1px solid rgba(15, 23, 42, .18);
border-radius: 12px;
box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.p24-payment-container .p24-1click--blik:hover {
color: inherit;
background: #fff;
border-color: rgba(15, 23, 42, .38);
box-shadow: 0 4px 12px rgba(15, 23, 42, .09);
}
.p24-payment-container .p24-1click--blik:focus {
outline: none;
}
.p24-payment-container .p24-1click--blik:focus-visible {
border-color: #1d4ed8;
outline: 3px solid rgba(29, 78, 216, .2);
outline-offset: 2px;
} .p24-payment-container .p24-1click--blik.p24-1click--active {
color: inherit;
background: rgba(29, 78, 216, .06);
border-color: #1d4ed8;
outline: none;
box-shadow: 0 0 0 2px rgba(29, 78, 216, .35), 0 6px 16px rgba(15, 23, 42, .1);
}
.p24-payment-container .p24-1click--blik.p24-1click--active .p24-1click--blik__name {
font-weight: 700;
}
.p24-payment-container .p24-1click--blik.p24-1click--active .p24-1click--blik__valid {
opacity: .8;
}
.p24-payment-container [hidden] {
display: none !important;
}
.p24-1click--blik__logo {
display: flex;
flex: 0 0 42px;
align-items: center;
justify-content: center;
width: 42px;
}
.p24-1click--blik__logo img {
width: auto;
max-width: 42px;
height: auto;
max-height: 28px;
object-fit: contain;
}
.p24-1click--blik__details {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 5px;
min-width: 0;
}
.p24-1click--blik__name {
overflow: hidden;
color: inherit;
font-size: clamp(13px, .88rem, 15px);
font-weight: 650;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
.p24-1click--blik__valid {
display: flex;
flex-wrap: wrap;
gap: 4px 7px;
align-items: baseline;
color: inherit;
font-family: inherit;
font-size: clamp(11px, .75rem, 13px);
line-height: 1.25;
opacity: .66;
}
.p24-1click--blik__valid strong {
color: inherit;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.p24-1click__indicator {
position: absolute;
top: 50%;
right: 14px;
box-sizing: border-box;
width: 20px;
height: 20px;
border: 2px solid rgba(15, 23, 42, .35);
border-radius: 50%;
transform: translateY(-50%);
transition: border-color .18s ease, background-color .18s ease;
}
.p24-1click--active .p24-1click__indicator {
background: #1d4ed8;
border-color: #1d4ed8;
}
.p24-1click--active .p24-1click__indicator::after {
content: "";
position: absolute;
top: 3px;
left: 6px;
width: 5px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.p24-1clicks--blik .p24-1clicks__or {
color: inherit;
font-size: clamp(11px, .75rem, 13px);
opacity: .65;
}
@media screen and (max-width: 480px) {
.p24-1clicks--blik {
margin-bottom: 18px;
}
.p24-1clicks--blik .p24-1clicks__items {
grid-template-columns: minmax(0, 1fr);
}
.p24-payment-container .p24-1click--blik {
min-height: 64px;
padding: 10px 42px 10px 12px;
border-radius: 10px;
}
.p24-1click--blik__logo {
flex-basis: 36px;
width: 36px;
}
.p24-1click--blik__logo img {
max-width: 36px;
max-height: 24px;
}
.p24-1click__indicator {
right: 12px;
width: 19px;
height: 19px;
}
}
.p24-1click--card__logo {
margin-bottom: 0;
}
#card-tokenizer {
display: flex;
justify-content: center;
min-width: 280px;
}
.woocommerce table.shop_table .shop_table__cell-description {
border-top: none;
padding-top: 0;
margin: 0;
opacity: .5;
font-size: 75%;
}
.p24-one-clicks__intro {
margin: 0 0 24px;
}
.account-p24-one-clicks-table {
margin-top: 0;
}
.p24-one-clicks__intro p {
margin: 0;
font-size: clamp(13px, .9rem, 15px);
line-height: 1.5;
opacity: .8;
}
.p24-one-clicks__note {
display: flex;
gap: 10px;
margin: 16px 0 0;
padding: 12px 14px;
font-size: clamp(12px, .82rem, 14px);
line-height: 1.5;
background: rgba(15, 23, 42, .04);
border-left: 3px solid rgba(15, 23, 42, .25);
border-radius: 6px;
opacity: .85;
}
.p24-one-clicks__note + .p24-one-clicks__note {
margin-top: 10px;
}
.p24-account-table {
width: 100%;
border-collapse: collapse;
}
.p24-account-table thead th {
font-weight: 600;
}
.p24-account-table td,
.p24-account-table th {
vertical-align: top;
}
.p24-account-table .p24-col-actions,
.p24-account-table .p24-cell-actions {
text-align: right;
white-space: nowrap;
}
.p24-account-table .p24-col-next-payment,
.p24-account-table .p24-cell-next-payment {
white-space: nowrap;
}
.p24-account-table .p24-cell-downloads a {
display: inline-block;
margin: 2px 0;
} .p24-payment-container {
position: relative;
}
.p24-waiting {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 12px;
overflow: auto;
background: rgba(255, 255, 255, .92);
backdrop-filter: blur(2px);
}
.p24-waiting.hidden { display: none; }
.p24-waiting__panel {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
box-sizing: border-box;
width: 100%;
max-width: 320px;
padding: 18px 20px;
color: inherit;
text-align: center;
background: #fff;
border: 1px solid rgba(15, 23, 42, .12);
border-radius: 12px;
box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
}
.p24-waiting__message {
font-size: clamp(13px, .88rem, 15px);
font-weight: 600;
line-height: 1.4;
}
.p24-waiting__hint {
font-size: clamp(11px, .76rem, 13px);
line-height: 1.45;
opacity: .7;
}
.p24-waiting__timer {
font-size: clamp(12px, .8rem, 14px);
font-variant-numeric: tabular-nums;
line-height: 1;
opacity: .6;
}
.p24-waiting .wc-block-components-spinner {
position: relative;
width: 32px;
height: 32px;
margin: 0;
} .p24-waiting__spinner {
display: block;
box-sizing: border-box;
width: 32px;
height: 32px;
border: 3px solid rgba(15, 23, 42, .15);
border-top-color: #1d4ed8;
border-radius: 50%;
animation: p24-waiting-spin 900ms linear infinite;
}
@keyframes p24-waiting-spin {
to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
.p24-waiting__spinner {
animation-duration: 2400ms;
}
} .p24-blik-code-field {
width: 100%;
max-width: 12.5rem; margin: 14px 0 18px;
}
.p24-blik-code-input { margin-top: 0 !important; } .p24-blik-code-field .wc-block-components-text-input input {
font-size: clamp(15px, 1rem, 18px);
font-weight: 600;
font-variant-numeric: tabular-nums;
letter-spacing: 0.16em;
text-align: center;
background: #fff;
border: 1px solid rgba(15, 23, 42, .18);
border-radius: 10px;
box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
transition: border-color .18s ease, box-shadow .18s ease;
}
.p24-blik-code-field .wc-block-components-text-input input:hover {
border-color: rgba(15, 23, 42, .38);
} .p24-blik-code-field .wc-block-components-text-input input:focus,
.p24-payment-blik .p24-payment-input input[type="text"]:focus {
border-color: #1d4ed8;
outline: none;
box-shadow: 0 0 0 2px rgba(29, 78, 216, .35);
}
.p24-payment-input input[type="text"] {
padding: 0 1rem;
width: 100%;
box-sizing: border-box;
min-height: 3rem;
} .p24-payment-blik .p24-payment-input {
max-width: 12.5rem;
}
.p24-payment-blik .p24-payment-input input[type="text"] {
font-size: clamp(15px, 1rem, 18px);
font-weight: 600;
font-variant-numeric: tabular-nums;
letter-spacing: 0.16em;
text-align: center;
background: #fff;
border: 1px solid rgba(15, 23, 42, .18);
border-radius: 10px;
box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
transition: border-color .18s ease, box-shadow .18s ease;
}
.p24-payment-blik .p24-payment-input input[type="text"]:hover {
border-color: rgba(15, 23, 42, .38);
} .p24-payment-blik .p24-payment-input input[type="text"]::placeholder {
letter-spacing: normal;
}
.woocommerce-order-pay .p24-payment-container {
max-width: 500px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 24px;
} .p24-google-pay-button {
display: block;
width: 100%;
min-height: 48px;
margin: 8px 0;
}
.wc-block-checkout__actions .p24-google-pay-button,
.wc-block-checkout__actions_row .p24-google-pay-button {
flex: 1 1 auto;
min-width: 240px;
width: 100%;
margin: 8px 0;
}
.p24-google-pay-place-order-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
opacity: 0 !important;
}
.wc-block-components-radio-control-accordion-content:has(.p24-payment-container:empty) {
display: none;
}
.p24-methods {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}
.p24-methods + .woocommerce-input-wrapper {
margin-top: 24px;
display: block;
}
.p24-methods__items {
--logo-size: 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, auto));
gap: 12px;
border-radius: 4px;
}
.p24-methods__items--featured {
--logo-size: 40px;
grid-template-columns: repeat(auto-fit, minmax(150px, auto));
}
.p24-method-item {
cursor: pointer;
display: flex;
background: white;
border-radius: 4px;
padding: 10px;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
flex: 0 1 100px;
border: 1px solid hsla(0, 0%, 7%, .11);
user-select: none;
position: relative;
gap: 8px;
font-size: 11px;
}
.p24-method-item--active { outline: 2px solid black; }
.p24-method-item picture {
aspect-ratio: 16/9;
height: var(--logo-size);
max-height: var(--logo-size);
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.p24-method-item picture img {
max-width: 100%;
max-height: var(--logo-size);
}
.p24-payment-container .p24-checkbox:first-child .wc-block-components-checkbox { margin-top: 0; }
input[id^="payment_method_p24-"] + label img { max-height: 30px; }
.p24-payment-container .wc-block-components-notice-banner:first-child { margin-top: 0; } .p24-payment-container .p24-checkbox + .p24-checkbox {
margin-top: 10px;
}
.p24-payment-container .p24-checkbox .wc-block-components-checkbox {
margin: 0;
display: flex;
align-items: flex-start;
gap: 10px;
}
.p24-payment-container .p24-checkbox .wc-block-components-checkbox__label {
line-height: 1.35;
}
.p24-payment-container .p24-checkbox .wc-block-components-checkbox__input {
margin-top: 2px;
}
.p24-google-pay-button:empty {
display: none;
}
p24-installment {
margin: 20px 0;
display: block;
}
p24-installment[show-modal="true"] { cursor: pointer; }
.p24-currency {
display: inline-flex;
align-items: center;
column-gap: 0.625rem;
row-gap: 0.5rem;
flex-wrap: wrap;
}
.p24-currency__select {
min-width: 5rem;
margin: 0 !important;
align-self: center;
}
.p24-currency__submit {
flex-shrink: 0;
margin: 0 !important;
margin-block: 0 !important;
margin-inline: 0 !important;
vertical-align: middle;
align-self: center;
line-height: 1.4;
padding-top: 0.35rem !important;
padding-right: 0.75rem !important;
padding-bottom: 0.35rem !important;
padding-left: 0.75rem !important;
}
#p24-3ds-modal {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.6);
visibility: hidden; opacity: 0;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
align-items: center; justify-content: center;
display: flex;
}
#p24-3ds-modal.active {
display: flex;
visibility: visible;
opacity: 1;
}
#p24-3ds-modal .modal-content {
background: #fff;
border-radius: 8px;
padding: 16px;
max-width: 600px;
max-height: 80vh;
width: 100%;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
position: relative;
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
transform: translateY(25px);
opacity: 0;
}
#p24-3ds-iframe-wrapper {
width: 100%; height: 100%;
flex-grow: 1;
min-height: 480px;
}
#p24-3ds-modal.active .modal-content {
transform: translateY(0px);
opacity: 1;
} .p24-3ds-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.p24-3ds-overlay.hidden {
display: none !important;
}
.p24-3ds-loader-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
padding: 40px 20px;
text-align: center;
z-index: 10;
}
.p24-3ds-loader-content .loader {
width: 48px;
height: 48px;
border: 4px solid #d1001f;
border-top-color: transparent;
border-radius: 50%;
animation: p24-spin 1s linear infinite;
}
@keyframes p24-spin {
to { transform: rotate(360deg); }
}
.p24-3ds-loader-message {
max-width: 400px;
font-size: 14px;
line-height: 1.5;
color: #fff;
margin: 0;
padding: 0 10px;
}
#p24-3ds-loader.hidden {
display: none !important;
}
#p24-3ds-iframe-wrapper {
width: 100%;
height: 100%;
flex-grow: 1;
min-height: 480px;
}
#p24-3ds-iframe-wrapper iframe.fullScreenP24 {
width: 100%;
height: 100%;
border: none;
min-height: 480px;
display: block;
visibility: visible;
}
#p24-3ds-iframe-wrapper iframe.hiddenP24 {
display: none !important;
visibility: hidden !important;
}
.p24-1clicks__new-card {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
max-width: 450px;
margin: 16px auto;
padding: 12px 20px;
background-color: #fafbfc;
border: 1.5px solid #d1d5db;
border-radius: 6px;
color: #1f2937;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-family: inherit;
text-decoration: none;
box-shadow: none;
}
.p24-1clicks__new-card-icon {
flex-shrink: 0;
width: 18px; height: 18px;
color: #3b82f6; stroke: currentColor;
}
.p24-1clicks__new-card-text { white-space: nowrap; }
.p24-1clicks__new-card:hover {
background-color: #f3f4f6;
border-color: #9ca3af;
color: #0f172a;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.p24-1clicks__new-card:hover .p24-1clicks__new-card-icon {
color: #2563eb; transform: scale(1.05);
}
.p24-1clicks__new-card:active {
transform: translateY(1px);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.p24-1clicks__new-card:focus {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}
.p24-1clicks__new-card:disabled {
opacity: 0.6;
cursor: not-allowed;
background-color: #f3f4f6;
}
.p24-1click--card {
--card-bg: linear-gradient(135deg, #ffffff 0%, #f7f7f9 100%);
--card-border: rgba(0, 0, 0, .06);
--card-shadow: 0 1px 5px rgba(0, 0, 0, .06);
--card-shadow-hover: 0 4px 14px rgba(0, 0, 0, .12);
--accent: #2563eb;
--text-color: #1f2937;
--text-color-light: #6b7280;
--border-radius: 12px;
display: flex;
flex-direction: column;
gap: 10px;
padding: 14px 16px;
width: 100%;
max-width: 220px;                 
border: 1px solid var(--card-border);
border-radius: var(--border-radius);
background: var(--card-bg);
box-shadow: var(--card-shadow);
cursor: pointer;
text-align: left;
transition: transform .18s ease, box-shadow .18s ease;
}
.p24-1click--card:hover {
transform: translateY(-2px);
box-shadow: var(--card-shadow-hover);
}
.p24-1click--card:focus-visible {
outline: 3px solid color-mix(in oklab, var(--accent) 60%, white 40%);
outline-offset: 3px;
}
.p24-1click--card-header {
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 24px;
}
.p24-1click--card__logo img {
max-height: 24px;
width: auto;
opacity: .95;
} .p24-1click--card .p24-1click__indicator {
position: relative;
top: auto;
right: auto;
flex: 0 0 auto;
margin-left: auto;
transform: none;
}
.p24-1click--card.p24-1click--active {
background: rgba(29, 78, 216, .05);
border-color: #1d4ed8;
outline: none;
box-shadow: 0 0 0 2px rgba(29, 78, 216, .35), 0 6px 16px rgba(15, 23, 42, .1);
}
.p24-1click--card__number {
font-size: 17px;
font-family: ui-monospace, monospace;
letter-spacing: 1.5px;
font-weight: 600;
color: var(--text-color);
display: block;
}
.p24-1click--card__number small {
font-size: 14px;
color: var(--text-color-light);
margin-right: 4px;
}
.p24-1click--card__valid {
font-size: 13px;
color: var(--text-color-light);
}
@media screen and (max-width: 480px) {
#p24-3ds-modal {
padding: 0;
align-items: flex-end;
}
#p24-3ds-modal .modal-content {
width: 100%; height: 95vh;
max-width: 100%; max-height: 100%;
padding: 12px;
border-radius: 16px 16px 0 0;
transform: translateY(100%);
opacity: 1;
}
#p24-3ds-modal.active .modal-content { transform: translateY(0); }
#p24-3ds-iframe-wrapper { height: 100%; min-height: 0; }
#p24-3ds-iframe-wrapper iframe { min-height: 0; }
#card-tokenizer iframe { max-width: 100%; width: 100% !important; }
.p24-1clicks__new-card {
padding: 10px 16px;
font-size: 13px;
max-width: 100%;
}
.p24-1clicks__new-card-icon { width: 16px; height: 16px; }
.p24-1clicks__items {
width: 100%;
padding: 0 8px;
}
.p24-1clicks__items .p24-1click--card {
width: 100%;
max-width: 100%;
padding: 12px 14px;
}
.p24-1click--card__number {
font-size: 15px;
}
.p24-1click--card__valid {
font-size: 12px;
}
}
@media screen and (min-width: 481px) {
#p24-3ds-modal .modal-content {
height: auto;
max-height: 90vh;
}
.p24-1clicks__items {
flex-direction: row;
flex-wrap: wrap;        
justify-content: center; 
}
.p24-1clicks__items .p24-1click--card {
flex: 0 1 220px;        
max-width: 220px;
width: auto;
}
}
@media screen and (min-width: 779px) and (max-width: 873px) {
.p24-1clicks__items {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
justify-items: center; 
}
.p24-1clicks__items .p24-1click--card {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
#p24-3ds-modal .modal-content {
max-width: 90%;
padding: 16px;
max-height: 92vh;
}
} .subscription-button {
display: inline-block;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
cursor: pointer;
border: 2px solid transparent;
}
.subscription-button:hover {
text-decoration: none;
}
.subscription-button--login {
background-color: #f0f0f0;
color: #333;
border-color: #ccc;
}
.subscription-button--login:hover {
background-color: #e8e8e8;
border-color: #999;
}
.subscription-button--start {
background-color: #0073aa;
color: #fff;
border-color: #0073aa;
}
.subscription-button--start:hover {
background-color: #005a87;
border-color: #005a87;
}
.subscription-button--manage {
background-color: #28a745;
color: #fff;
border-color: #28a745;
}
.subscription-button--manage:hover {
background-color: #218838;
border-color: #218838;
} .subscription-period-info,
.subscription-extra-box {
--p24-sub-accent: #0073aa;
--p24-sub-accent-hover: #005a87;
--p24-sub-accent-bg: #e8f4f8;
--p24-sub-surface: #f8fafb;
--p24-sub-border: #d8e6ec;
--p24-sub-text: #1e293b;
--p24-sub-text-muted: #475569;
}
.subscription-svg-icon {
display: block;
flex-shrink: 0;
}
.subscription-period-info {
margin: 0.75rem 0 0.5rem;
}
.subscription-period-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: var(--p24-sub-accent-bg);
color: var(--p24-sub-accent);
padding: 0.5rem 0.875rem;
border-radius: 999px;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.4;
border: 1px solid var(--p24-sub-border);
}
.subscription-period-badge__icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--p24-sub-accent);
}
.subscription-period-badge__icon .subscription-svg-icon {
width: 18px;
height: 18px;
}
.subscription-extra-box {
background-color: var(--p24-sub-surface);
border: 1px solid var(--p24-sub-border);
border-left: 4px solid var(--p24-sub-accent);
border-radius: 12px;
padding: 1.25rem 1.375rem;
margin: 1.25rem 0;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.subscription-extra-box__title {
margin: 0 0 1rem;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.35;
color: var(--p24-sub-text);
}
.subscription-extra-box__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.875rem;
}
.subscription-extra-box__item {
display: flex;
align-items: flex-start;
gap: 0.75rem;
font-size: 0.9375rem;
line-height: 1.5;
color: var(--p24-sub-text-muted);
}
.subscription-extra-box__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
background-color: var(--p24-sub-accent-bg);
color: var(--p24-sub-accent);
}
.subscription-extra-box__text {
display: block;
padding-top: 0.2rem;
color: var(--p24-sub-text-muted);
}
@media (max-width: 480px) {
.subscription-extra-box {
padding: 1rem 1.125rem;
}
.subscription-extra-box__item {
gap: 0.625rem;
}
}
.subscription-button-wrapper {
margin: 15px 0;
}:is(#zd-home-v2,#zd-shop){--green:#2e7d32;--ink:#202920;--muted:#626960;--line:#e3e6df;max-width:1200px;margin:auto;padding:0 32px 0;font:400 16px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
:is(#zd-home-v2,#zd-shop) *{box-sizing:border-box}:is(#zd-home-v2,#zd-shop) h1,:is(#zd-home-v2,#zd-shop) h2,:is(#zd-home-v2,#zd-shop) h3,:is(#zd-home-v2,#zd-shop) p{margin:0}:is(#zd-home-v2,#zd-shop) h1,:is(#zd-home-v2,#zd-shop) h2{font:600 28px/1.2 Inter,sans-serif;letter-spacing:-.65px;color:var(--ink)}:is(#zd-home-v2,#zd-shop) a{color:inherit;text-decoration:none}:is(#zd-home-v2,#zd-shop) svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}:is(#zd-home-v2,#zd-shop) a:focus-visible,:is(#zd-home-v2,#zd-shop) button:focus-visible{outline:3px solid var(--green);outline-offset:4px}:is(#zd-home-v2,#zd-shop) .zdh-section{margin:48px 0}:is(#zd-home-v2,#zd-shop) .zdh-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}:is(#zd-home-v2,#zd-shop) .zdh-section-count{font-size:13px;color:var(--muted);white-space:nowrap}:is(#zd-home-v2,#zd-shop) .zdh-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:500;color:var(--green)}:is(#zd-home-v2,#zd-shop) .zdh-link svg{width:17px}:is(#zd-home-v2,#zd-shop) .zdh-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:4px;font:500 14px/1.4 Inter,sans-serif;cursor:pointer}:is(#zd-home-v2,#zd-shop) .zdh-button:hover{background:#245f27}:is(#zd-home-v2,#zd-shop) .zdh-eyebrow{display:block;color:var(--muted);font-size:13px;font-weight:500;margin-bottom:12px}
:is(#zd-home-v2,#zd-shop) .zdh-shop-shortcuts{display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:2px 0}:is(#zd-home-v2,#zd-shop) .zdh-shop-shortcuts a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:500}:is(#zd-home-v2,#zd-shop) .zdh-shop-shortcuts a:last-child{margin-left:auto;color:var(--green)}:is(#zd-home-v2,#zd-shop) .zdh-shop-shortcuts svg{width:15px}
:is(#zd-home-v2,#zd-shop) .zdh-categories{margin:30px 0 38px}:is(#zd-home-v2,#zd-shop) .zdh-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 22px}:is(#zd-home-v2,#zd-shop) .zdh-category-grid a{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:14px;font-weight:500;line-height:1.35;padding:0 3px}:is(#zd-home-v2,#zd-shop) .zdh-category-image{display:flex;align-items:center;justify-content:center;width:124px;height:124px;border-radius:50%;background:#f5f5f0;transition:background .15s}:is(#zd-home-v2,#zd-shop) .zdh-category-image img{display:block;width:96px;height:104px;object-fit:contain;mix-blend-mode:multiply}:is(#zd-home-v2,#zd-shop) .zdh-category-grid a:hover .zdh-category-image{background:#e9efdf}:is(#zd-home-v2,#zd-shop) .zdh-category-grid a>span:last-child{max-width:155px}
:is(#zd-home-v2,#zd-shop) .zdh-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}:is(#zd-home-v2,#zd-shop) .zdh-brands{padding:28px 0;border-block:1px solid var(--line)}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid a{display:flex;align-items:center;justify-content:center;height:76px;overflow:hidden}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid img{width:110px;height:68px;object-fit:contain;max-width:none}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid img[alt="Aliness"]{transform:scale(1.35)}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid img[alt="Biowen"]{transform:scale(1.5)}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid img[alt="Dary Natury"]{transform:scale(.8)}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid img[alt="NOW Foods"]{transform:scale(.8)}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid img[alt="Yango"]{transform:scale(1.12)}
:is(#zd-home-v2,#zd-shop) .zdh-product-grid--care{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#zd-home-v2,#zd-shop) .zdh-trust{display:flex;justify-content:space-between;gap:18px;padding:24px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}:is(#zd-home-v2,#zd-shop) .zdh-trust span,:is(#zd-home-v2,#zd-shop) .zdh-trust a{display:flex;align-items:center;gap:9px}:is(#zd-home-v2,#zd-shop) .zdh-trust svg{color:var(--green)}:is(#zd-home-v2,#zd-shop) .zdh-newsletter{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:32px;padding:32px;background:#203f2c;color:#fff}:is(#zd-home-v2,#zd-shop) .zdh-newsletter h2{color:#fff;font-size:28px;margin-bottom:12px}:is(#zd-home-v2,#zd-shop) .zdh-newsletter .zdh-eyebrow{color:#d1e2d2}:is(#zd-home-v2,#zd-shop) .zdh-newsletter-copy p{color:#e3ece3;font-size:15px}:is(#zd-home-v2,#zd-shop) .zdh-newsletter .zdh-button{width:100%;background:#fff;color:#203f2c;border-color:#fff}:is(#zd-home-v2,#zd-shop) .zdh-newsletter button:focus-visible{outline-color:#fff}:is(#zd-home-v2,#zd-shop) .zdh-form-hint{font-size:12px;color:#d1e2d2;text-align:center;margin-top:10px}:is(#zd-home-v2,#zd-shop) .zdh-payment{display:flex;align-items:center;justify-content:center;gap:26px;padding:26px 0;font-size:13px;color:var(--muted)}:is(#zd-home-v2,#zd-shop) .zdh-payment img{height:25px;width:auto;max-width:100px;object-fit:contain}:is(#zd-home-v2,#zd-shop) .zdh-inpost{font-size:20px;font-weight:600;color:var(--ink)}
@media(max-width:900px){:is(#zd-home-v2,#zd-shop){padding-inline:22px}:is(#zd-home-v2,#zd-shop) .zdh-category-grid{gap:22px 12px}:is(#zd-home-v2,#zd-shop) .zdh-category-image{width:100px;height:100px}:is(#zd-home-v2,#zd-shop) .zdh-category-image img{width:80px;height:84px}}
@media(max-width:600px){:is(#zd-home-v2,#zd-shop){padding:0 16px}:is(#zd-home-v2,#zd-shop) h1,:is(#zd-home-v2,#zd-shop) h2{font-size:23px;letter-spacing:-.5px}:is(#zd-home-v2,#zd-shop) .zdh-section{margin:36px 0}:is(#zd-home-v2,#zd-shop) .zdh-section-heading{gap:10px;margin-bottom:18px}:is(#zd-home-v2,#zd-shop) .zdh-section-count{font-size:12px}:is(#zd-home-v2,#zd-shop) .zdh-link{font-size:13px}:is(#zd-home-v2,#zd-shop) .zdh-link svg{width:15px}:is(#zd-home-v2,#zd-shop) .zdh-shop-shortcuts{gap:22px}:is(#zd-home-v2,#zd-shop) .zdh-shop-shortcuts a{font-size:13px}:is(#zd-home-v2,#zd-shop) .zdh-shop-shortcuts a:last-child{font-size:0;gap:0}:is(#zd-home-v2,#zd-shop) .zdh-shop-shortcuts a:last-child svg{width:19px}:is(#zd-home-v2,#zd-shop) .zdh-categories{margin:24px 0 28px}:is(#zd-home-v2,#zd-shop) .zdh-categories h1{font-size:22px}:is(#zd-home-v2,#zd-shop) .zdh-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}:is(#zd-home-v2,#zd-shop) .zdh-category-grid a{gap:9px;font-size:13px;line-height:1.35}:is(#zd-home-v2,#zd-shop) .zdh-category-image{width:88px;height:88px}:is(#zd-home-v2,#zd-shop) .zdh-category-image img{width:70px;height:75px}:is(#zd-home-v2,#zd-shop) .zdh-category-grid a>span:last-child{min-height:35px}:is(#zd-home-v2,#zd-shop) .zdh-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}:is(#zd-home-v2,#zd-shop) .zdh-brands{padding:24px 0}:is(#zd-home-v2,#zd-shop) .zdh-brands .zdh-section-heading{align-items:start;flex-wrap:wrap;gap:0}:is(#zd-home-v2,#zd-shop) .zdh-brands h2{width:100%}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid img{width:92px;height:62px}:is(#zd-home-v2,#zd-shop) .zdh-brand-grid a{height:68px}:is(#zd-home-v2,#zd-shop) .zdh-trust{display:grid;gap:16px}:is(#zd-home-v2,#zd-shop) .zdh-newsletter{display:block;padding:26px 22px;margin-inline:-16px}:is(#zd-home-v2,#zd-shop) .zdh-newsletter h2{font-size:26px}:is(#zd-home-v2,#zd-shop) .zdh-newsletter-form{margin-top:22px}:is(#zd-home-v2,#zd-shop) .zdh-payment{gap:18px;flex-wrap:wrap}:is(#zd-home-v2,#zd-shop) .zdh-payment>span:first-child{width:100%;text-align:center}}
@media(max-width:350px){:is(#zd-home-v2,#zd-shop){padding-inline:12px}:is(#zd-home-v2,#zd-shop) .zdh-categories h1{font-size:20px}:is(#zd-home-v2,#zd-shop) .zdh-section-count{font-size:11px}:is(#zd-home-v2,#zd-shop) .zdh-category-image{width:78px;height:78px}:is(#zd-home-v2,#zd-shop) .zdh-category-image img{width:62px;height:66px}:is(#zd-home-v2,#zd-shop) .zdh-category-grid{gap:16px 7px}:is(#zd-home-v2,#zd-shop) .zdh-category-grid a{font-size:12px}}
@media(prefers-reduced-motion:reduce){:is(#zd-home-v2,#zd-shop) *{transition:none!important}}  :is(#zd-home-v2,#zd-shop) a.zdh-social-link:hover .social-arrow{transform:translateX(3px)}:is(#zd-home-v2,#zd-shop) .zdh-newsletter{margin-top:36px}
@media(max-width:600px){:is(#zd-home-v2,#zd-shop) .zdh-newsletter{margin-top:28px}}
@media(max-width:350px){:is(#zd-home-v2,#zd-shop) .zdh-newsletter{margin-inline:-12px}} :is(#zd-home-v2,#zd-shop) .zdh-shopping{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:32px;margin:20px 0;padding:8px 0}
:is(#zd-home-v2,#zd-shop) .zdh-shopping>a{display:flex;align-items:center;gap:12px;min-height:48px;font-size:14px;line-height:1.45}
:is(#zd-home-v2,#zd-shop) .shopping-payments>img{display:block;width:58px;height:29px;object-fit:contain}
:is(#zd-home-v2,#zd-shop) .shopping-p24{display:flex;align-items:center;justify-content:center;overflow:hidden;width:112px;height:36px;flex-shrink:0}
:is(#zd-home-v2,#zd-shop) .shopping-p24 img{display:block;width:250px;height:auto;max-width:none;flex-shrink:0}
:is(#zd-home-v2,#zd-shop) .shopping-fact>svg:first-child{color:var(--green)}
:is(#zd-home-v2,#zd-shop) .shopping-fact strong{font-weight:600}
:is(#zd-home-v2,#zd-shop) .shopping-fact small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
:is(#zd-home-v2,#zd-shop) .zdh-shopping .shopping-arrow{width:15px;height:15px;color:var(--muted);margin-left:auto}
:is(#zd-home-v2,#zd-shop) .zdh-shopping>a:hover{color:var(--green)}
@media(max-width:900px){:is(#zd-home-v2,#zd-shop) .zdh-shopping{gap:20px}:is(#zd-home-v2,#zd-shop) .zdh-shopping>a{font-size:13px;gap:8px}}
@media(max-width:600px){:is(#zd-home-v2,#zd-shop) .zdh-shopping{grid-template-columns:1fr;gap:4px;margin:12px 0;padding:4px 0}:is(#zd-home-v2,#zd-shop) .zdh-shopping>a{font-size:14px;gap:12px}:is(#zd-home-v2,#zd-shop) .shopping-payments{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px}} :is(#zd-home-v2,#zd-shop) .zdh-product-tabs{display:flex;gap:24px;margin:-4px 0 22px;border-bottom:1px solid var(--line)}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs button{font:500 14px/1.3 Inter,sans-serif;cursor:pointer;white-space:nowrap;min-height:46px;padding:10px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted)}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}
:is(#zd-home-v2,#zd-shop) .zdh-product-grid:focus-visible{outline:2px solid var(--green);outline-offset:6px}
:is(#zd-home-v2,#zd-shop) .zdh-needs{display:flex;align-items:center;gap:20px;margin:0 0 36px;padding:16px 0;border-block:1px solid var(--line)}
:is(#zd-home-v2,#zd-shop) .zdh-needs h2{font-size:14px;letter-spacing:0;white-space:nowrap}
:is(#zd-home-v2,#zd-shop) .zdh-needs-grid{display:flex;flex-wrap:wrap;gap:8px}
:is(#zd-home-v2,#zd-shop) .zdh-needs-grid a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;background:#f4f5f1;border-radius:3px;font-size:13px}
:is(#zd-home-v2,#zd-shop) .zdh-needs-grid a:hover{background:#e9efdf}
:is(#zd-home-v2,#zd-shop) .zdh-social{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-block:1px solid var(--line);margin:36px 0}
:is(#zd-home-v2,#zd-shop) .zdh-social h2{font-size:19px;letter-spacing:-.3px}
:is(#zd-home-v2,#zd-shop) .zdh-social-grid{display:flex;gap:28px}
:is(#zd-home-v2,#zd-shop) .zdh-social-grid a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:14px}
:is(#zd-home-v2,#zd-shop) .zdh-social-grid svg{width:22px;height:22px;color:var(--green)}
:is(#zd-home-v2,#zd-shop) .zdh-social-grid a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs{gap:0;justify-content:space-between;margin-bottom:20px}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs button{font-size:13px;padding-inline:4px}
:is(#zd-home-v2,#zd-shop) .zdh-needs{display:block;margin-bottom:28px;padding:14px 0}
:is(#zd-home-v2,#zd-shop) .zdh-needs h2{font-size:13px;margin-bottom:10px}
:is(#zd-home-v2,#zd-shop) .zdh-needs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
:is(#zd-home-v2,#zd-shop) .zdh-needs-grid a{min-height:40px;padding:7px 8px;font-size:13px}
:is(#zd-home-v2,#zd-shop) .zdh-social{display:block;padding:18px 0;margin:28px 0}
:is(#zd-home-v2,#zd-shop) .zdh-social h2{font-size:18px;margin-bottom:12px}
:is(#zd-home-v2,#zd-shop) .zdh-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
:is(#zd-home-v2,#zd-shop) .zdh-social-grid a{font-size:12px;gap:6px}
:is(#zd-home-v2,#zd-shop) .zdh-social-grid svg{width:19px;height:19px}
} :is(#zd-home-v2,#zd-shop) .zdh-herb-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;background:#f6df8c;padding:26px 40px;margin:28px 0 38px;min-height:232px;overflow:hidden;border-radius:4px}
:is(#zd-home-v2,#zd-shop) .zdh-feature-label{font-size:13px;font-weight:500;color:#59502d;display:block;margin-bottom:9px}
:is(#zd-home-v2,#zd-shop) .zdh-herb-feature h2{font-size:38px;letter-spacing:-1px;margin-bottom:9px}
:is(#zd-home-v2,#zd-shop) .zdh-herb-feature p{font-size:15px;color:#49432e;margin-bottom:20px}
:is(#zd-home-v2,#zd-shop) .zdh-feature-products{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
:is(#zd-home-v2,#zd-shop) .zdh-feature-products img{display:block;width:46%;max-width:210px;height:210px;object-fit:contain;mix-blend-mode:multiply}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs{border:0;gap:8px;margin-bottom:22px}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs button{padding:10px 18px;border:1px solid #dce1d7;border-radius:4px;min-height:44px;background:#fff;color:#53604e;transition:background .15s,border-color .15s}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs button:hover{background:#f2f6ee;border-color:#a3b99a}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs button[aria-selected=true]{background:#e7f1df;border-color:#8cab78;color:#244d24}
@media(max-width:600px){
:is(#zd-home-v2,#zd-shop) .zdh-herb-feature{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;padding:22px 16px;margin:24px 0 30px;min-height:206px}
:is(#zd-home-v2,#zd-shop) .zdh-feature-label{font-size:10px;margin-bottom:7px}
:is(#zd-home-v2,#zd-shop) .zdh-herb-feature h2{font-size:27px;line-height:1.08;letter-spacing:-.6px;max-width:160px;margin-bottom:10px}
:is(#zd-home-v2,#zd-shop) .zdh-herb-feature p{font-size:12px;line-height:1.5;max-width:140px;margin-bottom:15px}
:is(#zd-home-v2,#zd-shop) .zdh-herb-feature .zdh-button{font-size:12px;min-height:44px;padding:9px 10px;gap:5px;white-space:nowrap}
:is(#zd-home-v2,#zd-shop) .zdh-herb-feature .zdh-button svg{width:16px}
:is(#zd-home-v2,#zd-shop) .zdh-feature-products{gap:0;margin-right:-8px}
:is(#zd-home-v2,#zd-shop) .zdh-feature-products img{width:50%;height:162px;max-width:none}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs button{font-size:12px;padding:9px 3px}
}
@media(max-width:350px){:is(#zd-home-v2,#zd-shop) .zdh-herb-feature{padding-inline:12px}:is(#zd-home-v2,#zd-shop) .zdh-herb-feature h2{font-size:25px}:is(#zd-home-v2,#zd-shop) .zdh-product-tabs button{font-size:11px}} :is(#zd-home-v2,#zd-shop) .zdh-product-grid{gap:18px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item{border:1px solid #dce3d6;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 2px 3px #24352105;transition:border-color .16s,box-shadow .16s}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-link{height:218px;background:#f7f8f3;border-radius:0;border-bottom:1px solid #edf0e8}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-link img{padding:26px 24px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-info{padding:14px;gap:8px}
:is(#zd-home-v2,#zd-shop) .zd-product-brand{order:0;font-size:12px;font-weight:500;color:#626c5e}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-title{order:1;font-size:15px;font-weight:500;line-height:1.4;min-height:63px}
:is(#zd-home-v2,#zd-shop) .zd-grid-stars{order:2;margin:0;min-height:17px;line-height:17px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-price{order:3;font-size:23px;line-height:1.25;font-weight:600;letter-spacing:-.6px;margin-top:auto;padding-top:2px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-btn{order:4;margin-top:5px;min-height:44px;border:1px solid var(--green);border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,transform .1s}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-btn:active{transform:scale(.98)}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-btn[data-added=true]{background:#e7f1df;color:#244d24;border-color:#8cab78}
:is(#zd-home-v2,#zd-shop) .zd-wl-btn{top:8px;right:8px;width:40px;min-width:40px;height:40px;min-height:40px;background:#fff;border:1px solid #e1e7dc;box-shadow:none}
:is(#zd-home-v2,#zd-shop) .zd-wl-btn[aria-pressed=true]{color:#2e7d32;border-color:#8cab78;background:#edf5e8}
:is(#zd-home-v2,#zd-shop) .zd-grid-badge.new{top:12px;left:10px;background:#f6df8c;color:#4c411c;text-transform:none;font-size:11px;line-height:1.3;font-weight:600;border-radius:3px;padding:5px 8px}
:is(#zd-home-v2,#zd-shop) .zdh-section-heading>.zdh-link{background:#f0f4eb;padding:8px 12px;min-height:38px;border-radius:4px;font-size:13px}
:is(#zd-home-v2,#zd-shop) .zdh-arrivals{padding:26px 24px 24px;background:#fbf6e8;border-radius:8px;margin-inline:-24px}
:is(#zd-home-v2,#zd-shop) .zdh-arrivals .zdh-section-heading>.zdh-link{background:#fff}
@media(hover:hover){:is(#zd-home-v2,#zd-shop) .zd-grid-item:hover{border-color:#96b285;box-shadow:0 5px 15px #2435210c}:is(#zd-home-v2,#zd-shop) .zd-grid-item-btn:not([data-added=true]):hover{background:#245f27;color:#fff}:is(#zd-home-v2,#zd-shop) .zdh-section-heading>.zdh-link:hover{background:#e4eddc}}
@media(max-width:600px){
:is(#zd-home-v2,#zd-shop) .zdh-product-grid{gap:16px 12px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-link{height:162px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-link img{padding:24px 14px 14px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-info{padding:11px 10px 10px;gap:6px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-title{font-size:13px;line-height:1.4;min-height:55px}
:is(#zd-home-v2,#zd-shop) .zd-product-brand{font-size:11px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-price{font-size:21px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-btn{font-size:12px;gap:5px}
:is(#zd-home-v2,#zd-shop) .zd-wl-btn{width:36px;min-width:36px;height:36px;min-height:36px;top:6px;right:6px}
:is(#zd-home-v2,#zd-shop) .zd-grid-badge.new{font-size:10px;top:10px;left:7px;padding:4px 6px}
:is(#zd-home-v2,#zd-shop) .zdh-section-heading>.zdh-link{font-size:12px;padding:7px 9px;min-height:40px;gap:5px;white-space:nowrap}
:is(#zd-home-v2,#zd-shop) .zdh-arrivals{padding:22px 16px;margin-inline:-16px;border-radius:0}
}
@media(max-width:350px){:is(#zd-home-v2,#zd-shop) .zdh-arrivals{padding-inline:12px;margin-inline:-12px}:is(#zd-home-v2,#zd-shop) .zd-grid-item-link{height:145px}:is(#zd-home-v2,#zd-shop) .zd-grid-item-title{font-size:12px;min-height:51px}:is(#zd-home-v2,#zd-shop) .zd-grid-item-info{padding-inline:8px}:is(#zd-home-v2,#zd-shop) .zd-grid-item-price{font-size:20px}} :is(#zd-home-v2,#zd-shop) .zd-grid-item-link{aspect-ratio:auto;height:200px;background:#fff}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-link img{padding:22px 20px 14px;mix-blend-mode:normal}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-title{min-height:42px;display:block;overflow:visible;-webkit-line-clamp:unset}
:is(#zd-home-v2,#zd-shop) .zd-product-brand:empty{display:none}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-price{padding-top:4px}
:is(#zd-home-v2,#zd-shop) .zdh-collection-heading{margin-bottom:20px}
:is(#zd-home-v2,#zd-shop) .zdh-collection-label{display:block;font-size:12px;font-weight:500;letter-spacing:.1px;color:#596251;margin-bottom:8px}
:is(#zd-home-v2,#zd-shop) .zdh-collection-heading p{font-size:14px;color:var(--muted);line-height:1.5;margin-top:9px}
:is(#zd-home-v2,#zd-shop) .zdh-collection-links{display:flex;gap:24px;flex-wrap:wrap;padding-top:12px}
:is(#zd-home-v2,#zd-shop) .zdh-collection-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--green);font-weight:500}
:is(#zd-home-v2,#zd-shop) .zdh-collection-links a:hover{text-decoration:underline;text-underline-offset:4px}
:is(#zd-home-v2,#zd-shop) .zdh-care-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#e5edf0;border-radius:6px;padding:28px 36px;margin-bottom:20px;overflow:hidden}
:is(#zd-home-v2,#zd-shop) .zdh-care-intro h2{font-size:36px;line-height:1.08;letter-spacing:-.9px}
:is(#zd-home-v2,#zd-shop) .zdh-care-intro p{font-size:14px;line-height:1.6;color:#526268;margin:14px 0 6px}
:is(#zd-home-v2,#zd-shop) .zdh-care-intro .zdh-link{color:#264d42}
:is(#zd-home-v2,#zd-shop) .zdh-care-images{position:relative;min-width:0;height:230px}
:is(#zd-home-v2,#zd-shop) .zdh-care-images img{position:absolute;left:2%;bottom:0;width:60%;height:230px;object-fit:contain;mix-blend-mode:multiply}:is(#zd-home-v2,#zd-shop) .zdh-care-images img+img{left:54%;width:43%;height:200px}
@media(max-width:600px){
:is(#zd-home-v2,#zd-shop) .zd-grid-item-link{height:155px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-link img{padding:20px 12px 10px}
:is(#zd-home-v2,#zd-shop) .zd-grid-item-title{min-height:54px;font-size:13px}
:is(#zd-home-v2,#zd-shop) .zdh-collection-heading{margin-bottom:16px}
:is(#zd-home-v2,#zd-shop) .zdh-collection-heading p{font-size:13px;max-width:310px}
:is(#zd-home-v2,#zd-shop) .zdh-collection-links{gap:0 18px;padding-top:8px}
:is(#zd-home-v2,#zd-shop) .zdh-collection-links a{font-size:12px}
:is(#zd-home-v2,#zd-shop) .zdh-care-intro{grid-template-columns:1.12fr 1fr;padding:20px 16px;gap:0;margin-bottom:16px}
:is(#zd-home-v2,#zd-shop) .zdh-care-intro h2{font-size:26px;letter-spacing:-.6px}
:is(#zd-home-v2,#zd-shop) .zdh-care-intro p{font-size:12px;margin-top:10px}
:is(#zd-home-v2,#zd-shop) .zdh-care-intro .zdh-link{font-size:12px;gap:5px}
:is(#zd-home-v2,#zd-shop) .zdh-care-images{height:180px;margin-right:-8px}
:is(#zd-home-v2,#zd-shop) .zdh-care-images img{left:-12%;width:100%;height:180px}:is(#zd-home-v2,#zd-shop) .zdh-care-images img+img{left:50%;width:70%;height:145px}
}
@media(max-width:350px){:is(#zd-home-v2,#zd-shop) .zd-grid-item-link{height:140px}:is(#zd-home-v2,#zd-shop) .zd-grid-item-title{font-size:12px;min-height:51px}:is(#zd-home-v2,#zd-shop) .zdh-care-intro{padding-inline:12px}:is(#zd-home-v2,#zd-shop) .zdh-care-intro h2{font-size:23px}:is(#zd-home-v2,#zd-shop) .zdh-care-intro p{font-size:11px}:is(#zd-home-v2,#zd-shop) .zdh-care-images img{height:150px}} :is(#zd-home-v2,#zd-shop) .zd-grid-item-title{order:0}
:is(#zd-home-v2,#zd-shop) a.zd-product-brand{order:1;align-self:flex-start;display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 4px;min-height:32px;max-width:100%;font-size:12px;line-height:1.4;color:#27682b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
:is(#zd-home-v2,#zd-shop) .zd-product-brand span{color:#626c5e;text-decoration:none}
:is(#zd-home-v2,#zd-shop) a.zd-product-brand:hover{color:#17451b} #zd-home-v2{width:100%;box-sizing:border-box} :is(#zd-home-v2,#zd-shop) .zdh-category-showcase{position:relative;margin:34px -24px 42px;padding:28px 24px 24px;border:1px solid #dbe7d7;border-radius:10px;background:#f3f7f0;overflow:hidden}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase--pantry{margin-top:42px;background:#f7f5ec;border-color:#e7e1ce}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__heading{text-align:center;margin-bottom:20px}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__eyebrow{display:block;margin-bottom:7px;color:#2f7c35;font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__heading h2{margin:0;font-size:28px;line-height:1.12;letter-spacing:-.65px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category-grid{display:grid;grid-template-columns:repeat(var(--zdh-cols,4),minmax(0,1fr));gap:14px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category{position:relative;display:block;min-width:0;height:238px;padding:20px 18px;border:1px solid #0000000c;border-radius:8px;color:#1f271f;overflow:hidden;isolation:isolate;box-shadow:0 2px 6px #1730180a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.38;background-image:radial-gradient(circle at 18% 24%,#ffffff 0 1px,transparent 1.5px);background-size:18px 18px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category strong{position:relative;z-index:3;display:block;max-width:calc(100% - 36px);font-size:20px;line-height:1.08;letter-spacing:-.4px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category__arrow,:is(#zd-home-v2,#zd-shop) .zdh-quick-category__arrow{position:absolute;z-index:4;top:15px;right:15px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #2c4d2d26;border-radius:50%;background:#ffffffb8;color:#285d2b;transition:background .18s ease,color .18s ease,transform .18s ease}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category__arrow svg,:is(#zd-home-v2,#zd-shop) .zdh-quick-category__arrow svg{width:15px;height:15px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category__products{position:absolute;inset:67px 8px 4px;display:flex;align-items:flex-end;justify-content:center}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category__products img{position:relative;display:block;width:41%;height:158px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 7px 6px #26321c18)}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category__products img:first-child{z-index:1;margin-right:-14%;transform:translateY(7px) rotate(-2deg)}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category__products img:nth-child(2){z-index:3;width:44%;height:170px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category__products img:nth-child(3){z-index:2;margin-left:-14%;transform:translateY(8px) rotate(2deg)}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category--sage{background:#e6e9be}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category--rose{background:#f4cecf}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category--oat{background:#f3e2cc}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category--mint{background:#e1eee1}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category--cream{background:#ececd9}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category--wheat{background:#f3dfc6}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category--honey{background:#f4d67e}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category--peach{background:#f5c9bd}
@media(hover:hover){
:is(#zd-home-v2,#zd-shop) .zdh-visual-category:hover,:is(#zd-home-v2,#zd-shop) .zdh-quick-category:hover{transform:translateY(-3px);border-color:#73956f66;box-shadow:0 8px 18px #17301816}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category:hover .zdh-visual-category__arrow,:is(#zd-home-v2,#zd-shop) .zdh-quick-category:hover .zdh-quick-category__arrow{background:#245f27;color:#fff;transform:translateX(2px)}
}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category:focus-visible,:is(#zd-home-v2,#zd-shop) .zdh-quick-category:focus-visible{outline:3px solid #2e7d32;outline-offset:3px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-categories{margin-top:48px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-categories .zdh-section-heading{align-items:flex-end;margin-bottom:18px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-categories .zdh-section-heading h2{margin-top:0}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category-grid{display:grid;grid-template-columns:repeat(var(--zdh-cols,4),minmax(0,1fr));gap:14px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category{position:relative;display:block;height:212px;padding:18px 16px;border:1px solid #0000000c;border-radius:8px;color:#202620;overflow:hidden;isolation:isolate;box-shadow:0 2px 5px #17301808;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,#ffffff33,transparent 58%)}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category strong{position:relative;z-index:3;display:block;max-width:calc(100% - 36px);font-size:18px;line-height:1.12;letter-spacing:-.3px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category__products{position:absolute;left:6px;right:6px;bottom:3px;height:145px;display:flex;align-items:flex-end;justify-content:center}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category__products img{position:relative;display:block;width:39%;height:138px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 7px 6px #26321c17)}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category__products img:first-child{z-index:1;margin-right:-13%;transform:translateY(6px) rotate(-2deg)}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category__products img:nth-child(2){z-index:3;width:43%;height:149px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category__products img:nth-child(3){z-index:2;margin-left:-13%;transform:translateY(7px) rotate(2deg)}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category--sky{background:#d7edf5}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category--cocoa{background:#ead4c2}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category--grain{background:#f1dfb4}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category--sweet{background:#f2d3c4}
@media(max-width:980px){
:is(#zd-home-v2,#zd-shop) .zdh-visual-category strong{font-size:18px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category{height:220px;padding-inline:14px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category__products{inset-inline:3px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category{height:196px;padding-inline:13px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category strong{font-size:16px}
}
@media(max-width:760px){
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase{margin-inline:-16px;padding-inline:0;border-inline:0;border-radius:0}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__heading{text-align:left;padding-inline:16px}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__heading h2{font-size:25px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category-grid,:is(#zd-home-v2,#zd-shop) .zdh-quick-category-grid{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:2px 16px 14px;scrollbar-width:none}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category-grid::-webkit-scrollbar,:is(#zd-home-v2,#zd-shop) .zdh-quick-category-grid::-webkit-scrollbar{display:none}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category,:is(#zd-home-v2,#zd-shop) .zdh-quick-category{flex:0 0 min(73vw,285px);scroll-snap-align:start}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category{height:230px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category{height:206px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-categories{margin-inline:-16px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-categories .zdh-section-heading{padding-inline:16px}
}
@media(max-width:600px){
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase{margin-top:26px;margin-bottom:34px;padding-top:24px;padding-bottom:12px}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase--pantry{margin-top:34px}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__eyebrow{font-size:10px;margin-bottom:6px}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__heading{margin-bottom:16px}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__heading h2{font-size:23px;letter-spacing:-.45px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category{padding:18px 16px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category strong{font-size:19px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category__products{top:64px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-categories{margin-top:34px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-categories .zdh-section-heading{margin-bottom:12px}
:is(#zd-home-v2,#zd-shop) .zdh-quick-category strong{font-size:17px}
}
@media(max-width:350px){
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase,:is(#zd-home-v2,#zd-shop) .zdh-quick-categories{margin-inline:-12px}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__heading,:is(#zd-home-v2,#zd-shop) .zdh-quick-categories .zdh-section-heading{padding-inline:12px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category-grid,:is(#zd-home-v2,#zd-shop) .zdh-quick-category-grid{padding-inline:12px;scroll-padding-inline:12px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category,:is(#zd-home-v2,#zd-shop) .zdh-quick-category{flex-basis:78vw}
} @media(min-width:761px) and (max-width:900px){
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase{margin-inline:-14px;padding-inline:13px}
}
@media(min-width:601px) and (max-width:760px){
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase,:is(#zd-home-v2,#zd-shop) .zdh-quick-categories{margin-inline:-22px}
:is(#zd-home-v2,#zd-shop) .zdh-category-showcase__heading,:is(#zd-home-v2,#zd-shop) .zdh-quick-categories .zdh-section-heading{padding-inline:22px}
:is(#zd-home-v2,#zd-shop) .zdh-visual-category-grid,:is(#zd-home-v2,#zd-shop) .zdh-quick-category-grid{padding-inline:22px;scroll-padding-inline:22px}
} :is(#zd-home-v2,#zd-shop) .zdh-product-tabs{display:flex;gap:8px;margin:-4px 0 22px;border:0}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #dce1d7;border-radius:4px;background:#fff;color:#53604e;font:500 14px/1.3 Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs a:hover{background:#f2f6ee;border-color:#a3b99a}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs a[aria-current]{background:#e7f1df;border-color:#8cab78;color:#244d24;font-weight:500}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs a:focus-visible{outline:3px solid #2e7d32;outline-offset:2px}
@media(max-width:600px){
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:22px}
:is(#zd-home-v2,#zd-shop) .zdh-product-tabs a{font-size:12px;padding:9px 3px}
}
@media(max-width:350px){ :is(#zd-home-v2,#zd-shop) .zdh-product-tabs a{font-size:11px} }.zdn-theme .shop-footer{background:#f4f5f1;color:#202920;padding:26px 32px 20px;border:0}
.footer-wrap{max-width:1136px;margin:auto}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.footer-brandmark{font-size:28px;font-weight:600;letter-spacing:-1px;text-decoration:none;line-height:1}
.footer-brandmark span{color:#2e7d32}
.footer-back{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;text-decoration:none}
.footer-back span{font-size:22px}
.footer-body{display:grid;grid-template-columns:1.1fr 3fr;gap:40px}
.footer-phone{display:flex;align-items:center;min-height:44px;font-size:22px;letter-spacing:-.3px;text-decoration:none}
.footer-email{display:flex;align-items:center;min-height:36px;font-size:14px;text-decoration:none}
.footer-contact p{font-size:12px;color:#56614f;margin:4px 0 0}
.footer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.zdn-theme .shop-footer summary{font-size:14px;font-weight:500;color:#202920;margin:0 0 10px;min-height:24px}
.zdn-theme .shop-footer details a{color:#56614f;font-size:13px;line-height:1.45;min-height:30px;display:flex;align-items:center;margin:0}
.footer-store p{color:#56614f;font-size:13px;line-height:1.7;margin:0 0 8px}
.shop-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.shop-footer a:focus-visible,.shop-footer summary:focus-visible{outline-color:#202920}
.footer-legal{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:16px;border-top:1px solid #dce1d7;color:#626960;font-size:11px;line-height:1.6}
.footer-legal p{margin:0}
@media(max-width:900px){.footer-body{grid-template-columns:1fr 2.7fr;gap:24px}.footer-navigation{gap:16px}.footer-phone{font-size:20px}}
@media(max-width:600px){
.zdn-theme .shop-footer{padding:18px 20px 22px}
.footer-top{margin-bottom:8px}.footer-brandmark{font-size:27px}.footer-back{font-size:0;gap:0}
.footer-body{display:block}.footer-contact{padding-bottom:20px}.footer-phone{font-size:22px}.footer-email{min-height:44px}.footer-contact p{margin:0}
.footer-navigation{display:block}
.zdn-theme .shop-footer details{padding:0;border-top:1px solid #dce1d7}
.zdn-theme .shop-footer summary{display:flex;align-items:center;min-height:48px;margin:0;font-size:14px}
.zdn-theme .shop-footer details a{min-height:44px;font-size:13px}
.zdn-theme .shop-footer details[open]{padding-bottom:12px}
.footer-legal{display:grid;gap:6px;margin-top:0;padding-top:14px;font-size:10px}
}
.zdn-theme .shop-footer a{color:inherit}body.zdn-theme{--zd-green:#2e7d32;--zd-green-dark:#205b25;--zd-primary:#2e7d32;--zd-ink:#202920;--zd-line:#dfe4da;--zd-checkout-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#202920;background:#fff}
body.zdn-theme .zd-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
body.zdn-theme .zd-desktop-nav{background:#fff!important;border-bottom:1px solid #e3e6df;box-shadow:none!important}
body.zdn-theme .zd-nav-link{color:#253a2b!important;text-transform:none!important;font-size:14px!important;font-weight:500!important;padding-block:14px!important}
body.zdn-theme .zd-nav-link:hover{background:#f5f7ef!important;color:#2e7d32!important}
body.zdn-theme .zd-search-trending-inline{display:none!important}
body.zdn-theme.woocommerce.archive main#main{max-width:1200px;margin:24px auto 48px;padding:0 24px}
body.zdn-theme .zdn-archive-title{display:block!important;font-size:30px!important;margin:20px 0;font-weight:600!important}
body.zdn-theme :is(.woocommerce-order-details,.woocommerce-customer-details,.woocommerce-order-overview){border-radius:6px!important;box-shadow:none!important}
body.zdn-theme #zdAccordionHeader{gap:10px!important;flex-wrap:wrap}
body.zdn-theme .zd-cart-item-price{color:#202920!important}
body.zdn-native-product :is(.zd-sticky-cta-mobile,.zd-sticky-cta,.zd-sticky-add-to-cart){display:none!important}
body.zdn-theme .variations select{min-height:46px;width:100%;border:1px solid #a9b7a1;border-radius:4px;padding:10px;background:#fff;font-size:16px}
body.zdn-theme .variations{width:100%;border:0}
body.zdn-theme .single_add_to_cart_button{background:#2e7d32!important;border-radius:4px!important;min-height:48px;padding:12px 20px!important;box-shadow:none!important;color:#fff!important}
body.zdn-theme .single_add_to_cart_button.disabled{opacity:.5!important;cursor:not-allowed!important}
body.zdn-theme :is(h1,h2,h3,h4,button,input,select,textarea){font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body.zdn-theme :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #2e7d32;outline-offset:3px}
.zdn-skip{position:fixed;top:-100px;left:12px;padding:12px;background:#fff;z-index:999999}.zdn-skip:focus{top:12px}
body.zdn-theme h1{letter-spacing:-.6px}body.zdn-theme :is(.zd-page-hero,.zd-legal-hero){background:#f5f7f1!important;padding:32px 20px!important;box-shadow:none!important}
body.zdn-theme :is(.zd-page-hero h1,.zd-legal-hero h1){font-size:clamp(26px,4vw,36px)!important;font-weight:600!important;color:#202920!important}
body.zdn-theme :is(.zd-page-content,.zd-legal-content){line-height:1.8}
body.zdn-theme .zd-top-bar{background:#1e402b!important;min-height:30px}
body.zdn-theme .zd-top-ticker-track{animation:none;justify-content:center}
body.zdn-theme .zd-top-ticker-item{font-size:12px;font-weight:400;padding:6px 18px}
body.zdn-theme .zd-top-ticker-item:nth-child(n+3){display:none}
body.zdn-theme .site-header{box-shadow:none!important;background:#fff;border-bottom:1px solid #e3e6df}
body.zdn-theme .zd-main-header{max-width:1200px;margin:auto;min-height:90px}
body.zdn-theme .zd-logo-text{font-size:32px;letter-spacing:-1.5px;font-weight:650;color:#203e2a;font-family:Inter,sans-serif!important}
body.zdn-theme .zd-logo-text span{color:#2e7d32}
body.zdn-theme .zd-search-form{border:1px solid #b6c2b0!important;border-radius:5px!important;box-shadow:none!important;background:#fff!important}
body.zdn-theme .zd-search-form input{font-size:16px!important;min-height:46px;background:#fff!important}
body.zdn-theme .zd-search-btn{background:#2e7d32!important;border-radius:0 4px 4px 0!important}
body.zdn-theme .zd-search-trending{display:none!important}
body.zdn-theme .zd-bottom-bar{background:#fff!important;border-top:1px solid #dfe4da!important;box-shadow:none!important}
body.zdn-theme :is(.zd-bottom-bar-item,.zd-header-icon){color:#334a38!important}
body.zdn-theme .zd-header-icon:hover{background:#f2f5ec!important}
body.zdn-theme .zd-floating-cart{display:none!important}
body.zdn-theme .shop-footer{font:400 14px/1.5 Inter,sans-serif;padding-bottom:30px}
body.zdn-theme .shop-footer summary{cursor:pointer;list-style:none}
body.zdn-theme .shop-footer summary::-webkit-details-marker{display:none}
body.zdn-theme .shop-footer a{color:inherit;text-decoration:none}
body.zdn-theme .shop-footer .footer-back{font-size:12px}
body.zdn-theme .zdh-product-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-bottom:2px solid transparent;font-size:14px}
body.zdn-theme .zdh-product-tabs a[aria-current]{color:#2e7d32;border-bottom-color:#2e7d32;font-weight:600}
body.zdn-theme #zd-home-v2 ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important}
body.zdn-theme ul.products::before,body.zdn-theme ul.products::after{display:none!important}
body.zdn-theme ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#fff!important;border:1px solid #dfe4da!important;border-radius:6px!important;padding:12px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow:hidden}
body.zdn-theme ul.products li.product:hover{border-color:#97b089!important;box-shadow:none!important;transform:none!important}
body.zdn-theme ul.products li.product a.woocommerce-loop-product__link{display:flex;flex-direction:column;flex:1;text-decoration:none!important}
body.zdn-theme ul.products li.product img{aspect-ratio:1;object-fit:contain!important;background:#fff!important;padding:12px!important;border-radius:3px!important;width:100%!important;margin-bottom:10px!important}
body.zdn-theme ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;line-height:1.45!important;font-weight:500!important;min-height:65px!important;margin:5px 0 9px!important;padding:0!important;color:#202920!important}
body.zdn-theme .zdn-brand{display:block;min-height:18px;font-size:12px;color:#657060;line-height:1.4;margin:3px 0}
body.zdn-theme ul.products li.product .price{font-size:21px!important;color:#202920!important;font-weight:600!important;margin-top:auto!important;margin-bottom:12px!important}
body.zdn-theme ul.products li.product .price del{font-size:13px;color:#687063;font-weight:400}
body.zdn-theme ul.products li.product .price ins{background:none;text-decoration:none}
body.zdn-theme ul.products li.product :is(.button,.added_to_cart){background:#2e7d32!important;color:#fff!important;border-radius:4px!important;border:1px solid #2e7d32!important;min-height:44px!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important;text-align:center;padding:12px!important;line-height:1.4!important;transform:none!important}
body.zdn-theme ul.products li.product .added_to_cart{margin-top:5px;background:#fff!important;color:#2e7d32!important}
body.zdn-theme .star-rating{color:#b77a00!important}
body.zdn-theme :is(.zd-bestseller-badge,.zd-new-badge,.onsale){font-size:11px!important;min-height:0!important;line-height:1.5!important;border-radius:3px!important;padding:4px 7px!important;box-shadow:none!important}
body.zdn-theme .zdn-filters{clear:both;background:#f5f7f1;border:1px solid #dfe4da;border-radius:5px;margin:18px 0;padding:12px 16px}
.zdn-filters summary{cursor:pointer;min-height:26px;font-weight:600}.zdn-filters form{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding-top:16px}.zdn-filters label{display:grid;gap:5px;font-size:13px}.zdn-filters input,.zdn-filters select{min-height:44px;border:1px solid #b8c2b1;border-radius:4px;max-width:220px;padding:8px;background:#fff}
body.zdn-theme :is(.zd-product-container,.zd-product-details,.zd-related-section){max-width:1200px}
body.zdn-theme :is(.zd-product-title){font-size:clamp(24px,3vw,32px)!important;line-height:1.25!important;font-weight:600!important}
body.zdn-theme :is(.zd-purchase-box,.zd-product-buy-box,.zd-micro-usp,.zd-producer){background:#fff!important;box-shadow:none!important;border:1px solid #dfe4da!important;border-radius:6px!important}
body.zdn-theme :is(.zd-add-to-cart-btn,.zd-sticky-cart-btn){background:#2e7d32!important;box-shadow:none!important;border-radius:4px!important}
body.zdn-theme .zd-producer-label{color:#202920!important;text-transform:none!important;font-size:18px!important;letter-spacing:0!important}
body.zdn-theme .zd-producer-data{font-size:15px!important;line-height:1.8!important}
body.zdn-theme .zd-product-description{font-size:16px;line-height:1.85;max-width:900px}
body.zdn-theme #zdAskAboutProduct{border-radius:5px!important;background:#f6f8f2!important;border:1px solid #dfe4da!important}
body.zdn-theme .zdn-reviews{background:#fff;margin:40px 0;padding:28px 0;border-top:1px solid #dfe4da;max-width:1000px}
.zdn-reviews h2{font-size:24px;font-weight:600;margin:0 0 24px}.zdn-rating-summary{display:grid;grid-template-columns:1fr 2fr;gap:48px;border-bottom:1px solid #dfe4da;padding-bottom:24px;margin-bottom:24px}.zdn-rating-number{font-size:40px;font-weight:650;display:block}.zdn-rating-number small{font-size:17px;font-weight:400;color:#687063}.zdn-rating-summary p{font-size:14px;margin:6px 0 18px}.zdn-rating-bars{display:grid;gap:9px;align-content:center}.zdn-rating-bars>div{display:grid;grid-template-columns:35px 1fr 32px;align-items:center;gap:12px;font-size:13px}.zdn-rating-bars progress{width:100%;height:10px;border:0;border-radius:0;appearance:none}.zdn-rating-bars progress::-webkit-progress-bar{background:#eeeee6}.zdn-rating-bars progress::-webkit-progress-value{background:#d7a126}.zdn-rating-bars progress::-moz-progress-bar{background:#d7a126}
body.zdn-theme .zdn-reviews #reviews{display:block!important;background:#fff!important;padding:0!important;border:0!important}
body.zdn-theme .zdn-reviews #comments{display:block!important}
body.zdn-theme .zdn-reviews :is(.commentlist,.commentlist li){padding:0!important;margin:0!important;list-style:none!important}
body.zdn-theme .zdn-reviews .comment_container{padding:24px 0!important;border-top:1px solid #e2e5dc;background:#fff!important}
body.zdn-theme .zdn-reviews .comment-text{margin:0!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;font-size:15px;line-height:1.7}
body.zdn-theme .zdn-reviews :is(.avatar,.cr-review-form-media,.cr-upload-local-images,.cr-review-form-upload){display:none!important}
body.zdn-theme .zdn-reviews .meta{font-size:13px!important;color:#667060!important}
body.zdn-theme .zdn-reviews .woocommerce-review__author{font-size:14px;color:#202920}
body.zdn-theme .zdn-reviews .woocommerce-review__verified{display:inline-block;font-size:12px;color:#2e7d32;background:#f0f5e9;padding:2px 6px;border-radius:2px}
body.zdn-theme .zdn-reviews #review_form_wrapper{display:block!important;background:#f7f8f3;border:1px solid #dfe4da;padding:22px;margin-top:24px}
body.zdn-theme .zdn-reviews textarea{min-height:120px;width:100%;border:1px solid #bac4b4;border-radius:4px;padding:12px}
body.zdn-theme .zdn-reviews input:not([type=checkbox]):not([type=radio]){min-height:44px;padding:9px;border:1px solid #bac4b4;border-radius:4px}
body.zdn-theme .zdn-reviews #submit{background:#2e7d32;color:#fff;padding:12px 20px;border:0}
body.zdn-theme #zdCartSidebar .zd-cart-sidebar-content{width:420px;max-width:100vw;border-radius:0!important;background:#fff!important;box-shadow:-12px 0 40px #17251520}
body.zdn-theme #zdCartSidebar .zd-cart-sidebar-header{padding:22px 20px!important;background:#fff!important;border-bottom:1px solid #dfe4da!important;color:#202920!important}
body.zdn-theme #zdCartSidebar .zd-cart-sidebar-header h3{font-size:20px!important;font-weight:600!important;color:#202920!important}
body.zdn-theme #zdCartSidebar :is(.zd-free-shipping-bar,.zd-cart-cross-sell){background:#f7f8f3!important;border-radius:0!important;box-shadow:none!important}
body.zdn-theme #zdCartSidebar .zd-cart-item{border:0!important;border-bottom:1px solid #e3e6df!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
body.zdn-theme #zdCartSidebar .zd-cart-item-title{font-size:14px!important;line-height:1.5!important;font-weight:500!important}
body.zdn-theme #zdCartSidebar .zd-cart-sidebar-footer{background:#fff!important;border-top:1px solid #dfe4da!important;box-shadow:none!important}
body.zdn-theme #zdCartSidebar .zd-cart-btn-checkout{background:#2e7d32!important;border-radius:4px!important;font-size:16px!important;min-height:50px!important;box-shadow:none!important}
body.zdn-theme #zdCartSidebar .zd-fs-progress{background:#2e7d32!important}
body.zdn-theme.woocommerce-checkout :is(.input-text,.select2-selection){border:1px solid #b8c2b1!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important;font-size:16px!important}
body.zdn-theme.woocommerce-checkout :is(#payment,.woocommerce-checkout-review-order){background:#fff!important;border-radius:6px!important;box-shadow:none!important}
body.zdn-theme.woocommerce-checkout #payment ul.payment_methods li{border:1px solid #d9e0d3!important;background:#fff!important;border-radius:5px!important;box-shadow:none!important;margin-bottom:10px!important}
body.zdn-theme.woocommerce-checkout #payment ul.payment_methods li:has(input:checked){border-color:#85a873!important;background:#f4f7ee!important}
body.zdn-theme.woocommerce-checkout #payment .payment_box{background:transparent!important;color:#5c6758!important;font-size:13px!important}
body.zdn-theme.woocommerce-checkout #payment .payment_box:before{display:none!important}
body.zdn-theme.woocommerce-checkout :is(#place_order,.zd-checkout-sticky-btn){background:#2e7d32!important;border-radius:4px!important;box-shadow:none!important}
body.zdn-theme.woocommerce-checkout :is(.woocommerce-error,.woocommerce-invalid input){border-color:#b34432!important}
body.zdn-theme :is(.woocommerce-MyAccount-navigation,.zd-mk-card,.zd-mk-tile){border-radius:6px!important;box-shadow:none!important}
#zdn-newsletter{width:min(700px,calc(100% - 24px));max-height:90dvh;padding:30px 18px;border:1px solid #dfe4da;border-radius:6px}#zdn-newsletter::backdrop{background:#14251788}#zdn-newsletter>[data-zdn-close]{position:absolute;right:8px;top:4px;width:44px;height:44px;border:0;background:#fff;font-size:28px;z-index:2}
@media(min-width:601px){body.zdn-theme .shop-footer details>summary{pointer-events:none}}
@media(max-width:767px){body.zdn-theme .zd-main-header{min-height:105px}body.zdn-theme .zd-logo-text{font-size:26px}body.zdn-theme .zd-top-ticker-item:nth-child(n+2){display:none}body.zdn-theme #zd-home-v2 ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.zdn-theme ul.products li.product{padding:9px!important}body.zdn-theme ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;min-height:62px!important}body.zdn-theme ul.products li.product .price{font-size:19px!important}body.zdn-theme ul.products li.product img{padding:8px!important}body.zdn-theme .shop-footer{padding-bottom:90px}.zdn-rating-summary{grid-template-columns:1fr;gap:22px}.zdn-filters form{display:grid;grid-template-columns:1fr 1fr}.zdn-filters label:first-of-type{grid-column:1/-1}.zdn-filters :is(input,select){max-width:100%;width:100%}body.zdn-theme #zdCartSidebar .zd-cart-sidebar-content{width:100%}body.zdn-theme .zdn-reviews #review_form_wrapper{padding:16px}.zdn-reviews h2{font-size:22px}}
@media(max-width:600px){body.zdn-theme .shop-footer summary{display:flex;justify-content:space-between}body.zdn-theme .shop-footer summary:after{content:'+'}body.zdn-theme .shop-footer details[open] summary:after{content:'−'}}
@media(prefers-reduced-motion:reduce){body.zdn-theme *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}  @media (max-width:768px){
body.zdn-theme .zd-product-page .zd-breadcrumb{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12.5px;line-height:1.45;margin:0 0 12px;color:#687063}
body.zdn-theme .zd-product-page .zd-breadcrumb a{color:#687063;text-decoration:none;min-height:24px;display:inline-flex;align-items:center}
body.zdn-theme .zd-product-page .zd-breadcrumb svg{width:12px;height:12px}
} body.zdn-theme .zd-product-page .zdn-price-note{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:#687063}  body.zdn-theme.woocommerce-checkout:is(.woocommerce-order-received,.woocommerce-order-pay) main#zdn-content{padding:24px 20px 48px!important;box-sizing:border-box}
@media(min-width:768px){ body.zdn-theme.woocommerce-checkout:is(.woocommerce-order-received,.woocommerce-order-pay) main#zdn-content{padding:40px 32px 64px!important} }
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order{max-width:760px;margin:0 auto;color:#202920} body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-card{display:block;margin:0 0 28px;padding:22px 20px;border:0;border-left:4px solid #2e7d32;border-radius:0 6px 6px 0;background:#f2f7ee;color:#202920;box-shadow:none}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-card--waiting{border-left-color:#b7860b;background:#fbf6e8}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-card--warning{border-left-color:#b43a32;background:#fbefed}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-card::before{content:none!important;display:none!important}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-status{display:block;margin:0 0 6px;font-size:14px;font-weight:600}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-card h1{margin:0 0 10px;font-size:26px;line-height:1.2;letter-spacing:-.4px}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-card p{margin:0 0 12px;font-size:16px;line-height:1.6}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-card strong{font-size:15px} body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-next{margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid #dce1d7}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order :is(.zdn-order-next h2,.woocommerce-order-details__title,.woocommerce-column__title){margin:0 0 14px;font-size:20px;line-height:1.3}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-next p{margin:0 0 10px;font-size:16px;line-height:1.6}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-actions .zdn-order-pay{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #2e7d32;border-radius:5px;background:#2e7d32;color:#fff;font-size:14px;font-weight:500;text-decoration:none}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #cbd2c6;border-radius:5px;background:#fff;color:#254c28;font-size:14px;text-decoration:none}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-outline:hover{border-color:#2e7d32;background:#f5f8f2}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-contact{color:#2e7d32;font-size:14px;text-decoration:underline;text-underline-offset:3px} body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order ul.zdn-order-meta{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 20px;margin:0 0 28px!important;padding:16px 18px!important;list-style:none;border:1px solid #dce1d7;border-radius:6px}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order ul.zdn-order-meta::before,body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order ul.zdn-order-meta::after{content:none!important;display:none!important}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order ul.zdn-order-meta li{float:none!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;list-style:none;text-transform:none!important;font-size:12px!important;line-height:1.4!important;color:#626960}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order ul.zdn-order-meta li strong{display:block;margin-top:3px;font-size:15px!important;font-weight:600;color:#202920;line-height:1.4} body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .woocommerce-order-details,body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .woocommerce-customer-details{margin:0 0 28px}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details{width:100%;margin:0;border:1px solid #dce1d7!important;border-radius:6px;border-collapse:separate!important;border-spacing:0;overflow:hidden;background:#fff;font-size:15px}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details thead{display:none}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details :is(th,td){padding:13px 16px!important;border:0!important;border-top:1px solid #e8ebe4!important;text-align:left;vertical-align:top;background:transparent}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details tbody tr:first-child td{border-top:0!important}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details :is(td.product-total,tfoot td){text-align:right;white-space:nowrap}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details tfoot{background:#f7f8f4}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details tfoot th{font-weight:500}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details tfoot tr:last-child :is(th,td){font-size:18px;font-weight:700}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details .product-name a{color:#202920;text-decoration:none}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details .product-quantity{font-weight:500;color:#626960}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .woocommerce-columns--addresses{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:700px){ body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .woocommerce-columns--addresses{grid-template-columns:1fr 1fr} }
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .woocommerce-columns--addresses .woocommerce-column{float:none!important;width:auto!important;margin:0!important}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .woocommerce-columns--addresses::before,body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .woocommerce-columns--addresses::after{content:none!important}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .woocommerce-customer-details address{margin:0;padding:14px 16px;border:1px solid #dce1d7!important;border-radius:6px;font-style:normal;font-size:15px;line-height:1.7}
@media(max-width:700px){
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-card h1{font-size:23px}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-actions{flex-direction:column;align-items:stretch}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-actions>a{justify-content:center;text-align:center}
} body.zdn-theme.woocommerce-checkout.woocommerce-order-pay .p24-payment-blik .p24-payment-input{width:100%!important;max-width:none!important} body.zdn-theme.woocommerce-checkout.woocommerce-order-pay form.p24-payment-blik{padding:22px 20px!important} body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order .zdn-order-card h1{display:block!important;visibility:visible!important;height:auto!important;margin:0 0 10px!important;padding:0!important;overflow:visible!important}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details tbody{display:table-row-group!important}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details tfoot{display:table-footer-group!important}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details tr{display:table-row!important}
body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details :is(th,td){display:table-cell!important;width:auto!important} body.zdn-theme.woocommerce-checkout.woocommerce-order-received .zdn-order table.order_details tfoot tr:has(.order-actions--heading){display:none!important}  body.zdn-theme .zd-nav-link{white-space:nowrap!important}
@media(max-width:1279px){ body.zdn-theme .zd-nav-link{padding-left:clamp(14px,2.2vw,35px)!important;padding-right:clamp(14px,2.2vw,35px)!important} } body.zdn-theme .zd-qty-atc-row .zd-add-to-cart-btn{white-space:nowrap!important;min-width:0!important}
@media(max-width:480px){
body.zdn-theme .zd-qty-atc-row{gap:8px!important}
body.zdn-theme .zd-qty-atc-row .zd-qty-selector{flex:0 0 112px!important;width:112px!important;max-width:112px!important}
body.zdn-theme .zd-qty-atc-row .zd-qty-selector .zd-qty-btn{width:36px!important;min-width:36px!important;flex:0 0 36px!important}
body.zdn-theme .zd-qty-atc-row .zd-qty-selector .zd-qty-input{width:38px!important;min-width:0!important;flex:1 1 auto!important}
body.zdn-theme .zd-qty-atc-row .zd-add-to-cart-btn{flex:1 1 auto!important;padding-left:12px!important;padding-right:12px!important;font-size:15px!important;gap:6px!important}
}
@media(max-width:360px){
body.zdn-theme .zd-qty-atc-row .zd-add-to-cart-btn{font-size:14px!important}
body.zdn-theme .zd-qty-atc-row .zd-add-to-cart-btn svg{display:none!important}
} body.zdn-theme .iworks-omnibus{display:block!important;flex:0 0 100%!important;width:100%!important;order:20;margin:6px 0 0!important;padding:0!important;font-family:inherit!important;font-size:13px!important;line-height:1.45!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#626960!important}
body.zdn-theme .iworks-omnibus :is(.woocommerce-Price-amount,.amount,bdi,.woocommerce-Price-currencySymbol){font-size:inherit!important;line-height:inherit!important;font-weight:600!important;color:#3d463b!important;letter-spacing:0!important}
body.zdn-theme .zd-product-price .iworks-omnibus :is(.woocommerce-Price-amount,.amount,bdi){font-size:inherit!important} body.zdn-theme .zd-sticky-cta-price .iworks-omnibus{margin-top:2px!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} body.zdn-theme .zdn-product-card .iworks-omnibus{margin-top:4px!important;font-size:11px!important;line-height:1.35!important} body.zdn-theme .zdn-empty-cart-note{display:block;margin:0 0 20px;padding:14px 16px;border-left:4px solid #2e7d32;border-radius:0 6px 6px 0;background:#f2f7ee;color:#202920;font-size:15px;line-height:1.5;flex:0 0 100%;width:100%}body.zdn-theme{--zd-font-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--zd-font-product:var(--zd-font-body);--zd-font-heading:var(--zd-font-body);--zd-card-radius:6px;--zd-border:#e3e6df;--zd-text:#202920;--zd-green-light:#f3f6ee}
body.zdn-theme :is(.price,.amount,.zd-section-content,.zd-product-sku,.zd-nav-link,.zd-cart-item-title){font-family:var(--zd-font-body)!important}
body.zdn-theme .zd-main-header{padding:18px 32px!important;gap:32px!important;width:100%;min-height:86px!important}
body.zdn-theme .zd-logo-text{font-size:32px!important;line-height:1.1!important;font-weight:650!important}
body.zdn-theme .zd-search-wrapper{max-width:540px!important;flex:1;min-width:0}
body.zdn-theme .zd-search-form{padding:0!important;background:#f5f7f2!important;border-color:#dce3d6!important;overflow:visible;border-radius:6px!important}
body.zdn-theme #zdLiveSearchInput{padding:12px 50px 12px 16px!important;background:transparent!important;border:0!important;border-radius:6px!important;box-shadow:none!important}
body.zdn-theme .zd-search-btn{background:transparent!important;color:#2e7d32!important;box-shadow:none!important}
body.zdn-theme .zd-search-btn svg{stroke:currentColor!important}
body.zdn-theme .zd-search-promo-chip{display:none!important}
body.zdn-theme .zd-top-bar{background:#2e7d32!important}
body.zdn-theme .zd-nav-link{letter-spacing:0!important}
.zdn-logo-symbol{width:42px!important;height:38px!important;object-fit:contain;margin-right:8px}
body.zdn-theme .zd-nav-menu{gap:12px!important}
body.zdn-theme .zd-nav-menu>.zd-nav-item:last-child>.zd-nav-link{color:#2e7d32!important}
body.zdn-theme .zd-header-icon{background:none!important;box-shadow:none!important}
body.zdn-theme .zd-header-icon svg{stroke-width:1.7} body.zdn-theme ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;width:100%!important;padding:0!important;margin:20px 0 32px!important}
body.zdn-theme ul.products li.product{min-width:0;position:relative}
body.zdn-theme ul.products li.product{gap:0!important;height:auto!important}
body.zdn-theme ul.products li.product .woocommerce-loop-product__link{height:auto!important;min-height:0!important}
body.zdn-theme ul.products li.zdn-product-card .woocommerce-loop-product__link{flex:0 0 auto!important}
body.zdn-theme ul.products li.zdn-product-card .zdn-brand{margin:0 0 8px;min-height:28px;line-height:1.5;font-size:12px}
body.zdn-theme ul.products li.zdn-product-card .zdn-brand a{color:#2e7d32;text-decoration:underline;text-underline-offset:3px}
body.zdn-theme ul.products li.zdn-product-card .price{margin-top:auto!important;padding-top:12px!important}
body.zdn-theme ul.products li.product .price{flex:0 0 auto!important;margin:12px 0!important}
body.zdn-theme ul.products li.product .price{white-space:normal!important;overflow-wrap:anywhere;line-height:1.4!important}
body.zdn-theme ul.products li.product .price .amount{display:inline-block;white-space:nowrap}
body.zdn-theme ul.products li.product .button{margin:0!important;width:100%!important;min-height:44px!important}
body.zdn-theme ul.products li.product .button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important}
body.zdn-theme ul.products li.product .button svg{width:17px!important;height:17px!important;flex:0 0 auto!important;margin:0!important}
body.zdn-theme ul.products li.product .product-badge{border-radius:3px!important;box-shadow:none!important;font:500 11px/1.5 var(--zd-font-body)!important;padding:4px 7px!important;text-transform:none!important;top:10px!important;left:10px!important}
body.zdn-theme ul.products li.product :is(.zd-wl-btn--loop,.zd-qv-btn){box-shadow:none!important;border:1px solid #e3e6df!important;width:38px!important;height:38px!important;min-height:38px!important;background:#fff!important;color:#52604b!important}
body.zdn-theme ul.products li.product .star-rating{margin:8px 0!important;float:none!important}
body.zdn-theme ul.products li.product .woocommerce-loop-product__title{font-family:var(--zd-font-body)!important;text-transform:none!important;letter-spacing:0!important}
body.zdn-theme ul.products li.product .button{text-transform:none!important;letter-spacing:0!important}
body.zdn-theme ul.products li.product .price{font-family:var(--zd-font-body)!important;text-align:left!important}
body.zdn-theme ul.products li.product :is(.zd-new-badge,.zd-bestseller-badge,.zd-low-stock-badge){box-shadow:none!important;border-radius:3px!important;letter-spacing:0!important;text-transform:none!important}
body.zdn-theme .woocommerce-ordering select{font-family:var(--zd-font-body);font-size:14px;min-height:44px;border:1px solid #dce3d6;border-radius:4px;background:#fff;padding:8px 30px 8px 12px}
body.zdn-theme .zd-category-h1{font-size:30px!important;font-weight:600!important;letter-spacing:-.6px!important;text-align:left!important;margin:24px 0 18px!important}
body.zdn-theme .zd-cat-desc-wrapper{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;max-width:900px}
body.zdn-theme .zd-cat-desc-content{font:400 16px/1.8 var(--zd-font-body)!important}
body.zdn-theme .zd-subcat-pill{border:1px solid #dce3d6!important;background:#fff!important;border-radius:4px!important;box-shadow:none!important;font-size:14px!important;color:#303c2d!important;padding:10px 14px!important}
body.zdn-theme .zdn-filters{background:#fff;border-radius:4px}
body.zdn-theme .zdn-filters button{background:#2e7d32!important;color:#fff!important;border:0;border-radius:4px;padding:12px 18px} body.zdn-theme .zd-product-page{max-width:1200px!important;margin:0 auto!important;padding:0 32px 48px!important;float:none!important;width:100%!important}
body.zdn-theme .zd-product-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.zdn-theme .zd-breadcrumb{padding:18px 0!important;font-size:12px!important;line-height:1.6;flex-wrap:wrap}
body.zdn-theme .zd-product-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:64px!important;padding:12px 0 0!important;margin-bottom:48px!important}
body.zdn-theme .zd-product-gallery{position:static!important;min-width:0}
body.zdn-theme .zd-gallery-main{height:430px!important;padding:32px!important;border:1px solid #edf0e8!important;background:#fafbf8!important;border-radius:8px!important;margin-bottom:16px!important}
body.zdn-theme .zd-gallery-main img{height:100%!important;width:100%!important;object-fit:contain!important;mix-blend-mode:multiply;transform:none!important}
body.zdn-theme .zd-gallery-thumb{width:68px!important;height:68px!important;border-width:1px!important;border-radius:4px!important}
body.zdn-theme .zd-gallery-badge{font:500 12px/1.5 var(--zd-font-body)!important;text-transform:none!important;background:#b94027!important;border-radius:3px!important;padding:4px 8px!important;left:12px!important;top:12px!important}
body.zdn-theme .zd-product-title{font-size:29px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.5px!important;margin:0 0 4px!important;overflow-wrap:anywhere}
.zdn-product-brands{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:44px;margin:4px 0 10px;font-size:14px;color:#626c5e}
.zdn-product-brands a{color:#2e7d32;text-decoration:underline;text-underline-offset:3px}
body.zdn-theme .zd-product-rating{border:0!important;padding:0!important;margin:10px 0!important;font-size:14px!important}
body.zdn-theme .zd-product-rating .zd-rating-stars svg.filled{fill:#b77a00!important;stroke:#b77a00!important}
body.zdn-theme .zd-purchase-block{border:0!important;border-radius:0!important;padding:0!important;margin:24px 0 12px!important;background:none!important;box-shadow:none!important}
body.zdn-theme .zd-product-price{font:600 32px/1.3 var(--zd-font-body)!important;letter-spacing:-.8px;color:#202920!important;display:block!important;margin:0!important}
body.zdn-theme .zd-product-price :is(ins,.amount){font:inherit!important;background:none;text-decoration:none}
body.zdn-theme .zd-product-price del{font-size:18px!important;color:#6c7468!important;letter-spacing:0;margin-right:8px;font-weight:400}
.zdn-stock{font-size:13px;color:#2e7d32;margin:12px 0 18px}.zdn-stock.is-unavailable{color:#7c5549}
body.zdn-theme .zd-product-actions{margin-top:0!important}
body.zdn-theme .zd-qty-atc-row{gap:12px!important;align-items:stretch!important}
body.zdn-theme .zd-qty-selector{border:1px solid #b9c4b2!important;border-radius:4px!important;height:48px!important;background:#fff!important;box-shadow:none!important}
body.zdn-theme .zd-qty-btn{background:#fff!important;color:#3e493d!important;font-size:18px!important;min-width:32px!important;border:0!important}
body.zdn-theme .zd-qty-input{width:44px!important;min-width:0!important;border:0!important;background:#fff!important;font-size:16px!important}
body.zdn-theme .zd-add-to-cart-btn{font:500 16px/1.4 var(--zd-font-body)!important;letter-spacing:0!important;text-transform:none!important;min-height:48px!important;padding:12px 18px!important;background:#2e7d32!important;transform:none!important;border-radius:4px!important;box-shadow:none!important}
body.zdn-theme .zdn-save-product .zd-wl-btn{position:static!important;background:none!important;border:0!important;color:#52604b!important;box-shadow:none!important;padding:10px 0!important;min-height:44px;font-size:14px!important}
.zdn-product-service{border-block:1px solid #e3e6df;margin:16px 0;padding:12px 0;display:grid;gap:8px}
.zdn-product-service a{display:flex;gap:12px;align-items:center;font-size:14px;min-height:34px;color:#374332;text-decoration:none}
.zdn-product-service span{font-size:24px;color:#2e7d32;width:22px;text-align:center}
.zdn-product-service svg{color:#2e7d32;flex-shrink:0}
.zdn-sku{font-size:12px;color:#626960;margin:12px 0}
body.zdn-theme #zdAskAboutProduct{padding:10px 0!important;border:0!important;border-radius:0!important;background:none!important;margin-top:6px!important;gap:8px!important}
body.zdn-theme #zdAskAboutProduct>span:first-child{background:none!important;width:24px!important;height:24px!important}
body.zdn-theme #zdAskAboutProduct>span:first-child svg{stroke:#2e7d32!important}
body.zdn-theme #zdAskAboutProduct strong{font-size:14px!important;font-weight:400!important;color:#52604b!important;text-decoration:underline;text-underline-offset:3px}
body.zdn-theme #zdAskAboutProduct>span:nth-child(2)>span,body.zdn-theme #zdAskAboutProduct>svg{display:none!important}
body.zdn-theme .zd-product-sections{max-width:900px!important;margin:0!important;padding:0!important;width:100%!important}
body.zdn-theme .zd-product-sections .zd-section{background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;margin:0 0 36px!important}
body.zdn-theme .zd-section-title,body.zdn-theme .zdn-producer h2,body.zdn-theme .zdn-related>h2{font:600 24px/1.4 var(--zd-font-body)!important;letter-spacing:-.4px!important;border:0!important;padding:0!important;margin:0 0 20px!important}
body.zdn-theme .zd-section-title:after{display:none!important}
body.zdn-theme .zd-section-content{font:400 16px/1.85 var(--zd-font-body)!important;color:#3e493d!important;overflow-wrap:anywhere}
body.zdn-theme .zd-product-short-desc-section{font:inherit!important;border:0!important;padding:0!important;margin-bottom:20px!important}
body.zdn-theme .zd-section-content :is(table,img){max-width:100%!important}
body.zdn-theme .zd-section-content table{display:block;overflow:auto}
.zdn-producer{border-top:1px solid #dce3d6;padding:28px 0;margin:32px 0}.zdn-producer-content{font-size:15px;line-height:1.85;overflow-wrap:anywhere}.zdn-producer-content p{margin:0 0 12px}
body.zdn-theme .zdn-related{width:100%;margin:48px 0 0;clear:both}
body.zdn-theme .zdn-related ul.products{margin:0!important} body.zdn-theme .zdn-reviews{margin:32px 0 0!important;padding:28px 0 0!important;max-width:900px}
body.zdn-theme .zdn-reviews :is(.woocommerce-Reviews-title,.woocommerce-noreviews){display:none!important}
.zdn-reviews-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.zdn-reviews-heading h2{margin:0!important}.zdn-review-toggle{flex-shrink:0;background:#fff;border:1px solid #bbc8b1;border-radius:4px;padding:10px 16px;min-height:44px;color:#2e7d32;font:500 14px var(--zd-font-body);cursor:pointer}.zdn-review-empty{color:#626960;font-size:15px;margin:0 0 18px}.zdn-review-toggle[hidden]{display:none!important}
body.zdn-theme .zdn-rating-summary{display:flex;gap:48px;padding:0 0 24px;border:0;margin-bottom:8px}.zdn-rating-score{display:flex;gap:20px;align-items:center}.zdn-rating-number{font-size:40px;white-space:nowrap}.zdn-rating-score p{margin:8px 0 0}.zdn-rating-bars{flex:1;max-width:400px}
body.zdn-theme .zdn-rating-score .star-rating{float:none!important;margin:0!important}.zdn-rating-score>div{min-width:170px}
body.zdn-theme .zdn-reviews #review_form_wrapper{padding:22px!important;margin:20px 0!important;border:1px solid #dce3d6!important;background:#fafbf8!important;border-radius:4px!important}
body.zdn-theme .zdn-reviews #review_form_wrapper[hidden]{display:none!important}
body.zdn-theme .zdn-reviews #reply-title{font-size:19px!important;font-weight:600!important}
body.zdn-theme .zdn-reviews #submit{background:#2e7d32!important;color:white!important;border-radius:4px!important;min-height:44px!important;padding:12px 24px!important;font:500 15px var(--zd-font-body)!important}
body.zdn-theme .zdn-reviews .comment_container{position:relative!important;padding:24px 0!important}
body.zdn-theme .zdn-reviews .comment-text{display:grid!important;grid-template-columns:190px minmax(0,1fr);column-gap:24px;row-gap:12px}
body.zdn-theme .zdn-reviews .comment-text .meta{grid-column:1;grid-row:1 / span 2;margin:0!important;display:flex;flex-direction:column;align-items:start;gap:8px}
body.zdn-theme .zdn-reviews .comment-text .star-rating{grid-column:2;grid-row:1;float:none!important;margin:0!important}
body.zdn-theme .zdn-reviews .comment-text .description{grid-column:2;grid-row:2}
body.zdn-theme .zdn-reviews .comment-text>.woocommerce-review__published-date{grid-column:2;grid-row:1;justify-self:end;font-size:12px;color:#626960;line-height:1.5}
body.zdn-theme .zdn-reviews .comment-text .description p{margin:0 0 10px} body.zdn-theme :is(.zd-page,.zd-delivery-page,.zd-contact-page,.zd-legal-page,.zd-marki-page,.zd-about-page){background:#fff!important;max-width:1200px!important;margin-inline:auto!important}
body.zdn-theme :is(.zd-page-hero,.zd-delivery-hero,.zd-contact-hero,.zd-legal-hero,.zd-marki-hero,.zd-about-hero){background:none!important;box-shadow:none!important;border:0!important;text-align:left!important;padding:32px!important;margin:0!important;color:#202920!important}
body.zdn-theme :is(.zd-page-hero,.zd-delivery-hero,.zd-contact-hero,.zd-legal-hero,.zd-marki-hero,.zd-about-hero) h1{font:600 32px/1.3 var(--zd-font-body)!important;letter-spacing:-.6px!important;color:#202920!important}
body.zdn-theme :is(.zd-page-container,.zd-delivery-container,.zd-contact-container,.zd-legal-container){max-width:none!important;padding:0 32px 48px!important;margin:0!important}
body.zdn-theme :is(.zd-page-content,.zd-legal-content,.zd-delivery-section,.zd-contact-info,.zd-contact-form){border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:0!important;font:400 16px/1.85 var(--zd-font-body)!important}
body.zdn-theme .zd-page-content{max-width:100%!important}
body.zdn-theme .zd-page:not(.woocommerce-cart):not(.woocommerce-checkout) .zd-page-content>p{max-width:900px}
body.zdn-theme :is(.zd-delivery-section-title,.zd-contact-title,.zd-legal-title){font:600 24px/1.4 var(--zd-font-body)!important;letter-spacing:-.4px!important;color:#202920!important}
body.zdn-theme :is(.zd-delivery-option,.zd-payment-option,.zd-info-box,.zd-contact-card){border:1px solid #e3e6df!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;padding:20px!important;transform:none!important}
body.zdn-theme .zd-delivery-option-icon{background:#f5f7ef!important;border:0!important;border-radius:4px!important;width:44px!important;height:44px!important;font-size:24px!important}
body.zdn-theme .zd-delivery-section-title .emoji{display:none!important}
body.zdn-theme .zd-delivery-cta{background:#f5f7ef!important;color:#202920!important;border:1px solid #e3e6df!important;border-radius:5px!important;padding:24px!important;text-align:left!important;box-shadow:none!important}
body.zdn-theme .zd-delivery-cta h2{font-size:22px!important;color:#202920!important}
body.zdn-theme .zd-delivery-cta p{color:#626960!important}
body.zdn-theme .zd-delivery-cta-btn{background:#2e7d32!important;color:#fff!important;border-radius:4px!important;box-shadow:none!important;padding:12px 18px!important;font-size:15px!important;margin-top:16px!important}
body.zdn-theme .zd-info-box{text-align:left!important}
body.zdn-theme .zd-info-box-icon{background:none!important;box-shadow:none!important;width:28px!important;height:28px!important;margin:0 0 12px!important;color:#2e7d32!important}
body.zdn-theme .zd-info-box-icon svg{stroke:#2e7d32!important;width:24px!important;height:24px!important}
body.zdn-theme .zd-payment-option-icon{background:#fff!important;border-radius:0!important;box-shadow:none!important}
body.zdn-theme :is(.zd-payment-option-icon,.zd-delivery-option-icon) img{width:56px;height:32px;object-fit:contain}
body.zdn-theme :is(.zd-contact-stats,.zd-why-contact){display:none!important}
body.zdn-theme .zd-contact-card-icon{background:#f5f7ef!important;border-radius:4px!important;box-shadow:none!important;color:#2e7d32!important}
body.zdn-theme .zd-contact-card.highlight{border-color:#b6c8ac!important}
body.zdn-theme .zd-contact-form :is(input,textarea,select){font-size:16px!important;border:1px solid #b8c2b1!important;border-radius:4px!important;box-shadow:none!important}
body.zdn-theme .zd-hero-chips{display:none!important}
body.zdn-theme :is(.zd-mk-card,.zd-mk-order-card){box-shadow:none!important;border-radius:6px!important}
body.zdn-theme main.site-main.zd-page{padding:0!important;min-height:60vh!important}
body.zdn-theme .zd-mk-auth-card{border:1px solid #e3e6df!important;border-radius:6px!important;padding:24px!important;box-shadow:none!important;background:#fff!important}
body.zdn-theme .zd-mk-auth-card form.login{border:0!important;padding:0!important;margin:24px 0 0!important;box-shadow:none!important}
body.zdn-theme .zd-mk-auth-card .input-text{border:1px solid #b8c2b1!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important;min-height:46px;font-size:16px!important}
body.zdn-theme .zd-mk-auth-card button[type=submit]{border-radius:4px!important;background:#2e7d32!important;color:#fff!important;box-shadow:none!important;font-size:16px!important}
body.zdn-theme .zd-product-page .variations_form .woocommerce-variation-add-to-cart{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}
body.zdn-theme .zd-product-page .variations_form .quantity{flex:0 0 76px!important;margin:0!important}
body.zdn-theme .zd-product-page .variations_form input.qty{width:76px!important;height:48px!important;border:1px solid #b8c2b1!important;border-radius:4px!important;text-align:center;font-size:16px!important;background:#fff!important}
body.zdn-theme .zd-product-page .variations_form .single_add_to_cart_button{flex:1!important;min-height:48px!important;padding:12px!important;background:#2e7d32!important;color:#fff!important;border-radius:4px!important;box-shadow:none!important;font-size:16px!important}
body.zdn-theme .zd-product-page .variations_form .single_add_to_cart_button.disabled{opacity:.5!important}
body.zdn-theme .zd-product-page .variations_form select{min-height:46px;border:1px solid #b8c2b1;border-radius:4px;background:#fff;font-size:16px;padding:8px;max-width:100%}
body.zdn-theme.woocommerce-checkout #zd_place_order{background:#2e7d32!important;border-radius:4px!important;box-shadow:none!important;font-size:16px!important;min-height:48px!important;transform:none!important}
body.zdn-theme .zd-checkout-microcopy{background:transparent!important;border:0!important;box-shadow:none!important;color:#626960!important;font-size:13px!important;padding:12px 0!important}
body.zdn-theme ul.products li.product .star-rating{display:block!important;color:#c28926!important;margin:8px 0!important}
body.zdn-theme .zd-marki-hero .zd-container{padding:0!important}
body.zdn-theme .zd-marki-hero h1{text-align:left!important}
body.zdn-theme .zd-marki-page>.zd-container{max-width:none!important;padding:0 32px 48px!important}
body.zdn-theme .zd-marki-alphabet{position:static!important;background:#fff!important;box-shadow:none!important;border-block:1px solid #e3e6df!important;margin:0 32px 24px!important}
body.zdn-theme .zd-marki-letter-link{border-radius:3px!important;box-shadow:none!important;background:#f5f7ef!important;color:#2e7d32!important}
body.zdn-theme .zd-marki-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
body.zdn-theme .zd-marki-card{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:145px!important;background:#fff!important;border:1px solid #e3e6df!important;border-radius:6px!important;box-shadow:none!important;transform:none!important;padding:22px!important;text-align:center!important}
.zd-marki-card strong{font-size:20px;font-weight:500;overflow-wrap:anywhere}.zd-marki-card span{font-size:12px;color:#626960}.zd-marki-card img{width:130px;height:66px;object-fit:contain}.zdn-brand-search{display:block;max-width:500px;font-size:14px;margin-top:24px}.zdn-brand-search input{display:block;width:100%;margin-top:8px;min-height:46px;border:1px solid #b8c2b1;border-radius:4px;padding:12px;font-size:16px}
body.zdn-theme .zd-marki-page [hidden]{display:none!important}
body.zdn-theme .zd-marki-letter{font:600 24px var(--zd-font-body)!important;color:#202920!important}
@media(max-width:900px){body.zdn-theme .zd-product-hero{gap:28px!important}body.zdn-theme .zd-marki-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){
body.zdn-theme .zd-header-icons>a[title="Moje konto"]{display:none!important}
body.zdn-theme .zd-header-icons{gap:2px!important}
body.zdn-theme .zd-header-icons .zd-header-icon{width:38px!important;min-width:38px!important}
body.zdn-theme .zdn-reviews .comment-text>.meta{order:-1}
.zdn-logo-symbol{width:30px!important;height:28px!important;margin-right:4px}body.zdn-theme .zd-logo-text{font-size:25px!important}
body.zdn-theme .zd-main-header{padding:12px 16px!important;gap:10px!important}
body.zdn-theme .zd-product-page{padding:0 20px 32px!important}
body.zdn-theme .zd-product-hero{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;margin-bottom:32px!important}
body.zdn-theme .zd-gallery-main{height:280px!important;padding:24px!important}
body.zdn-theme .zd-product-title{font-size:24px!important}
body.zdn-theme .zd-product-price{font-size:30px!important}
body.zdn-theme .zd-product-gallery{position:static!important}
body.zdn-theme .zd-product-sections{padding:0!important}
body.zdn-theme .zdn-related{margin-top:32px}
body.zdn-theme ul.products,body.zdn-theme #zd-home-v2 ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.zdn-theme ul.products li.product{padding:10px!important}
body.zdn-theme ul.products li.product img{padding:6px!important}
body.zdn-theme ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;min-height:61px!important}
body.zdn-theme ul.products li.product .price{font-size:20px!important}
body.zdn-theme ul.products li.product .button{font-size:13px!important;padding:10px 6px!important}
body.zdn-theme .zdn-reviews-heading{flex-wrap:wrap;gap:12px}
body.zdn-theme .zdn-rating-summary{gap:24px;flex-direction:column}
body.zdn-theme .zdn-rating-bars{width:100%}
body.zdn-theme .zdn-reviews .comment-text{display:flex!important;flex-direction:column;gap:12px}
body.zdn-theme .zdn-reviews .comment-text .meta{flex-direction:row;flex-wrap:wrap}
body.zdn-theme .zdn-reviews .comment-text>.woocommerce-review__published-date{order:1}body.zdn-theme .zdn-reviews .comment-text>.description{order:2}
body.zdn-theme .zdn-reviews #review_form_wrapper{padding:16px!important}
body.zdn-theme .zd-marki-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.zdn-theme .zd-marki-card{padding:14px!important}.zd-marki-card strong{font-size:17px}
body.zdn-theme :is(.zd-page-hero,.zd-delivery-hero,.zd-contact-hero,.zd-legal-hero,.zd-marki-hero,.zd-about-hero){padding:24px 20px!important}
body.zdn-theme :is(.zd-page-container,.zd-delivery-container,.zd-contact-container,.zd-legal-container){padding:0 20px 32px!important}
body.zdn-theme .zd-marki-page>.zd-container{padding:0 20px 32px!important}
body.zdn-theme .zd-marki-alphabet{margin-inline:20px!important}
body.zdn-theme :is(.zd-section-title,.zdn-producer h2,.zdn-related>h2,.zdn-reviews h2){font-size:22px!important}
body.zdn-theme .zdn-filters form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.zdn-theme .zdn-filters form>label:first-of-type{grid-column:1/-1}
body.zdn-theme .zdn-filters :is(input,select){width:100%;max-width:none;min-width:0}
} body.zdn-theme :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){position:relative!important;padding:14px 18px 14px 46px!important;margin:0 0 20px!important;border:1px solid #dce5d6!important;border-left:3px solid #398332!important;border-radius:4px!important;background:#f3f6ee!important;color:#26352b!important;box-shadow:none!important;font-size:14px!important;line-height:1.65!important}
body.zdn-theme :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{position:absolute!important;left:16px!important;top:16px!important;margin:0!important;width:18px!important;line-height:1.5!important}
body.zdn-theme .woocommerce-error{background:#fff4f1!important;border-color:#e9c6bb!important;border-left-color:#b34b33!important;color:#843721!important}
body.zdn-theme .woocommerce-error li{padding:0!important;margin:0!important}
body.zdn-theme .zd-cart-sidebar-content:has(.zd-cart-empty) #zdCartCrossSell{display:none!important} body.woocommerce-cart.zdn-theme .woocommerce-cart-form .shop_table{border:1px solid #dde3d8!important;border-radius:5px!important;border-collapse:separate!important;overflow:hidden}
body.woocommerce-cart.zdn-theme .shop_table :is(td,th){padding:16px!important;border-color:#e4e9df!important;vertical-align:middle}
body.woocommerce-cart.zdn-theme .woocommerce-cart-form .product-name a{color:#28372d!important;font-weight:600;font-size:15px;line-height:1.5}
body.woocommerce-cart.zdn-theme .woocommerce-cart-form input{height:44px!important;border:1px solid #ccd5c5!important;border-radius:4px!important;background:#fff!important;padding:10px!important;font-size:16px!important}
body.woocommerce-cart.zdn-theme .woocommerce-cart-form input.qty{width:76px!important;max-width:100%;text-align:center}
body.woocommerce-cart.zdn-theme .woocommerce :is(button.button,a.button){border-radius:4px!important;box-shadow:none!important;min-height:44px;padding:12px 18px!important;background:#2c792d!important;color:#fff!important;line-height:1.4!important;font-weight:600!important;border:1px solid #2c792d!important}
body.woocommerce-cart.zdn-theme .woocommerce button.button:disabled{background:#f0f2ed!important;border-color:#dce3d6!important;color:#73806d!important;opacity:1!important}
body.woocommerce-cart.zdn-theme .cart_totals{background:#f3f6ee!important;border:1px solid #e1e7db!important;border-radius:5px!important;padding:24px!important;margin-bottom:32px}
body.woocommerce-cart.zdn-theme .cart_totals h2{font-size:24px!important;margin:0 0 20px!important}
body.woocommerce-cart.zdn-theme .cart_totals .shop_table{border:0!important;margin-bottom:12px!important;background:transparent!important}
body.woocommerce-cart.zdn-theme .cart_totals .shop_table td{background:transparent!important}
body.woocommerce-cart.zdn-theme .wc-proceed-to-checkout{padding:8px 0 0!important}
body.woocommerce-cart.zdn-theme .wc-proceed-to-checkout a{margin-bottom:0!important;font-size:16px!important}
@media(max-width:768px){
body.woocommerce-cart.zdn-theme .woocommerce-cart-form .product-name{text-align:left!important}
body.woocommerce-cart.zdn-theme .woocommerce-cart-form .product-name::before{display:none!important}
body.woocommerce-cart.zdn-theme .shop_table tr td{background:#fff!important}
body.woocommerce-cart.zdn-theme .woocommerce-cart-form .actions .coupon{display:flex!important;gap:8px!important;align-items:stretch;margin-bottom:12px}
body.woocommerce-cart.zdn-theme .woocommerce-cart-form .actions .coupon input{width:0!important;flex:1;min-width:0}
body.woocommerce-cart.zdn-theme .woocommerce-cart-form .actions .coupon button{width:auto!important;font-size:13px!important;max-width:46%}
body.woocommerce-cart.zdn-theme .cart_totals{padding:20px!important}
body.woocommerce-cart.zdn-theme .cart_totals h2{font-size:22px!important}
}  body.zdn-theme ul.products li.zdn-product-card.product .zdn-badges{position:absolute;top:10px;left:10px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(100% - 96px);pointer-events:none}
body.zdn-theme ul.products li.zdn-product-card.product .zdn-badges :is(.product-badge,.onsale){position:static!important;top:auto!important;left:auto!important;right:auto!important;margin:0!important;transform:none!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;border-radius:3px!important;box-shadow:none!important;font:500 11px/1.5 var(--zd-font-body,Inter,sans-serif)!important;padding:4px 7px!important;text-transform:none!important;white-space:nowrap} body.zdn-theme ul.products li.zdn-product-card.product .zdn-badges .badge-new{background:#f6df8c!important;color:#4c411c!important;font-weight:600!important}
body.zdn-theme ul.products li.zdn-product-card.product .zdn-badges .onsale{background:#fff0d4!important;color:#785118!important} body.zdn-theme ul.products li.zdn-product-card.product .price{padding-left:0!important;padding-right:0!important}
body.zdn-theme ul.products li.zdn-product-card.product :is(.button,.added_to_cart){width:100%!important;margin:0!important;border-radius:4px!important;font-weight:500!important}
body.zdn-theme ul.products li.zdn-product-card.product .added_to_cart{margin-top:6px!important}
@media(max-width:600px){
body.zdn-theme ul.products li.zdn-product-card.product .zdn-badges :is(.product-badge,.onsale){font-size:10px!important;padding:3px 6px!important}
}  body.zdn-theme ul.products li.zdn-product-card.product .price{margin-top:auto!important} body.zdn-theme ul.products li.zdn-product-card.product :is(.button,.added_to_cart){min-height:44px!important;border:1px solid #2e7d32!important;border-radius:5px!important;gap:6px!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;box-shadow:none!important;transition:background .15s,color .15s,border-color .15s}
body.zdn-theme ul.products li.zdn-product-card.product .button svg{width:17px!important;height:17px!important}
@media(hover:hover){ body.zdn-theme ul.products li.zdn-product-card.product .button:not(.added):hover{background:#245f27!important;border-color:#245f27!important} } body.zdn-theme ul.products li.zdn-product-card.product .button.added{background:#e7f1df!important;color:#244d24!important;border-color:#8cab78!important}
body.zdn-theme ul.products li.zdn-product-card.product .added_to_cart{background:#fff!important;color:#2e7d32!important;border-color:#8cab78!important} body.zdn-theme ul.products li.zdn-product-card.product.outofstock .button{background:#edf0e9!important;color:#65715f!important;border-color:#dce2d6!important;opacity:1!important}
@media(max-width:600px){ body.zdn-theme ul.products li.zdn-product-card.product :is(.button,.added_to_cart){font-size:12px!important;gap:5px!important} } :is(#zd-home-v2,#zd-shop) ul.products li.zdn-product-card .zdn-brand a{color:#2e7d32;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:is(#zd-home-v2,#zd-shop) ul.products li.zdn-product-card .zdn-brand a:hover{color:#245f27} @media(max-width:600px){ body.zdn-theme ul.products li.zdn-product-card.product .zd-qv-btn{top:50px!important;right:6px!important;left:auto!important} } @media(min-width:601px) and (max-width:1000px){ body.zdn-theme ul.products li.zdn-product-card.product .zd-qv-btn{top:54px!important;right:8px!important;left:auto!important} }html.zdn-cart-open,html.zdn-cart-open body{overflow:hidden!important}
body.zdn-theme #zdCartSidebar{height:100dvh!important;inset:0!important;z-index:100100!important}
body.zdn-theme #zdCartSidebar .zd-cart-sidebar-content{width:460px!important;max-width:100%!important;height:min(800px,calc(100dvh - 32px))!important;top:16px!important;right:-480px;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:8px 0 0 8px!important}
body.zdn-theme #zdCartSidebar.open .zd-cart-sidebar-content{right:0!important}
body.zdn-theme #zdCartSidebar .zd-cart-sidebar-header{flex:0 0 auto!important;padding:12px 16px 12px 22px!important;min-height:68px;display:flex!important;align-items:center!important;justify-content:space-between!important}
body.zdn-theme #zdCartSidebar .zd-cart-sidebar-header h3{margin:0!important;font-size:22px!important;line-height:1.3!important}
body.zdn-theme #zdCartSidebar .zd-cart-sidebar-close{position:static!important;flex:0 0 44px!important;width:44px!important;height:44px!important;padding:12px!important;box-shadow:none!important;border:1px solid #dfe4da!important;border-radius:4px!important;color:#344938!important;transform:none!important}
body.zdn-theme #zdCartSidebar .zdn-cart-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
body.zdn-theme #zdCartSidebar #zdCartItems{flex:none!important;overflow:visible!important;padding:0 20px!important;min-height:0!important;max-height:none!important}
body.zdn-theme #zdCartSidebar .zd-free-shipping-bar{padding:12px 20px!important;flex:none!important}
body.zdn-theme #zdCartSidebar .zd-fs-text{font-size:13px!important;line-height:1.5!important;margin-bottom:8px!important;text-align:left!important}
body.zdn-theme #zdCartSidebar .zd-fs-text :is(strong,.zd-fs-success){font-size:13px!important}
body.zdn-theme #zdCartSidebar .zd-fs-note{font-size:12px!important;line-height:1.5!important;margin:7px 0 0!important;text-align:left!important}
body.zdn-theme #zdCartSidebar .zd-fs-track{height:5px!important}
body.zdn-theme #zdCartSidebar .zd-cart-item{display:grid!important;grid-template-columns:64px minmax(0,1fr) 44px!important;gap:12px!important;padding:18px 0!important;margin:0!important;align-items:start!important}
body.zdn-theme #zdCartSidebar .zd-cart-item-image{width:64px!important;height:80px!important;min-width:0!important;margin:0!important;background:#fff!important}
body.zdn-theme #zdCartSidebar .zd-cart-item-image img{width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;border-radius:0!important}
body.zdn-theme #zdCartSidebar .zd-cart-item-details{min-width:0!important}
body.zdn-theme #zdCartSidebar .zd-cart-item-title{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;margin:0 0 10px!important;font-size:14px!important;line-height:1.5!important;overflow-wrap:anywhere}
body.zdn-theme #zdCartSidebar .zd-cart-item-meta{display:flex!important;flex-wrap:wrap!important;gap:8px 12px!important;align-items:center!important}
body.zdn-theme #zdCartSidebar .zd-cart-qty-wrapper{display:flex!important;border:1px solid #dce2d7!important;border-radius:4px!important;background:#fff!important;overflow:hidden;gap:0!important}
body.zdn-theme #zdCartSidebar .zd-cart-qty-btn{width:44px!important;height:44px!important;min-width:44px!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:19px!important;color:#293b2d!important}
body.zdn-theme #zdCartSidebar .zd-cart-item-qty{min-width:30px!important;font-size:14px!important;text-align:center!important;color:#25362a!important}
body.zdn-theme #zdCartSidebar .zd-cart-item-remove{position:static!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;margin:-8px -6px 0 0!important;border-radius:4px!important;font-size:24px!important;color:#677363!important;opacity:1!important}
body.zdn-theme #zdCartSidebar .zd-cart-item-price{font-size:14px!important;white-space:nowrap!important;font-weight:600!important}
body.zdn-theme #zdCartSidebar .zdn-unit-label{font-size:11px;font-weight:400;color:#65715f}
body.zdn-theme #zdCartSidebar button:disabled{opacity:.4!important;cursor:default!important;pointer-events:none!important}
body.zdn-theme #zdCartSidebar #zdCartCrossSell{padding:18px 20px!important;margin:0!important;border-top:0!important;background:#f5f7f0!important}
body.zdn-theme #zdCartSidebar .zd-cs-header{font-size:15px!important;color:#293b2d!important;margin:0 0 12px!important;padding:0!important}
body.zdn-theme #zdCartSidebar .zd-cs-items{gap:12px!important;padding:0 0 8px!important;scrollbar-width:thin!important;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
body.zdn-theme #zdCartSidebar .zd-cs-items::-webkit-scrollbar{display:block!important;height:4px}
body.zdn-theme #zdCartSidebar .zd-cs-item{width:164px!important;min-width:164px!important;max-width:164px!important;align-items:stretch!important;box-sizing:border-box!important;padding:12px!important;border-radius:5px!important;scroll-snap-align:start;box-shadow:none!important}
body.zdn-theme #zdCartSidebar .zd-cs-item-img{width:100%!important;height:82px!important;margin:0 0 10px!important;border-radius:0!important}
body.zdn-theme #zdCartSidebar .zd-cs-item-img img{width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important}
body.zdn-theme #zdCartSidebar .zd-cs-item-info{display:flex!important;flex:1!important;flex-direction:column!important;width:100%!important}
body.zdn-theme #zdCartSidebar .zd-cs-item-name{font-size:13px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;min-height:57px!important;max-height:57px!important;overflow:hidden!important;color:#293b2d!important}
body.zdn-theme #zdCartSidebar .zd-cs-item-bottom{margin-top:12px!important;gap:4px!important}
body.zdn-theme #zdCartSidebar .zd-cs-item-price{font-size:14px!important;color:#293b2d!important}
body.zdn-theme #zdCartSidebar .zd-cs-item-atc{width:44px!important;height:44px!important;min-width:44px!important;border-radius:4px!important;background:#2c792d!important;color:#fff!important;font-size:23px!important;box-shadow:none!important}
body.zdn-theme #zdCartSidebar .zd-cart-sidebar-footer{flex:0 0 auto!important;position:static!important;padding:16px 20px calc(16px + env(safe-area-inset-bottom))!important;margin:0!important}
body.zdn-theme #zdCartSidebar .zd-cart-total{margin:0 0 12px!important;padding:0!important;font-size:15px!important}
body.zdn-theme #zdCartSidebar #zdCartTotal{font-size:24px!important;font-weight:700!important}
body.zdn-theme #zdCartSidebar .zd-cart-btn-checkout{min-height:48px!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.zdn-theme #zdCartSidebar .zd-cart-btn-checkout[aria-disabled=true]{opacity:.5!important;cursor:wait!important}
body.zdn-theme #zdCartSidebar .zd-cart-empty{padding:44px 12px!important;text-align:center!important}
body.zdn-theme #zdCartSidebar .zd-cart-empty-icon{display:block!important;margin:0 auto 16px!important;width:64px!important;height:64px!important;color:#59774e!important}
body.zdn-theme #zdCartSidebar .zd-cart-empty-icon svg{width:64px;height:64px}
body.zdn-theme #zdCartSidebar .zd-cart-empty p{font-size:17px!important;color:#31432f!important;margin:0 0 20px!important}
body.zdn-theme #zdCartSidebar .zd-cart-empty-btn{padding:12px 18px!important;min-height:44px!important;background:#2c792d!important;border-radius:4px!important;font-size:14px!important}
body.zdn-theme #zdCartSidebar .zdn-cart-empty :is(#zdFreeShippingBar,#zdCartCrossSell){display:none!important}
body.zdn-theme #zdCartSidebar .zdn-cart-message{flex:0 0 auto;padding:9px 20px;border-bottom:1px solid #dfe4da;background:#f5f7f0;color:#40583a;font-size:12px;line-height:1.5}
body.zdn-theme #zdCartSidebar .zdn-cart-message[hidden]{display:none!important}
body.zdn-theme #zdCartSidebar .zdn-cart-message.is-success{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body.zdn-theme #zdCartSidebar .zdn-cart-message.is-error{color:#843721;background:#fff4f1}
body.zdn-theme #zdCartSidebar .zdn-cart-message button{border:0;background:transparent;color:inherit;text-decoration:underline;padding:8px 0;display:block;min-height:40px}
body.zdn-theme #zdCartSidebar .zdn-cart-message button[hidden]{display:none}
body.zdn-theme #zdCartSidebar :is(button,a):focus-visible{outline:2px solid #296d2e!important;outline-offset:2px!important}
@media(max-width:600px){body.zdn-theme #zdCartSidebar .zd-cart-sidebar-content{top:0!important;width:100%!important;height:100dvh!important;border-radius:0!important}body.zdn-theme #zdCartSidebar .zd-cart-item{grid-template-columns:56px minmax(0,1fr) 36px!important;gap:10px!important}body.zdn-theme #zdCartSidebar .zd-cart-item-image{width:56px!important;height:72px!important}body.zdn-theme #zdCartSidebar .zd-cart-sidebar-header{padding-left:16px!important}body.zdn-theme #zdCartSidebar #zdCartItems{padding:0 16px!important}body.zdn-theme #zdCartSidebar :is(.zd-free-shipping-bar,#zdCartCrossSell,.zd-cart-sidebar-footer){padding-left:16px!important;padding-right:16px!important}}
@media(prefers-reduced-motion:reduce){body.zdn-theme #zdCartSidebar,body.zdn-theme #zdCartSidebar *{transition:none!important;animation:none!important}}