/*
Theme Name: Výprodej Hraček
Description: Moderní katalog hraček a slev
Version: 1.2
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#203a47;--wine:#5b242f;--green:#329a53;--teal:#eaf8f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px Nunito,system-ui,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1440px,calc(100% - 44px));margin-inline:auto}.ribbon{background:#eef9f9;padding:9px 0;font-size:12px}.ribbon-inner{display:flex;justify-content:space-around;gap:12px;font-weight:800}.site-header{background:#fff}.header-main{display:flex;align-items:center;gap:38px;padding:18px 0}.logo{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.logo-bear{font-size:42px}.logo em{font-style:normal;color:#4eac62}.logo small{font-size:14px}.logo-sub{display:block;font-size:9px;letter-spacing:1.5px;color:#748a8e;margin-top:-3px}.search{display:flex;flex:1;max-width:620px;border:1px solid #d8e8e7;border-radius:12px;padding:4px;background:#fff}.search input{flex:1;width:50px;border:0;outline:0;padding:14px;color:var(--ink)}.search button,.btn{background:linear-gradient(115deg,#40ae68,#2d8f4e);color:white;border:0;border-radius:9px;padding:13px 25px;font-weight:900;cursor:pointer}.header-links{display:flex;gap:25px;font-weight:900}.header-links a{display:grid;text-align:center;font-size:20px}.header-links span{font-size:11px}.nav-wrap{background:#f0f9f9;border-top:1px solid #e7f2f2}.nav{display:flex;justify-content:space-around;gap:20px;padding:14px 0;white-space:nowrap;font-size:14px;font-weight:900}.vh-home{padding-top:14px}.vh-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:17px;align-items:start}.vh-side{background:#f2fbfb;border:1px solid #dfedee;border-radius:15px;overflow:hidden}.vh-side h2{background:#dceff0;padding:15px 16px;margin:0;font-size:14px}.vh-side .side-links a{display:flex;gap:12px;padding:13px;border-bottom:1px solid #e1eeee;align-items:center;font-size:13px;font-weight:900}.vh-side a:hover{background:#e0f4f2}.vh-side .side-links a span{font-size:20px}.vh-side .side-links a b{margin-left:auto}.side-note{padding:15px;color:#617d86;font-size:12px}.vh-main{min-width:0}.hero{min-height:360px;border-radius:16px;padding:35px 35px;display:flex;align-items:center;background-size:cover;background-position:center;overflow:hidden}.vh-hero-copy{max-width:52%}.eyebrow{display:inline-block;background:#ffffffe6;border-radius:30px;padding:8px 12px;font-size:12px;font-weight:900;color:#319c58}h1{font-size:clamp(30px,3.4vw,56px);line-height:1.1;letter-spacing:-1.8px;margin:18px 0 16px;color:var(--wine)}h1 span{color:#389c58}.hero p{font-size:16px;max-width:430px;color:#546b74;line-height:1.5}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#f0faf9;border:1px solid #e1eff0;border-radius:12px;margin-top:8px;padding:14px 10px;gap:7px}.benefit{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:900}.bubble{font-size:22px}.section{padding-top:23px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.section-heading h2,.vh-about h2{font-size:23px;letter-spacing:-.5px;margin:0;color:var(--wine)}.section-heading p{margin:4px 0 0;color:#657c87;font-size:12px}.section-heading>a{font-size:12px;color:#138769;font-weight:900}.cats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.cats .cat{display:flex;flex-direction:column;gap:5px;border:1px solid #e8eef0;padding:6px;border-radius:12px;box-shadow:0 4px 12px #163d450c;min-width:0;text-align:center;font-weight:900;font-size:12px;background:#fff}.cats .cat img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.cats .cat span{padding:5px 0 6px}.cats .cat:hover{transform:translateY(-2px)}.vh-day{margin-top:22px;background:#f1faee;border-radius:16px;padding:22px}.vh-savings-placeholder{background:#fff;border:1px solid #e0ece0;border-radius:13px;min-height:150px;display:flex;align-items:center;justify-content:center;gap:20px;padding:22px}.vh-savings-illustration{font-size:65px}.vh-savings-placeholder strong{font-size:19px}.vh-savings-placeholder p{color:#627b80;max-width:550px}.vh-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.vh-mini{border-radius:15px;background:#fff7ea;padding:17px 14px}.vh-mini.pink{background:#fff1f0}.vh-mini .prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pricebox{position:relative;display:flex;flex-direction:column;min-height:193px;background:#fff;border-radius:12px;overflow:hidden;padding:12px 10px}.pricebox .vh-price-text{position:relative;z-index:1}.vh-price-text strong{font-size:13px;display:block}.vh-price-text small{display:inline-block;margin-top:8px;font-size:11px;color:#19884b;background:#ffffffed;border-radius:5px;padding:5px;font-weight:900}.pricebox img{width:75%;height:117px;object-fit:cover;align-self:flex-end;margin-top:auto;border-radius:9px}.ages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.age{background:#fff;border-radius:10px;padding:5px;text-align:center;display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:900;min-width:0}.age img{display:block;width:100%;height:137px;object-fit:cover;border-radius:8px}.age span{padding-bottom:5px;white-space:nowrap}.vh-about{background:#f6fbfa;border-radius:15px;padding:28px;margin:20px 0}.vh-about p{max-width:890px;color:#5e777e;line-height:1.8}.footer{border-top:1px solid #e3eeee;padding:32px 0 16px;background:#f9fcfb}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer .logo{font-size:21px}.footer p,.footer small{color:#617b82}.footer a{display:block;margin:7px 0}.footer-legal{font-size:11px;color:#718d90;border-top:1px solid #e5eeee;margin-top:18px;padding-top:14px}@media(max-width:1100px){.vh-shell{grid-template-columns:205px minmax(0,1fr)}.cats{grid-template-columns:repeat(4,minmax(0,1fr))}.vh-bottom{grid-template-columns:1fr}.hero{min-height:320px}.vh-hero-copy{max-width:60%}}@media(max-width:700px){.wrap{width:calc(100% - 28px)}.ribbon-inner span:nth-child(n+2){display:none}.header-main{flex-wrap:wrap;gap:12px;padding:12px 0}.logo{font-size:20px}.logo-bear{font-size:29px}.header-links{margin-left:auto;gap:12px}.header-links a{font-size:16px}.header-links span{font-size:9px}.search{order:3;flex-basis:100%;max-width:none}.nav{justify-content:flex-start;overflow-x:auto;gap:21px;padding:12px 0}.vh-shell{display:block}.vh-side{margin-bottom:12px}.vh-side .side-links{display:flex;overflow:auto}.vh-side .side-links a{white-space:nowrap;border-bottom:0;border-right:1px solid #e1eeee;padding:9px}.vh-side h2,.side-note{display:none}.hero{min-height:360px;align-items:flex-start;background-position:64% center;padding:20px;background-color:#fff8ef}.vh-hero-copy{max-width:100%}.hero h1{font-size:32px;max-width:325px}.hero p{font-size:13px;max-width:280px}.benefits{grid-template-columns:repeat(2,1fr)}.benefit{justify-content:flex-start}.cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cats .cat{font-size:10px;padding:4px;gap:3px}.section-heading h2{font-size:19px}.vh-day{padding:15px}.vh-savings-placeholder{padding:15px;gap:10px}.vh-savings-illustration{font-size:42px}.vh-mini .prices{gap:6px}.pricebox{min-height:152px;padding:8px}.vh-price-text strong{font-size:11px}.vh-price-text small{font-size:9px}.pricebox img{height:84px;width:90%}.ages{grid-template-columns:repeat(3,1fr)}.age img{height:140px}.footer-grid{grid-template-columns:1fr}.vh-about{padding:18px}}