/*

big soft letters titles 
soft animation floating
round corners
https://fonts.google.com/specimen/Cherry+Bomb+One?preview.text=ggf&categoryFilters=Feeling:%2FExpressive%2FPlayful
  for titles
  
  <svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud" viewBox="0 0 24 24"><path d="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20Z" /></svg>

 
<img src="https://icons.iconarchive.com/icons/tanitakawkaw/simple-cute/128/heart-icon.png" width="128" height="128">
<img src="https://icons.iconarchive.com/icons/google/noto-emoji-travel-places/128/42659-cloud-icon.png" width="128" height="128">
 
https://fonts.google.com/specimen/Modak?categoryFilters=Feeling:%2FExpressive%2FPlayful

• possible font

colours: https://www.color-hex.com/color-palette/5361
    
images: 
    
    
*/


@import url('https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.Layout_page__Ol3AF{
    background-color: #FCF4A3;
    }
    
.AppBarContent_root__dK9RR{
    background-color: #FCF4A3;
    padding-bottom: 5rem;
}

.ProductListing_actions__r_tyB{
    display:none;
    }
    
.Breadcrumbs_root__g4Jbl{
    dipslay:none;
    }
    
.ProductListing_desktopFacets__V7_ai {
  visibility: hidden; /* Verberg het oorspronkelijke element */
  position: relative; /* Voor pseudo-elementen */
}

.ProductListing_desktopFacets__V7_ai::after {
  content: "Pick your super cute knife now  hihi"; /* De tekst */
  display: flex;
  justify-content: center; /* Horizontaal centreren */
  align-items: center; /* Verticaal centreren */
  text-align: center; /* Centreer de tekst binnen de breedte */
  white-space: normal; /* Breek tekst af indien nodig */
  line-height: 1.2; /* Verbeter de leesbaarheid */

  width: 200px;
  height: 200px;

• padding:30px;
• padding-top: 50px;

  /* SVG als achtergrond met babyblauwe fill */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%2389CFF0" d="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20Z"/></svg>');
  background-size: contain; /* Zorgt dat de SVG volledig past */
  background-repeat: no-repeat;
  background-position: center;

  font-size: 0.7rem; /* Verminder lettergrootte zodat tekst past */
  color: white; /* Kleur van de tekst */
  font-weight: bold;
  font-family: Arial, sans-serif;

  position: absolute;
  top: 0;
  left: 0;
  visibility: visible; /* Maak het pseudo-element zichtbaar */
  overflow: hidden; /* Verberg alles buiten de wolk */
}

.PromoLabel_root____ooW{
    border-radius: 10px;
    }

.Breadcrumbs_root__g4Jbl{
    display:none;
    }
    
.PromoLabel_promo__t1fuw{
    background: pink;
    color: white;
    }

.ProductListing_usp__06dBr{
    display: none;
    }
    
._1u68cu3{
    display:none;
    }

.AppBarContent_wrapper__FxCuT { 
    position: relative; /* Zorgt ervoor dat pseudo-elementen relatief aan dit element zijn */ 
    font-size: 5rem; font-family: "Cherry Bomb One", system-ui;  
    font-weight: 400;  
    font-style: normal; 
    color: white; /* Witte tekst als standaard */ 
}
     
    
.AppBarContent_wrapper__FxCuT::before {
     content: "Knives and tools"; 
     position: absolute;top: 3px; /* Schuif iets naar beneden */  left: 3px; /* 
     Schuif iets naar rechts */ 
     color: blue; /* Blauwe tekst als schaduw */
     z-index: -1; /* Achter de witte tekst plaatsen */ 
     } 

.AppBarContent_wrapper__FxCuT::after { 
    content: "Knives and tools";
    position: absolute;
     top: 0; l
     eft: 0; 
     color: white; /* Witte tekst bovenop */ 
     }

.ProductCard_card__Bx6zN{
    border-radius: 10%;
    }

#topslot  {
    display:none;
    }
    
.AppBarContent_desktopNavigation__MmlV5 {
    display: none;
 }   
 
 .AppBarContent_icons__b9wQN{
     display:none;
     }
 
 .AppBarContent_searchBox__VuNdD{
     display:none;
     }
 
 .AppBarContent_logoContainer__A_y4O{
     display: none;
     }
     
 
 
 .DesktopNavigation_root__vmPzZ{
     display:none;
     }
     
     
.Header_uspBar__Fkwqu{
    display: none;
    }
    
    
.ProductCard_body__uwXai{
    display:none;
    }
    

.AddToWishlistButton_button__tdpF8 {
  visibility: hidden; /* Hides the button but keeps its space */
  position: relative; /* Allows positioning of the ::after element */
}

.AddToWishlistButton_button__tdpF8::after { 
  content: ""; 
  display: inline-block; 
  width: 30px; /* Width of the heart image */
  height: 30px; /* Height of the heart image */
  background-image: url('https://icons.iconarchive.com/icons/tanitakawkaw/simple-cute/128/heart-icon.png'); 
  background-size: cover; /* Ensures the image covers the container */
  background-repeat: no-repeat; 
  position: absolute; /* Places the heart in the same position as the original */
  top: 0; 
  left: 0; 
  visibility: visible; /* Ensures the heart is visible */
}

.PromoLabel_topper__U19IZ{
    background: #8CFF9E;
    }