Robot kuchenny COBBO 7

/* ───────────────────────────────────────────────────────── 1) SECTION WRAPPER: yellow base + semi‐transparent circuit pattern ───────────────────────────────────────────────────────── */ #silnik-bg { width: 100%; position: relative;background-color: #00000d; padding: 4rem 0; /* vertical space around section */ box-sizing: border-box; } #silnik-bg::before { content: ''; position: absolute; inset: 0; background: url('https://cobbo.pl/upload/cobbo/tp7/pattern1.png') repeat; opacity: 0.05; pointer-events: none; /* fade in on both left & right */ mask-image: linear-gradient( to right, rgba(0,0,0,0) 0%, /* transparent at very left */ rgba(0,0,0,1) 20%, /* fade to opaque by 20% */ rgba(0,0,0,1) 80%, /* stay opaque until 80% */ rgba(0,0,0,0) 100% /* fade to transparent at very right */ ); -webkit-mask-image: linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100% );} /* ───────────────────────────────────────────────────────── 2) CONTENT BOX: black background, centered at max-width ───────────────────────────────────────────────────────── *//* remove any mask from the wrapper */#silnik-content { position: relative; max-width: 1200px; margin: 0 auto; padding: 50px;}/* only mask the image itself */#silnik-content img { display: block; width: 100%; /* mask the alpha channel with a radial fade */ mask-image: radial-gradient( circle at center, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100% ); mask-mode: alpha; mask-repeat: no-repeat; mask-size: 100% 100%; /* WebKit prefixes for Safari/older Chrome */ -webkit-mask-image: radial-gradient( circle at center, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100% ); -webkit-mask-mode: alpha; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%;} /* ───────────────────────────────────────────────────────── 4) INNER WRAPPER: padding for all text & feature blocks ───────────────────────────────────────────────────────── */ #silnik-inner { padding: 50px; box-sizing: border-box; color: #fff; background: #000; } /* ───────────────────────────────────────────────────────── 5) FEATURES GRID: 30% icon / 70% text ───────────────────────────────────────────────────────── */ #silnik-features { display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem; } #silnik-feature1, #silnik-feature2, #silnik-feature3 { display: flex; align-items: flex-start; } #silnik-icon1, #silnik-icon2, #silnik-icon3 { flex: 0 0 30%; max-width: 20%; margin-right: 1rem; height: auto; } #silnik-text1, #silnik-text2, #silnik-text3 { flex: 1 1 70%; } /* ───────────────────────────────────────────────────────── 6) MOBILE: stack icon above text ───────────────────────────────────────────────────────── */ @media (max-width: 600px) { #silnik-feature1, #silnik-feature2, #silnik-feature3 { flex-direction: column; } #silnik-icon1, #silnik-icon2, #silnik-icon3 { max-width: 100%; margin-right: 0; margin-bottom: 1rem; } } @media (max-width: 768px) { #tabelap { max-width: 100%; } } @media (min-width: 768px) { #tabelap { max-width: 60%; } } /* General table styling */ #custom-table { width: 100%; border-collapse: collapse; font-family: "SF Pro Display", sans-serif; font-size: 16px; border: 1px solid #e6e6e6; margin: 20px 0; } #custom-table th { background-color: #f9f9f9; text-align: center; padding: 12px; border-bottom: 2px solid #e6e6e6; font-weight: bold; } #custom-table td { padding: 16px; text-align: center; border: 1px solid #e6e6e6; } /* Explicit row background colors for the alternating effect */ #custom-table tr:nth-child(even) { background-color: #f9f9f9; } #custom-table tr:nth-child(odd) { background-color: #ffffff; } /* Styling for feature column */ #feature-column { text-align: left; padding: 16px; font-weight: bold; } /* Styling for checkmarks */ #custom-table td img { width: 16px; height: 16px; } @keyframes colorChange1 { 0%, 33% { color: #ffd60a; } 100%, 34% { color: #a9a9a9; } } @keyframes colorChange2 { 0%, 33% { color: #a9a9a9; } 34%, 66% { color: #ffd60a; } 100%, 67% { color: #a9a9a9; } } @keyframes colorChange3 { 0%, 66% { color: #a9a9a9; } 100%, 67% { color: #ffd60a; } } @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 rest

Kategorie: Pozostałe
MPN: TC-7B/CZ | GTIN: 5904463378858