.shop-left-menu-layout { position: relative; } .shop-left-menu-item--has-mega { position: relative; } .shop-left-menu-item--has-mega > a { position: relative; padding-right: 30px; transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease; } .shop-left-menu-item--has-mega > a::after { content: ""; position: absolute; top: 50%; right: 13px; width: 8px; height: 8px; border-top: 2px solid #2d5730; border-right: 2px solid #2d5730; transform: translateY(-50%) rotate(45deg); opacity: 0; transition: opacity 0.18s ease; } .shop-left-menu-item--active > a, .shop-left-menu-item--has-mega:hover > a { background: #edf5ea !important; color: #1f4725 !important; box-shadow: inset 4px 0 0 #2f6d35; } .shop-left-menu-item--active > a::after, .shop-left-menu-item--has-mega:hover > a::after { opacity: 1; } .shop-left-mega-wrap { position: absolute; top: 0; left: calc(100% + 18px); width: min(920px, calc(100vw - 360px)); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(10px); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease; z-index: 30; } .shop-left-menu-layout--mega-open > .shop-left-mega-wrap { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .shop-left-mega-panel { display: none; min-height: 100%; background: #fbfbfa; border: 1px solid #dfe5db; border-radius: 18px; box-shadow: 0 24px 48px rgba(22, 39, 26, 0.16); overflow: hidden; } .shop-left-mega-panel--active { display: flex; } .shop-left-mega-featured { width: 255px; padding: 28px 22px; background: #f3f7f0; border-right: 1px solid #dfe5db; } .shop-left-mega-featured-kicker { margin: 0 0 18px; color: #2e5f32; font-size: 17px; font-weight: 700; } .shop-left-mega-featured-card { display: flex; flex-direction: column; gap: 16px; height: 100%; padding: 18px; background: #fff; border: 1px solid #b9cfb6; border-radius: 16px; } .shop-left-mega-featured-title { margin: 0; color: #1f3f23; font-size: 21px; line-height: 1.2; } .shop-left-mega-featured-media { display: flex; align-items: center; justify-content: center; min-height: 168px; text-decoration: none; } .shop-left-mega-featured-media img { max-width: 100%; max-height: 188px; object-fit: contain; } .shop-left-mega-featured-text { margin: 0; color: #474b47; font-size: 15px; line-height: 1.55; } .shop-left-mega-featured-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin-top: auto; padding: 0 18px; background: #4e8739; color: #fff; border-radius: 12px; font-size: 17px; font-weight: 700; text-decoration: none; } .shop-left-mega-main { flex: 1 1 auto; padding: 28px 28px 22px; } .shop-left-mega-header { max-width: 670px; } .shop-left-mega-title { margin: 0 0 12px; color: #254c2a; font-size: 20px; font-weight: 800; letter-spacing: 0.03em; } .shop-left-mega-copy { margin: 0; color: #2f302f; font-size: 16px; line-height: 1.6; } .shop-left-mega-divider { height: 1px; margin: 20px 0 18px; background: #e1e6de; } .shop-left-mega-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .shop-left-mega-card { display: flex; flex-direction: column; min-height: 198px; background: #fff; border: 1px solid #d8ddd7; border-radius: 14px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 20px rgba(24, 37, 27, 0.05); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; } .shop-left-mega-card:hover { transform: translateY(-3px); border-color: #bfd0bc; box-shadow: 0 16px 28px rgba(24, 37, 27, 0.12); } .shop-left-mega-card-label { display: block; padding: 10px 14px; background: #3f6f3c; color: #fff; font-size: 17px; font-weight: 700; letter-spacing: 0.02em; } .shop-left-mega-card-media { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; min-height: 118px; padding: 14px 14px 10px; } .shop-left-mega-card-media img { max-width: 100%; max-height: 106px; object-fit: contain; } .shop-left-mega-card-dims { display: block; padding: 0 14px 14px; color: #616761; font-size: 13px; font-weight: 600; letter-spacing: 0.03em; } .shop-left-mega-links { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 20px; } .shop-left-mega-links a { position: relative; padding-left: 16px; color: #2d5730; font-size: 15px; font-weight: 600; text-decoration: none; } .shop-left-mega-links a::before { content: ""; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; border-top: 2px solid #4e8739; border-right: 2px solid #4e8739; transform: translateY(-50%) rotate(45deg); } .shop-left-mega-links a:hover { color: #1f3f23; } @media (max-width: 1400px) { .shop-left-mega-wrap { width: min(860px, calc(100vw - 340px)); } .shop-left-mega-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
Spalensky.com - největší obchod dřevěných lišt
× Upozornění: Doprava zdarma u objednávek nad 2200 Kč (zásilka do max. hmotnosti 30 kg).

P 4014

 
We use cookies for the proper functioning of our website and its functions. With the help of cookies, we also, for example, remember your preferred language, increase the relevance of the displayed ads for you, calculate the number of visits to the site and remember your settings made on the site.