.whole-section{background-color:#f7f5f4;display:grid;grid-template-columns:auto auto;grid-template-areas:"Top" "Main"}.sale-products{margin:10px 30px;grid-area:Main;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.product-count{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;background-color:#e6e6e6;grid-area:Top}.no-products-found{padding:10px;grid-area:Main;display:flex;flex-direction:column;align-items:center}.notesContainer{font-family:Arial,sans-serif}.duftnoten-topic{text-transform:uppercase;font-size:20px;font-weight:700}.notesContainer{padding:0 10px}.notesContainer table{border-collapse:separate;border-spacing:10px 10px}.notesContainer table tr th,.notesContainer table tr td{border:0;padding:0}.notes-topic{color:#000!important;font-size:16px}.notes{border:0;display:flex;flex-wrap:wrap;column-gap:5px;row-gap:10px;padding:0;margin:5px 0}.note{border:1px solid #ccc;border-radius:20px;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;background:#fff;cursor:pointer;height:40px;line-height:1;animation:noteHoverOut .25s ease forwards}.note:hover{animation:noteHoverIn .25s ease forwards}@media screen and (max-width: 768px){.notes-topic{font-size:14px}}@keyframes noteHoverIn{0%{transform:translateY(0);box-shadow:0 0 #0000;border-color:#ccc}to{transform:translateY(-3px);box-shadow:0 6px 14px #00000014;border-color:#000}}@keyframes noteHoverOut{0%{transform:translateY(-3px);box-shadow:0 6px 14px #00000014;border-color:#000}to{transform:translateY(0);box-shadow:0 0 #0000;border-color:#ccc}}.type-container{margin-top:10px;font-weight:600;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px;color:#fff;font-size:auto}.type-container-notClickable{font-weight:600;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:10px;padding:10px;color:#fff}.type-button{min-height:10px;min-width:auto;border-radius:10px;padding:6px 10px;display:flex;align-items:center;background:#fff;cursor:pointer;box-shadow:none;transition:border-color .2s ease;transform:translateY(0);flex-shrink:0;will-change:transform;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.type-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000001a;border-color:#000}.type-button__label{font-size:10px;line-height:1;padding:2px 6px;white-space:nowrap}.type-button-notClickable{border-radius:10px;pointer-events:none;display:inline-flex;align-items:center;justify-content:flex-start;font-size:clamp(8px,2.5vw,13px);padding:clamp(4px,1.5vw,6px) clamp(5px,3vw,15px);line-height:1;white-space:nowrap;cursor:default;flex-shrink:1;min-width:0}.allButtons{display:flex;flex-direction:column;gap:5px;width:100%;max-width:320px;margin:0 auto}.buttonToInteract{display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:0 16px;font-size:14px;border:1px solid #000;border-radius:5px;cursor:pointer;transition:box-shadow .25s ease,background-color .25s ease}.buttonToInteract:hover{box-shadow:0 6px 14px #0000004d}.buttonContent{display:inline-flex;align-items:center;gap:8px}.buttonContent svg{width:16px;height:16px;display:block}.white{background-color:#fafafa;color:#000}.black{background-color:#000;color:#fff}@media (max-width: 800px){.buttonToInteract{height:40px;font-size:12px}.buttonContent svg{width:14px;height:14px}}
/*# sourceMappingURL=/cdn/shop/t/22/compiled_assets/styles.css.map */