Zestaw: Odkurzacz pionowy COBBO G7 PRO + końcówka mopująca

Opis produktu

#cobbo-product-module { display: flex; justify-content: center; padding: 40px 0; font-family: Arial, sans-serif; } #cobbo-selector { display: flex; gap: 12px; justify-content: center; text-align: center; } /* KARTA PRODUKTU */ #card1, #card2, #card3 { cursor: pointer; } #box1, #box2, #box3 { border: 2px solid #ddd; border-radius: 6px; padding: 8px; background: #fff; width: 120px; box-sizing: border-box; } /* Aktywna karta */ #card1.active #box1, #card2.active #box2, #card3.active #box3 { border-color: #ddd; } #img1, #img2, #img3 { max-width: 100%; display: block; margin: 0 auto 6px; } #name1, #name2, #name3 { margin-top: 6px; font-size: 13px; font-weight: 600; } #price1, #price2, #price3 { font-size: 12px; margin-bottom: 6px; } #btn1, #btn2, #btn3 { display: inline-block; padding: 4px 10px; font-size: 11px; text-decoration: none; background: #FFD500; color: #fff; border-radius: 4px; font-weight: 600; } #btn1:hover, #btn2:hover, #btn3:hover { opacity: 0.9; } @import url(https://v1.fontapi.ir/css/SFProDisplay); @font-face { font-family: NType82R; src: url(https://cobbo.pl/upload/cobbo/fonts/NType82-Regular.otf) format("opentype"); font-weight: 400; font-style: normal; } @font-face { font-family: NType82RMR; src: url(https://cobbo.pl/upload/cobbo/fonts/NType82Mono-Regular.otf) format("opentype"); font-weight: 400; font-style: normal; }.product-opinions { padding: 40px !important; /* Adjust as needed */ max-width: 1200px !important;margin: 0 auto !important;} #gradient-text { background: linear-gradient( 45deg, rgba(27, 162, 220, 1), rgba(164, 177, 219, 1), rgba(188, 114, 173, 1) ); background-size: 200%; background-clip: text; -webkit-background-clip: text; color: transparent; animation: colorChange1 5s infinite; } @keyframes colorChange1 { 0%, 33% { background: linear-gradient( 90deg, #00aaff 0%, /* Bright, saturated blue */ #6b5bd6 40%, /* Bold lavender-violet */ #e074d7 75%, /* Rich magenta-pink */ #ff39bd 100% /* Hot pink */ ); background-size: 300% 100%; background-position: center; background-clip: text; -webkit-background-clip: text; color: transparent; } 34%, 100% { background: none; color: #a9a9a9; } } @keyframes colorChange2 { 0%, 33% { background: none; color: #a9a9a9; } 34%, 66% { background: linear-gradient( 90deg, #00aaff 0%, /* Bright, saturated blue */ #6b5bd6 40%, /* Bold lavender-violet */ #e074d7 75%, /* Rich magenta-pink */ #ff39bd 100% /* Hot pink */ ); background-size: 300% 100%; background-position: center; background-clip: text; -webkit-background-clip: text; color: transparent; } 67%, 100% { background: none; color: #a9a9a9; } } @keyframes colorChange3 { 0%, 66% { background: none; color: #a9a9a9; } 67%, 100% { background: linear-gradient( 90deg, #00aaff 0%, /* Bright, saturated blue */ #6b5bd6 40%, /* Bold lavender-violet */ #e074d7 75%, /* Rich magenta-pink */ #ff39bd 100% /* Hot pink */ ); background-size: 300% 100%; background-position: center; background-clip: text; -webkit-background-clip: text; color: transparent; } } #line1 { animation: colorChange1 6s infinite; font-weight: bold; font-size: 24px; } #line2 { animation: colorChange2 6s infinite; font-weight: bold; font-size: 24px; } #line3 { animation: colorChange3 6s infinite; font-weight: bold; font-size: 24px; } @keyframes levitate { 0% { transform: translateY(0); } 50% { transform: translateY(-8px); } 100% { transform: translateY(0); } } /* Allow the tab-content to extend the full width of the page */ .product-card.mod-product-card-1 .tab-content { width: 100vw; /* 100% of the viewport width */ margin-left: calc(-50vw + 50%); /* This centers the full-width content */ padding: 20px; /* Add padding to ensure content is readable */ background-color: #fff; /* Optional: To distinguish the description section */ } /* Ensure the .tab-content spans 100% width without affecting product-info */ .product-card.mod-product-card-1 .tab-content .row { max-width: 100%; /* Override any width restrictions */ margin: 0 auto; /* Center the content */ } /* Keep the first col-md-12 (product info, buttons, etc.) intact */ .product-card.mod-product-card-1 .col-md-12:first-of-type { max-width: 1270px; /* Retain the current layout for the first section */ margin: 0 auto; /* Center it like before */ } div[data-tab="product-safety-information"] { margin: 20px !important; /* Adjust as needed */ padding: 40px !important; /* Adjust as needed */ max-width: fit-content; } div[data-tab="product-safety-information"] .tab-content { margin: 35px !important; /* Adjust as needed */ padding: 25px !important; max-width: fit-content; /* Adjust as needed */ } #pagination { display: flex; justify-content: center; /* Center the dots */ gap: 8px; margin-top: 10px; } #pagination div { width: 16px; height: 4px; border-radius: 5px; background-color: #e6