⁠
Product Img

189,99 EUR


Shark FlexStyle | Personalisiere Dein Styling Set

Beschreibung

Shark FlexStyle | Personalisiere Dein Styling Set  - <p>Stelle Dein eigenes <b>Shark FlexStyle Set </b>zusammen, indem Du Aufsätze nach Deinem Haartyp und Deinen Stylingvorlieben auswählst. Wähle einfach <b>3 beliebige Aufsätze</b> aus, um Dein ideales Set zusammenzustellen!    </p> <p>Mit einer einzigen Drehung verwandelt sich der<b> Shark FlexStyle</b> von einem leistungsstarken, schnellen Haartrockner zu einem vielseitigen Styler. Egal, ob Du Dein Haar glätten oder definieren willst oder Volumen und Geschmeidigkeit verleihen willst. Style einfach während des Trocknens, ohne Hitzeschäden.  </p> <p>Unten erfährst Du mehr über die einzelnen Aufsätze.  </p> <style> :root { --card-container-maxWidth: 500px; --card-container-flexGap: 0px; --card-container-flexGapMobile: 20px; --card-container-flexGapSmallerMobile: 10px; --card-container-flexGapSmallMobile: 8px; --card-container-flexGapSmallestMobile: 5px; --card-image-width: 100px; --circle-card-padding: 0px; --circle-width: 40px; --smaller-circle-width: 35px; --circle-height: 40px; --smaller-circle-height: 35px; --active-circle-colour: #000; } body { margin: 0; padding: 0; box-sizing: border-box; } .capacity-textbox p { font-size: 16px; color: #000; text-align: left; } .colour-textbox p { font-size: 16px; color: #000; text-align: left; } .features-title-jess p { font-size: 16px; text-align: left; color: #000; } p { margin: 0; padding: 0; text-decoration: none; color: inherit; } .circle-colours-container-jess { width: 100%; max-width: var(--card-container-maxWidth); margin: -8px -30px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; gap: var(--card-container-flexGap); overflow: auto; padding: 20px; } .circle-card-jess { border: 2px solid transparent; border-radius: 100%; padding: var(--circle-card-padding); color: inherit; text-decoration: none; display: flex; flex-direction: column; align-items: center; } .colour-name { font-size: 14px; text-align: center; margin-top: 10px; display: block; font-weight: 600; } .circle-jess { width: var(--circle-width); height: var(--circle-height); border-radius: 100%; cursor: pointer; position: relative; max-width: 60px !important; } .circle-jess::after { content: ""; position: absolute; width: calc(100% + 3px); height: calc(100% + 3px); border: 2px solid transparent; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -49%); z-index: -1; } .circle-jess.active::after { border: 2px solid #ff0000; } .black { background-image: url(https://res.cloudinary.com/sharkninja/image/upload/f_auto,q_auto/v1727690335/LP/Shark/colour-variation-Black_Rose_Full.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; border: 2px solid rgba(157, 153, 153, 1); } .colour-card a { color: inherit; text-decoration: none; margin: 0; padding: 0; } .colour-container { width: 100%; max-width: 1024px; margin: 0 auto; padding: 10px; } .colour-cards-container { width: 400px; margin: 0 -27px; padding: 2px 15px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 10px; } .colour-card { display: flex; align-items: center; justify-content: center; border: 2px solid #ddd; padding: 10px; border-radius: 10px; } .colour-card.active { border: 2px solid #ff0000; } .colour-card img { width: 110px; object-fit: cover; } .colour-card-title { font-size: 14px; font-weight: 600; text-align: left; margin-top: 15px; margin-left: 10px; } @media screen and (max-width: 1200px) { .colour-cards-container { width: 345px !important; margin: -5px -8px; padding: 6px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px 5px; } .circle-colours-container-jess { width: 100%; max-width: var(--card-container-maxWidth); margin: -2px -26px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; gap: var(--card-container-flexGap); overflow: auto; padding: 20px; } } @media screen and (max-width: 1100px) { .colour-cards-container { width: 315px !important; margin: -5px -8px; padding: 6px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px 5px; } } @media screen and (max-width: 1024px) { .colour-cards-container { width: 300px !important; margin: 0 -7px; padding: 6px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 5px; } } @media screen and (max-width: 991px) { .colour-cards-container { width: 100%; margin: 0 -22px; padding: 8px 15px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px 5px; } } @media screen and (max-width: 912px) { .colour-cards-container { width: 100%; margin: 0 -24px; padding: 5px 15px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 5px; } } @media screen and (max-width: 820px) { .colour-cards-container { width: 100% !important; margin: -4px -22px; padding: 10px 15px; display: grid; grid-template-columns: repeat(4, 1fr); border-radius: 20px; gap: 20px 5px; } .circle-colours-container-jess { width: 100%; max-width: var(--card-container-maxWidth); margin: -8px -26px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; gap: var(--card-container-flexGap); overflow: auto; padding: 20px; } } @media (max-width: 768px) { .colour-card { display: flex; align-items: center; justify-content: center; cursor: pointer; min-width: 70px !important; } .colour-card img { object-fit: cover; } .capacity-card-title { font-size: 14px; font-weight: 600; text-align: center; margin-top: 10px; } } @media screen and (max-width: 767px) { .colour-cards-container { width: 100%; margin: 0px -10px; padding: 6px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px 5px; } } @media screen and (max-width: 620px) { .colour-cards-container { width: 100% !important; margin: 0 -6px; padding: 0px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px 10px; } } @media screen and (max-width: 580px) { .colour-cards-container { width: 100% !important; margin: 0 -6px; padding: 0px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px 10px; } } @media screen and (max-width: 541px) { .colour-cards-container { margin: 0 -12px; padding: 0px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px 10px; width: 100% !important; } .circle-colours-container-jess { width: 100%; max-width: var(--card-container-maxWidth); margin: -2px -40px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; gap: var(--card-container-flexGap); overflow: auto; padding: 20px; } } @media screen and (max-width: 522px) { .colour-cards-container { margin: 0 -10px; padding: 4px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 7px; width: 433px !important; } } @media screen and (max-width: 506px) { .colour-cards-container { width: 100% !important; margin: 0 -21px; padding: 5px 10px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 10px; border: 0; } } @media screen and (max-width: 475px) { .circle-colours-container-jess { width: 100%; max-width: var(--card-container-maxWidth); margin: -8px -20px; display: flex; align-items: start; gap: var(--card-container-flexGapMobile); } .circle-jess { width: var(--circle-width); height: var(--circle-height); } } @media screen and (max-width: 415px) { .colour-container { width: 100%; display: flex; align-items: center; justify-content: center; } .colour-cards-container { width: 100% !important; margin: 0 0px; padding: 2px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 10px; border: 0; margin-left: -15px; } .circle-colours-container-jess { width: 100%; max-width: var(--card-container-maxWidth); margin: -8px -20px; display: flex; align-items: start; gap: var(--card-container-flexGapSmallMobile); } } @media screen and (max-width: 399px) { .circle-colours-container-jess { width: 100%; max-width: var(--card-container-maxWidth); margin: -8px -20px; display: flex; align-items: start; gap: var(--card-container-flexGapSmallMobile); } } @media screen and (min-width: 360px) and (max-width: 367px) { .circle-colours-container-jess { width: 100%; max-width: var(--card-container-maxWidth); margin: -4px -20px; display: flex; align-items: start; gap: var(--card-container-flexGapSmallestMobile); } } @media screen and (max-width: 359px) { .colour-cards-container { width: 320px !important; margin: -6px -10px; padding: 7px 0px; border-radius: 20px; grid-template-columns: repeat(4, 1fr); gap: 5px 10px; border: 0; } .circle-jess { width: var(--smaller-circle-width); height: var(--smaller-circle-height); } .circle-colours-container-jess { width: 100%; max-width: var(--card-container-maxWidth); margin: -4px -20px; display: flex; align-items: start; gap: var(--card-container-flexGapSmallestMobile); } } @media screen and (max-width: 320px) { .colour-cards-container { width: 100% !important; margin: 0 auto; padding: 7px 0px; border-radius: 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 10px; border: 0; } } </style> <body> <div class="colour-textbox"> <p><b>Farbe wählen:</b></p> </div> <div class="circle-colours-container-jess"> <!-- Card --> <a href=" /produkte/shark-flexstyle-personalisiere-dein-styling-set-schwarz-zidHD400EU" class="circle-card-jess"> <div class="circle-jess black"></div> <!-- Name --> <p class="colour-name">Schwarz</p> </a> </div> </body> <br> Mehr lesen

Entdecken Sie unsere große Auswahl an Produkten aus internationalen Onlineshops.

compare-icon compare-icon
Vergleichen

Blättern Sie in unserem Katalog und finden Sie das Produkt, das Sie suchen.

review-icon review-icon
Überprüfen

Lesen Sie alle bereitgestellten Informationen durch.

vendor-icon vendor-icon
Wählen

Wählen Sie das Geschäft mit dem besten Angebot und folgen Sie dem angegebenen Link.

gift-icon

Genießen