/* ═══════════════════════════════════════
   HWStore — Vlastní CSS
   Verze: 1.0
═══════════════════════════════════════ */

/* ── Globální font ── */
body,*{font-family:'Poppins',sans-serif!important}

/* ── Barvy eshopu ── */
:root{
  --color-primary:#99C57A!important;
  --color-primary-hover:#0f5885!important;
  --color-secondary:#3c7781!important;
  --color-secondary-hover:#2f5c65!important;
}

/* ── Vyhledávání — tlačítko ── */
button[data-testid="searchBtn"]{background:#99C57A!important;border:none!important;border-radius:12px!important;height:46px!important;width:46px!important;min-width:46px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all 0.2s ease!important;cursor:pointer!important;font-size:0!important;color:transparent!important;line-height:0!important;vertical-align:middle!important}
button[data-testid="searchBtn"]:hover{background:#b6e295!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(153,197,122,0.35)!important}
button[data-testid="searchBtn"]::before{content:""!important;display:inline-block!important;width:20px!important;height:20px!important;min-width:20px!important;background-color:#111!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")!important;-webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-position:center!important;mask-position:center!important}

/* ── Vyhledávání — políčko ── */
input[type="search"]{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:14px!important;height:46px!important;padding:0 16px!important;color:#111827!important;font-size:15px!important;transition:all 0.2s ease!important;line-height:1!important;vertical-align:middle!important}
input[type="search"]:focus{border-color:#99C57A!important;box-shadow:0 0 0 4px rgba(153,197,122,0.18)!important;outline:none!important}
input[type="search"]::placeholder{color:#9ca3af!important}

/* ── Rámečky produktů ── */
.product{border-right:none!important;border-left:none!important}
.p{
    border:none!important;
    border-radius:14px!important;
    background:#ffffff!important;
    padding:12px!important;
    box-shadow:
        0 6px 20px -4px rgba(0,0,0,0.1),
        0 -2px 8px -2px rgba(0,0,0,0.05)!important;
    transition:box-shadow .2s ease!important;
}
.p:hover{
    box-shadow:
        0 10px 28px -4px rgba(0,0,0,0.14),
        0 -2px 10px -2px rgba(0,0,0,0.06)!important;
}

.p .name{
    text-align:left!important;
    color:#1f2937!important;
    font-weight:600!important;
    font-size:16px!important;
}
.p .p-desc{
    text-align:left!important;
    color:#9ca3af!important;
    font-size:12px!important;
}
.p .price strong,.p .price-final strong{
    font-size:30px!important;
    font-weight:800!important;
    color:#111827!important;
}

.p .prices{
    display:flex!important;
    align-items:center!important;
    flex-basis:auto!important;
    width:auto!important;
    flex-grow:0!important;
}
.p .p-bottom > div:has(.prices){
    justify-content:flex-start!important;
}
.p .availability{
    display:inline-flex!important;
    align-items:center!important;
    width:fit-content!important;
    margin-left:14px!important;
    padding:4px 12px!important;
    border-radius:100px!important;
    font-weight:600!important;
    font-size:12px!important;
}
.p .availability:has(span[style*="3c840f"]){background:#e3f5db!important}
.p .availability:has(span[style*="3c840f"]) span{color:#256d1a!important}
.p .availability:has(span[style*="d00000"]){background:#fbe0e0!important}
.p .availability:has(span[style*="d00000"]) span{color:#a3121f!important}

.p .p-bottom .ratings-wrapper{
    display:flex!important;
    justify-content:center!important;
    margin-top:16px!important;
}
.p .p-bottom .ratings-wrapper .p-tools{
    width:70%!important;
    flex:0 0 auto!important;
}
.p .p-bottom .ratings-wrapper .p-tools form{
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
}
.p .p-bottom .ratings-wrapper .add-to-cart-button{
    width:100%!important;
    padding:12px 20px!important;
    background:linear-gradient(135deg, #4a8a30 0%, #7dc55a 100%)!important;
    justify-content:center!important;
}

/* ── Navigační lišta ── */
nav#navigation{border-radius:8px!important;overflow:hidden!important}

/* ── Skrytí vrchní lišty ── */
.top-navigation-contacts,
.top-navigation-menu,
.top-navigation-bar-menu,
.top-navigation-menu-trigger,
.top-nav-button-login{display:none!important}
.top-bar,.top-navigation{display:none!important}

/* ── Nadpis AKČNÍ ZBOŽÍ ── */
.homepage-group-title.homepage-products-heading-1{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    font-weight:800!important;
    color:#99C57A!important;
    font-size:1.8em!important;
    letter-spacing:0.1em!important;
    background:none!important;
    box-shadow:none!important;
    padding:0 0 12px!important;
    border-radius:0!important;
    width:100%!important;
    margin:0 auto 16px!important;
    border-bottom:none!important;
}
.homepage-group-title.homepage-products-heading-1::after{
    content:""!important;
    display:inline-block!important;
    width:52px!important;
    height:52px!important;
    flex-shrink:0!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(100%2C100) rotate(-20) translate(-50%2C-85)'%3E%3Cpath d='M22 28 L88 28 Q108 28 108 48 L108 115 Q108 128 90 140 L55 162 L20 140 Q2 128 2 115 L2 48 Q2 28 22 28 Z' fill='rgba(0%2C0%2C0%2C0.2)' transform='translate(5%2C5)'/%3E%3Cpath d='M55 4 Q82 4 82 26' fill='none' stroke='%231a3a5a' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M22 30 L88 30 Q106 30 106 48 L106 113 Q106 126 88 138 L55 160 L22 138 Q4 126 4 113 L4 48 Q4 30 22 30 Z' fill='%23b52a2a'/%3E%3Cpath d='M18 26 L84 26 Q102 26 102 44 L102 109 Q102 122 84 134 L51 156 L18 134 Q0 122 0 109 L0 44 Q0 26 18 26 Z' fill='%23e03a3a'/%3E%3Ccircle cx='51' cy='20' r='14' fill='none' stroke='%231a3a5a' stroke-width='6'/%3E%3Ccircle cx='51' cy='20' r='7' fill='white'/%3E%3Ccircle cx='51' cy='20' r='3.5' fill='%23e03a3a'/%3E%3Ctext x='51' y='108' text-anchor='middle' font-family='Arial Black%2C Arial%2C sans-serif' font-size='52' font-weight='900' fill='white'%3E%25%3C/text%3E%3C/g%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
}

/* ── Benefity — ikonky ── */
.benefitBanner.position--benefitHomepage,.benefitBanner.position--benefitCategory{display:flex;flex-wrap:wrap;gap:12px;padding:12px;justify-content:center}
.benefitBanner.position--benefitHomepage .benefitBanner__item,.benefitBanner.position--benefitCategory .benefitBanner__item{display:flex;flex-direction:row;align-items:center;gap:16px;flex:1 1 220px;max-width:260px}
.benefitBanner.position--benefitHomepage .benefitBanner__picture,.benefitBanner.position--benefitCategory .benefitBanner__picture{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center}
.benefitBanner.position--benefitHomepage .benefitBanner__img,.benefitBanner.position--benefitCategory .benefitBanner__img{width:72px!important;height:72px!important;object-fit:contain}
.benefitBanner.position--benefitHomepage .benefitBanner__title,.benefitBanner.position--benefitCategory .benefitBanner__title{font-size:14px;display:block;margin-bottom:4px;color:#99C57A}
.benefitBanner.position--benefitHomepage .benefitBanner__data,.benefitBanner.position--benefitCategory .benefitBanner__data{font-size:12px;line-height:1.4}
@media(max-width:600px){
  .benefitBanner.position--benefitHomepage .benefitBanner__item,.benefitBanner.position--benefitCategory .benefitBanner__item{flex:1 1 100%;max-width:100%}
  .benefitBanner.position--benefitHomepage .benefitBanner__picture,.benefitBanner.position--benefitCategory .benefitBanner__picture{width:48px;height:48px}
  .benefitBanner.position--benefitHomepage .benefitBanner__img,.benefitBanner.position--benefitCategory .benefitBanner__img{width:48px!important;height:48px!important}
}

/* ── Tlačítko Do košíku ── */
.add-to-cart-button{background:#5a9a40!important;color:#fff!important;border:none!important;border-radius:100px!important;font-weight:700!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:0.05em!important;padding:10px 24px!important;box-shadow:0 4px 14px rgba(90,154,64,0.4)!important;transition:all 0.2s ease!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:8px!important}
.add-to-cart-button:hover{background:#4a8a30!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 6px 18px rgba(90,154,64,0.5)!important}
.add-to-cart-button::before,.add-to-cart-button::after{display:none!important;content:none!important}

/* ── Counter množství ── */
.quantity{display:inline-flex!important;align-items:center!important;border:2px solid #99C57A!important;border-radius:100px!important;overflow:hidden!important;background:#fff!important}
.quantity .amount{border:none!important;border-radius:0!important;text-align:center!important;width:48px!important;font-weight:600!important;font-size:14px!important;padding:8px 0!important;background:transparent!important;-moz-appearance:textfield!important}
.quantity .amount::-webkit-outer-spin-button,.quantity .amount::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}
.quantity .increase,.quantity .decrease{background:transparent!important;border:none!important;border-radius:0!important;width:36px!important;font-size:18px!important;font-weight:700!important;color:#5a9a40!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;transition:background 0.15s!important}
.quantity .increase:hover{background:rgba(153,197,122,0.15)!important;border-radius:0 100px 100px 0!important}
.quantity .decrease:hover{background:rgba(153,197,122,0.15)!important;border-radius:100px 0 0 100px!important}
.quantity:hover .increase:not(:hover),.quantity:hover .decrease:not(:hover){background:transparent!important}

/* ── Cookies lišta ── */
.siteCookies{background:transparent!important;box-shadow:none!important;border:none!important;padding:16px 24px!important}
.siteCookies--scrolled{border-radius:0!important}
.siteCookies--dark .siteCookies__form,
.siteCookies__form{background:#fff!important;border:2px solid #99C57A!important;border-radius:16px!important;box-shadow:0 12px 30px -12px rgba(0,0,0,0.25)!important;display:flex!important;align-items:center!important;gap:20px!important;flex-wrap:wrap!important;max-width:1200px!important;margin:0 auto!important;padding:16px 22px!important;animation:hwCookieShake 6s ease-in-out infinite!important}

@keyframes hwCookieShake{
  0%,90%,100%{transform:translateX(0) rotate(0)}
  91%{transform:translateX(-6px) rotate(-1.5deg)}
  92%{transform:translateX(6px) rotate(1.5deg)}
  93%{transform:translateX(-5px) rotate(-1deg)}
  94%{transform:translateX(5px) rotate(1deg)}
  95%{transform:translateX(-3px) rotate(-0.5deg)}
  96%{transform:translateX(3px) rotate(0.5deg)}
  97%{transform:translateX(-1px) rotate(0)}
}
@media(prefers-reduced-motion:reduce){
  .siteCookies__form{animation:none!important}
}
.siteCookies__content{display:flex!important;align-items:center!important;gap:16px!important;flex:1!important}
.siteCookies__content::before{content:"🍪"!important;font-size:42px!important;line-height:1!important;flex-shrink:0!important}
.siteCookies__text{font-size:12px!important;color:#6b7280!important;line-height:1.6!important}
.siteCookies__text::before{content:"Používáme cookies"!important;display:block!important;font-size:14px!important;font-weight:600!important;color:#1f2937!important;margin-bottom:4px!important}
.siteCookies__text a{color:#5a9a40!important;text-decoration:underline!important}
.siteCookies__links{margin:4px 0 0!important}
.siteCookies__link{font-size:11px!important;color:#9ca3af!important;background:transparent!important;border:none!important;cursor:pointer!important;text-decoration:underline!important;padding:0!important}
.siteCookies__link:hover{color:#5a9a40!important}
.siteCookies__buttonWrap{display:flex!important;gap:8px!important;flex-direction:column!important;flex-shrink:0!important}
.siteCookies__button{font-size:12px!important;font-weight:700!important;padding:9px 22px!important;border-radius:100px!important;cursor:pointer!important;border:none!important;transition:all 0.2s ease!important;white-space:nowrap!important}
.siteCookies__button[value="reject"]{background:#f3f4f6!important;color:#6b7280!important}
.siteCookies__button[value="reject"]:hover{background:#e5e7eb!important}
.siteCookies__button[value="all"]{background:#5a9a40!important;color:#fff!important;box-shadow:0 4px 12px rgba(90,154,64,0.3)!important}
.siteCookies__button[value="all"]:hover{background:#4a8a30!important;transform:translateY(-1px)!important}

/* ── Zápatí ── */
footer#footer{padding-top:48px!important}
.custom-footer{display:none!important}

.footer-rows{
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1.4fr 1fr 1fr 1fr!important;
    gap:20px!important;
    background:
        linear-gradient(125deg, rgba(153,197,122,0.20) 0%, rgba(190,225,170,0.14) 45%, rgba(60,119,129,0.17) 100%),
        rgba(255,255,255,0.72)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
    border:1px solid rgba(255,255,255,0.8)!important;
    border-radius:20px!important;
    padding:30px 28px!important;
    box-shadow:0 10px 30px -18px rgba(60,90,60,0.2)!important;
}
@media(max-width:720px){
    .footer-rows{grid-template-columns:1fr 1fr!important}
}

.hw-footer-brand{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    grid-column:1!important;grid-row:1!important;
    width:100%!important;max-width:none!important;height:auto!important;
    margin:0!important;padding:0!important;position:static!important;top:auto!important;left:auto!important;
    align-self:start!important;justify-self:stretch!important;float:none!important;
}
.hw-footer-brand img{height:32px!important;width:auto!important;max-width:none!important;margin:0 0 14px!important}

.hw-footer-col{grid-row:1!important}

.hw-footer-line{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;color:#6b7280!important;line-height:1.7!important}
.hw-footer-line svg{width:16px!important;height:16px!important;flex-shrink:0!important;color:#5a9a40!important}
.hw-footer-line a{color:#6b7280!important;text-decoration:none!important}
.hw-footer-line a:hover{color:#5a9a40!important;text-decoration:underline!important}

.hw-footer-col h4{font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#5a9a40!important;margin:0 0 14px!important}
.hw-footer-col ul{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:10px!important}
.hw-footer-col li{display:flex!important;align-items:center!important;gap:9px!important}
.hw-footer-col li::before{content:""!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#5a9a40!important;flex-shrink:0!important;opacity:.85!important}
.hw-footer-col a{font-size:14px!important;color:#6b7280!important;text-decoration:none!important;transition:color .15s ease!important}
.hw-footer-col a:hover{color:#5a9a40!important;text-decoration:underline!important}

.hw-footer-social{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.hw-footer-social-icons{display:flex!important;flex-direction:row!important;gap:12px!important}
.hw-fb-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:50px!important;height:50px!important;border-radius:50%!important;background:#99C57A!important;color:#12240a!important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease!important;box-shadow:0 4px 14px rgba(153,197,122,0.35)!important}
.hw-fb-link svg{width:24px!important;height:24px!important;transition:fill .2s ease,stroke .2s ease!important}
.hw-fb-link:hover{background:#3c7781!important;transform:scale(1.08)!important;box-shadow:0 6px 20px rgba(60,119,129,0.4)!important}
.hw-fb-link:not(.hw-ig-link) svg{fill:currentColor!important}
.hw-fb-link:not(.hw-ig-link):hover svg{fill:#fff!important}
.hw-ig-link svg{fill:none!important;stroke:currentColor!important}
.hw-ig-link:hover svg{stroke:#fff!important}
.hw-ig-link{cursor:default!important;opacity:.85!important}
.hw-footer-col a.hw-fb-link{color:#12240a!important}
.hw-footer-col a.hw-fb-link:hover{color:#fff!important}

.footer-bottom{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:8px 20px!important;margin:16px auto 0!important;padding:16px 0 24px!important;border-top:1px solid #e5e7eb!important;font-size:12px!important;color:#9ca3af!important}
.footer-bottom a{color:#9ca3af!important}
.footer-bottom .title{opacity:.75!important}