Robot kuchenny COBBO 7 Smart-i

@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; } @keyframes colorChange1 { 0%, 33% { color: #FF4900; } 100%, 34% { color: #a9a9a9; } } @keyframes colorChange2 { 0%, 33% { color: #a9a9a9; } 34%, 66% { color: #FF4900; } 100%, 67% { color: #a9a9a9; } } @keyframes colorChange3 { 0%, 66% { color: #a9a9a9; } 100%, 67% { color: #FF4900; } } @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; } .product-opinions { padding: 40px !important; /* Adjust as needed */ max-width: 1200px !important; margin: 0 auto !important; } #pagination div { width: 16px; height: 4px; border-radius: 5px; background-color: #e6e6e6; transition: background-color 0.3s ease; } #tytul-czarny-center { font-family: "SF Pro Display", sans-serif; font-size: 60px; font-weight: 700; word-wrap: break-word; line-height: 1; text-align: center; margin-top: 50px; color: #000; } #tytul-czarny-left { font-family: "SF Pro Display", sans-serif; font-size: 3.75em; font-weight: 700; word-wrap: break-word; line-height: 1; text-align: left; margin-top: 50px; color: #000; } #tytul-bialy-center { font-family: "SF Pro Display", sans-serif; font-size: 3.75em; font-weight: 700; word-wrap: break-word; line-height: 1; text-align: center; margin-top: 50px; color: #fff; } @media (max-width: 768px) { @keyframes slide { 0% { transform: translateX(0); } 100% { transform: translateX(-330%); } } /* Make the icon grid a single column and center everything */ #tuya-icons-grid { display: grid; grid-template-columns: 1fr; /* One icon per row */ row-gap: 20px; /* Space between rows */ justify-items: center; /* Center each icon+text block horizontally */ width: 100%; /* Let it span the container's width */ margin: 0 auto; /* Center the grid if there's extra space */ } /* Scale icons proportionally and center text */ #tuya-icons-grid img { max-width: 70%; /* Adjust as desired (e.g., 50%, 80%, etc.) */ height: auto; margin-bottom: 10px; /* Space under the icon */ display: block; /* Ensure margin works properly */ } #tuya-icons-grid p { text-align: center; /* Center-align the text below each icon */ margin: 0; font-family: "SF Pro Display", sans-serif; font-size: 20px; font-weight: 500; } /* Change the multi-grid container to a 2-column grid */ #multi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; /* space between items */ justify-items: center; /* center each item horizontally */ align-items: center; width: 100%; margin: 0 auto; } /* Scale down icons and center them */ #multi-grid img { max-width: 80%; /* adjust this value as needed */ height: auto; display: block; margin: 0 auto; } /* Center text below each icon */ #multi-grid span { display: block; text-align: center; margin-top: 5px; font-family: "SF Pro Display", sans-serif; font-size: 20px; font-weight: 500; } #intro-text1 { max-width: 90%; margin: 0 auto; /* Centers the text block if parent is wider */ font-family: "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif; font-weight: 600; font-size: 24px; line-height: 28px; color: #6e6e6e; /* Approx.
rgb(110, 110, 110) */ } #app-box-main-container { wi