/* Glowbe styles v1 */ :root{ --g1:#f8acae; --g2:#be89bd; --g3:#937fbe; --card-radius:18px; } /* Poppins – nechaj link v (nižšie) */ html,body,h1,h2,h3,h4,h5,h6,p,a,span,div,button,input,textarea,select{ font-family:'Poppins',Arial,sans-serif!important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } h1,h2,h3,h4,h5,h6{ text-transform:uppercase!important; letter-spacing:1px; font-weight:700; } /* Skry duplicitu H1 na detaile článku (Shoptet) */ h1[itemprop="headline"][data-testid="textArticleTitle"]{ position:absolute!important; width:1px;height:1px;margin:-1px;padding:0;border:0; clip:rect(0 0 0 0); clip-path:inset(50%); overflow:hidden; white-space:nowrap; } /* ===== BLOG GRID ===== */ .blog-articles,.articles-list,.blog-listing,.js-blog-articles{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px!important; list-style:none; padding:0!important; margin:0!important; } /* Karta */ .blog-articles>li,.articles-list>li,.articles-list>article,.blog-listing>article,.blog-articles .article-box{ background:#fff; border-radius:var(--card-radius); overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,.08); display:flex; flex-direction:column; transition:transform .18s, box-shadow .18s; } .blog-articles>li:hover,.articles-list>article:hover,.blog-listing>article:hover,.blog-articles .article-box:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.12); } /* Obrázok v karte */ .blog-articles img,.articles-list img,.blog-listing img{ width:100%; height:200px; object-fit:cover; display:block; } .article-image,.article__image,.image,.article-img{ display:block; } .gp-card-body{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:10px; } .gp-card-title,.blog-articles h2,.article-name,.article-title{ font-weight:900; text-transform:uppercase; letter-spacing:.4px; font-size:19px; line-height:1.3; margin:0; font-family:'Poppins',Arial,sans-serif; } .gp-card-title a,.blog-articles h2 a,.article-name a{ color:#111; text-decoration:none; } .gp-card-perex,.perex,.article-perex,.description{ color:#444; font-size:15.5px; line-height:1.6; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:3.9em; } /* "Čítať viac" */ .gp-more{ align-self:flex-start; margin-top:8px; background:linear-gradient(115deg,var(--g1) 0%,var(--g2) 60%,var(--g3) 100%); color:#fff; text-decoration:none; font-weight:800; letter-spacing:.3px; padding:10px 14px; border-radius:999px; box-shadow:0 6px 14px rgba(0,0,0,.09); transition:transform .18s, box-shadow .18s, opacity .18s; font-size:13.5px; } .gp-more:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(0,0,0,.12); opacity:.98; } /* Alternatívny výpis (#newsWrapper) */ #newsWrapper{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; align-items:stretch; margin-top:16px; } #newsWrapper .news-item{ background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 6px 16px rgba(0,0,0,.08); display:flex; flex-direction:column; } #newsWrapper .news-item .image{ width:100%; aspect-ratio:16/9; overflow:hidden; background:#f5f5f7; } #newsWrapper .news-item .image img{ width:100%; height:100%; object-fit:cover; display:block; } #newsWrapper .news-item .text{ padding:16px 18px 20px; } #newsWrapper .news-item .title{ display:block; font:900 18px/1.3 'Poppins',Arial,sans-serif; color:#111; margin:0 0 8px; text-decoration:none; } #newsWrapper .news-item .title:hover{ text-decoration:underline; } #newsWrapper .news-item .description{ color:#333; font-size:14.5px; line-height:1.6; } #newsWrapper .news-item .description p{ margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .listingControls{ display:none!important; } /* Responzívne drobnosti */ @media (max-width:480px){ .blog-articles img,.articles-list img,.blog-listing img{ height:180px; } .gp-card-title{ font-size:17px; } } @media (max-width:640px){ #newsWrapper{ grid-template-columns:1fr; gap:16px; } #newsWrapper .news-item .title{ font-size:16px; } } /* ===== PRODUKTY ===== */ button.btn-cart.add-to-cart-button{ background:linear-gradient(90deg,#f8acae 0%,#be89bd 100%)!important; color:#fff!important; font-family:'Poppins',Arial,sans-serif!important; font-weight:700!important; font-size:14px!important; letter-spacing:1px!important; text-transform:uppercase!important; border:none!important; border-radius:40px!important; padding:10px 28px!important; cursor:pointer!important; transition:all .3s ease!important; box-shadow:none!important; line-height:1.2!important; } button.btn-cart.add-to-cart-button:hover{ background:linear-gradient(90deg,#be89bd 0%,#937fbe 100%)!important; transform:scale(1.04); box-shadow:0 4px 12px rgba(190,137,189,.3); } [data-testid="productCardName"],span[data-micro="name"]{ font-family:'Poppins',Arial,sans-serif!important; text-transform:uppercase!important; color:#000!important; font-weight:700!important; letter-spacing:.5px!important; } .flag.flag-discount{ background:radial-gradient(circle at 30% 30%,#f8acae 0%,#be89bd 60%,#937fbe 100%)!important; color:#fff!important; font-family:'Poppins',Arial,sans-serif!important; font-weight:700!important; text-transform:uppercase!important; box-shadow:0 4px 15px rgba(147,127,190,.4); border:none!important; transition:all .3s ease-in-out; } .flag.flag-discount:hover{ transform:scale(1.05); box-shadow:0 6px 18px rgba(147,127,190,.5); background:radial-gradient(circle at 70% 70%,#f8acae 0%,#be89bd 50%,#937fbe 100%)!important; } .product,.product-item{ transition:transform .4s ease, box-shadow .4s ease!important; position:relative!important; z-index:1; } .product:hover,.product-item:hover{ transform:scale(1.03); box-shadow:0 10px 25px rgba(190,137,189,.25); z-index:5; } .product:hover .flag.flag-discount,.product-item:hover .flag.flag-discount{ opacity:1!important; visibility:visible!important; transform:scale(1)!important; transition:all .3s ease; } .product:hover img,.product-item:hover img{ filter:brightness(.95); transition:filter .4s ease; } /* ===== FOOTER ===== */ #footer{ background:linear-gradient(135deg,#937fbe 0%,#be89bd 50%,#f8acae 100%)!important; font-family:'Poppins',Arial,sans-serif!important; color:#fff!important; padding-top:50px!important; padding-bottom:40px!important; } #footer h4,#footer h3,#footer h2{ color:#fff!important; font-weight:700!important; text-transform:uppercase!important; font-size:16px!important; margin-bottom:15px!important; letter-spacing:.5px; } #footer li,#footer p,#footer span{ color:#fff!important; font-size:14px!important; line-height:1.8!important; } #footer a{ color:#f9ebe8!important; text-decoration:none!important; transition:all .3s ease!important; } #footer a:hover{ color:#fff!important; text-decoration:underline!important; } #footer img{ filter:brightness(0) invert(1); opacity:.9; transition:opacity .3s ease; } #footer img:hover{ opacity:1; } #footer .footer-bottom,#footer .footer-copyright{ border-top:1px solid rgba(255,255,255,.2)!important; margin-top:30px!important; padding-top:20px!important; color:#f9ebe8!important; text-align:center!important; font-size:13px!important; }