Розпродаж

<div style="display:none;"> <style> .cyb-sale-week { max-width: 980px; margin: 0 auto; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; } .cyb-hero { margin-bottom: 16px; } .cyb-lead { font-size: 15px; line-height: 1.4; color: #222; margin-bottom: 6px; } .cyb-title { font-size: 26px; font-weight: 900; color: #111; margin-bottom: 4px; } .cyb-sub { color: #666; font-size: 14px; margin-bottom: 12px; }/* Блок акценту для розіграшу (рожева рамка + анімоване сяйво) */ .cyb-promo-box { background: #FFF0F6; border: 1.5px solid #FFCCE5; border-radius: 12px; padding: 10px 14px; margin-top: 10px; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; animation: cyb-glow 3s infinite ease-in-out; }@keyframes cyb-glow { 0% { box-shadow: 0 0 0 0 rgba(255, 46, 157, 0.2); border-color: #FFCCE5; } 50% { box-shadow: 0 0 12px 2px rgba(255, 46, 157, 0.25); border-color: #FF2E9D; } 100% { box-shadow: 0 0 0 0 rgba(255, 46, 157, 0.2); border-color: #FFCCE5; } }/* Анімація розгойдування іконки подарунка */ .cyb-icon-gift { display: inline-block; font-size: 1.2em; vertical-align: middle; animation: cyb-wiggle 3s infinite ease-in-out; }@keyframes cyb-wiggle { 0%, 80%, 100% { transform: rotate(0deg); } 85% { transform: rotate(-12deg); } 90% { transform: rotate(12deg); } 95% { transform: rotate(-6deg); } }/* Посилання з плавно з'являльним підкресленням та темнінням при наведенні */ .cyb-link { color: #FF2E9D; font-weight: 800; text-decoration: none; position: relative; padding-bottom: 2px; transition: color 0.3s ease; } .cyb-link::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 2px; background-color: #d62683; transition: width 0.3s ease; } .cyb-link:hover { color: #d62683; } .cyb-link:hover::after { width: 100%; }.cyb-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }/* Картка товару */ .cyb-product { border: 1px solid #ffcce5; border-radius: 16px; background: #fff; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; flex-direction: column; overflow: hidden; } .cyb-product:hover { border: 1px solid #FF2E9D; box-shadow: 0 10px 20px rgba(255, 46, 157, 0.1); transform: translateY(-4px); }.cyb-imgwrap { position: relative; padding: 15px; overflow: hidden; border-radius: 16px 16px 0 0; } .cyb-img { width: 100%; height: 200px; object-fit: contain; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .cyb-product:hover .cyb-img { transform: scale(1.12); }/* Анімація пульсації бейджа */ @keyframes cyb-pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 46, 157, 0.4); } 70% { transform: scale(1.05); box-shadow: 0 0 0 6px rgba(255, 46, 157, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 46, 157, 0); } } .cyb-badge { position: absolute; top: 15px; left: 15px; background: #FF2E9D; color: #fff; padding: 4px 10px; border-radius: 8px; font-size: 12px; font-weight: 900; z-index: 1; animation: cyb-pulse 2s infinite ease-in-out; }/* Кнопка */ .cyb-btn { display: block; text-align: center; padding: 12px 10px; background: #FF2E9D; color: #fff; border-radius: 999px; text-decoration: none; font-weight: 700; font-size: 14px; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(255, 46, 157, 0.2); } .cyb-btn:hover { background: #d62683; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(255, 46, 157, 0.3); }/* Текстовий блок */ .cyb-body { padding: 0 15px 15px 15px; display: flex; flex-direction: column; flex-grow: 1; } .cyb-name { color: #111; font-weight: 700; font-size: 15px; text-decoration: none; margin-bottom: 8px; min-height: 36px; transition: color 0.3s; } .cyb-name:hover { color: #FF2E9D; } .cyb-price { margin-bottom: 8px; font-size: 14px; color: #666; } .cyb-old { color: #999; text-decoration: line-through; font-size: 13px; margin-right: 6px; } .cyb-new { color: #111; font-size: 18px; font-weight: 900; } .cyb-mini { font-size: 13px; color: #666; margin-bottom: 4px; }/* Ефект сяйва */ .cyb-glow-text { color: #FF2E9D; font-weight: 800; display: inline-block; will-change: background-position; background: linear-gradient(90deg, #FF2E9D 35%, rgba(255, 255, 255, 0.4) 50%, #FF2E9D 65%); background-size: 200% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine-sparkle 4s linear infinite; } @keyframes shine-sparkle { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }@media (max-width: 520px) { .cyb-grid { gap: 10px; } .cyb-img { height: 140px; } .cyb-name { font-size: 13px; } .cyb-btn { font-size: 12px; padding: 8px; } } </style> </div><div class="cyb-sale-week"> <div class="cyb-hero"> <p class="cyb-lead">Безкоштовна доставка від 1000 грн — <a href="https://candy-yarn.ua/delivery-info" class="cyb-link">умови доставки та оплати</a>.</p> <p class="cyb-sub">Обрані позиції з розпродажу.</p> <div class="cyb-grid"> <div class="cyb-product"><a class="cyb-imgwrap" href="https://candy-yarn.ua/candy-yarn-linen-linen-50g-135m-lljana-prjazha-dlja-v-jazannja-21279"> <img class="cyb-img" src="https://candy-yarn.ua/media/catalog/product/cache/5f3418ff69111f3b5be861b7bb6124f8/s/v/sv31_16990_0000_1_20260204_z_apevv8ckjnofda9b.webp" alt="Candy-Yarn Linen / Лінен, 50г/135м лляна пряжа для в'язання" > <span class="cyb-badge">-80%</span> </a><div class="cyb-body"><a class="cyb-name" href="https://candy-yarn.ua/candy-yarn-linen-linen-50g-135m-lljana-prjazha-dlja-v-jazannja-21279" > Candy-Yarn Linen, 50г/135 м </a><div class="cyb-price"> <span class="cyb-old">287,99 грн</span> <span class="cyb-new">57,99 грн</span> </div><div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-end;"><div class="cyb-mini" style="margin-bottom: 22px;"> Економія: <span class="cyb-glow-text">230 грн</span> </div><div class="cyb-cta"> <a class="cyb-btn" href="https://candy-yarn.ua/candy-yarn-linen-linen-50g-135m-lljana-prjazha-dlja-v-jazannja-21279" > Перейти до товару </a> </div></div></div></div> <div class="cyb-product"><a class="cyb-imgwrap" href="https://candy-yarn.ua/rafija-paper-yarn-100-celjuloza-200g-240m-21197"> <img class="cyb-img" src="https://candy-yarn.ua/media/catalog/product/cache/5f3418ff69111f3b5be861b7bb6124f8/p/o/pop31_11508_0000_1_20260205_pipobz3buzhh2yl7.webp" alt="Рафія Paper Yarn, 100% целюлоза 200г/240м" > <span class="cyb-badge">-31%</span> </a><div class="cyb-body"><a class="cyb-name" href="https://candy-yarn.ua/rafija-paper-yarn-100-celjuloza-200g-240m-21197" > Paper Yarn, 200г/240м </a><div class="cyb-price"> <span class="cyb-old">315,99 грн</span> <span class="cyb-new">218,99 грн</span> </div><div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-end;"><div class="cyb-mini" style="margin-bottom: 22px;"> Економія: <span class="cyb-glow-text">97 грн</span> </div><div class="cyb-cta"> <a class="cyb-btn" href="https://candy-yarn.ua/rafija-paper-yarn-100-celjuloza-200g-240m-21197" > Перейти до товару </a> </div></div></div></div>