{"product_id":"10-slot-under-cabinet-lid-organizer-stop-the-lid-avalanche-find-the-right-lid-in-seconds","title":"10-Slot Under-Cabinet Lid Organizer – Stop the Lid Avalanche \u0026 Find the Right Lid in Seconds","description":"\u003cstyle\u003e\n  .tessvio-lid-organizer-v2 {\n    width: 100%;\n    max-width: 780px;\n    min-width: 0;\n    margin: 0 auto;\n    padding: 18px 0 30px;\n    color: #34393c;\n    font-family: inherit;\n    font-size: 15px;\n    line-height: 1.7;\n    overflow: hidden;\n\n    --charcoal: #263033;\n    --green: #71ad58;\n    --lime: #b9df65;\n    --orange: #f29b55;\n    --blue: #69afc7;\n    --cream: #fffaf3;\n  }\n\n  .tessvio-lid-organizer-v2,\n  .tessvio-lid-organizer-v2 *,\n  .tessvio-lid-organizer-v2 *::before,\n  .tessvio-lid-organizer-v2 *::after {\n    box-sizing: border-box;\n  }\n\n  .tessvio-lid-organizer-v2 h2,\n  .tessvio-lid-organizer-v2 h3,\n  .tessvio-lid-organizer-v2 p {\n    padding: 0;\n    text-transform: none;\n  }\n\n  .tessvio-lid-organizer-v2 h2 {\n    margin: 10px 0 15px;\n    font-size: 31px;\n    line-height: 1.12;\n    letter-spacing: -.8px;\n  }\n\n  .tessvio-lid-organizer-v2 h3 {\n    margin: 0 0 9px;\n    font-size: 19px;\n    line-height: 1.35;\n  }\n\n  .tessvio-lid-organizer-v2 p {\n    margin: 0 0 12px;\n  }\n\n  .tessvio-lid-organizer-v2 p:last-child {\n    margin-bottom: 0;\n  }\n\n  .tessvio-lid-organizer-v2 ul {\n    margin: 0;\n    padding-left: 20px;\n  }\n\n  .tessvio-lid-organizer-v2 li {\n    margin-bottom: 8px;\n  }\n\n\n  \/* =========================\n     ANIMATIONS\n  ========================= *\/\n\n  @keyframes tlo-wobble {\n    0%,100% {\n      transform: rotate(0deg) translateY(0);\n    }\n\n    25% {\n      transform: rotate(-3deg) translateY(-2px);\n    }\n\n    65% {\n      transform: rotate(3deg) translateY(0);\n    }\n  }\n\n  @keyframes tlo-float {\n    0%,100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-4px);\n    }\n  }\n\n  @keyframes tlo-slide {\n    0%,100% {\n      transform: translateX(0);\n    }\n\n    50% {\n      transform: translateX(4px);\n    }\n  }\n\n  @keyframes tlo-glow {\n    0%,100% {\n      text-shadow: 0 0 0 rgba(113,173,88,0);\n    }\n\n    50% {\n      text-shadow:\n        0 0 12px rgba(113,173,88,.26),\n        0 0 24px rgba(113,173,88,.10);\n    }\n  }\n\n\n  \/* =========================\n     HERO\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-hero {\n    position: relative;\n    overflow: hidden;\n    padding: 50px 24px 44px;\n    border: 2px solid #d7e4ca;\n    border-radius: 27px;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(185,223,101,.28), transparent 27%),\n      radial-gradient(circle at 88% 18%, rgba(105,175,199,.18), transparent 26%),\n      radial-gradient(circle at 82% 84%, rgba(242,155,85,.18), transparent 26%),\n      linear-gradient(\n        135deg,\n        #f8ffe8 0%,\n        #f5faf6 36%,\n        #eef8fb 66%,\n        #fff7ed 100%\n      );\n    text-align: center;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-hero::before {\n    content: \"10 SLOTS • LESS SEARCHING • MORE CABINET SPACE\";\n    position: absolute;\n    top: 13px;\n    left: 0;\n    width: 100%;\n    color: rgba(57,83,49,.11);\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1.7px;\n    white-space: nowrap;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-hero::after {\n    content: \"NO MORE PILES\";\n    position: absolute;\n    right: -6px;\n    bottom: -20px;\n    color: rgba(53,67,57,.04);\n    font-size: 51px;\n    font-weight: 900;\n    letter-spacing: -3px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-icon {\n    position: relative;\n    z-index: 2;\n    display: inline-block;\n    margin-bottom: 8px;\n    font-size: 45px;\n    animation: tlo-wobble 3s ease-in-out infinite;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-label {\n    position: relative;\n    z-index: 2;\n    display: inline-block;\n    padding: 7px 13px;\n    border: 1px solid #bfd89f;\n    border-radius: 999px;\n    background: rgba(255,255,255,.86);\n    color: #597843;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-hero h2 {\n    position: relative;\n    z-index: 2;\n    color: #303b3f;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-hero h2 span {\n    display: inline-block;\n    color: #659b4f;\n    animation: tlo-glow 3.1s ease-in-out infinite;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-hero p {\n    position: relative;\n    z-index: 2;\n    max-width: 640px;\n    margin-left: auto;\n    margin-right: auto;\n    color: #647075;\n  }\n\n\n  \/* =========================\n     IMPACT\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-impact {\n    margin: 18px 0 27px;\n    padding: 20px 17px;\n    border: 1px solid #dbe3d5;\n    border-radius: 16px;\n    background:\n      linear-gradient(\n        90deg,\n        #f8ffe9,\n        #ffffff,\n        #fff5ea\n      );\n    text-align: center;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-impact strong {\n    display: block;\n    margin-bottom: 5px;\n    color: #608e4d;\n    font-size: 17px;\n    line-height: 1.4;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-impact span {\n    color: #6d7476;\n    font-size: 13px;\n  }\n\n\n  \/* =========================\n     PAIN POINT\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-core {\n    position: relative;\n    overflow: hidden;\n    margin: 29px 0;\n    padding: 29px 20px;\n    border-radius: 21px;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(185,223,101,.15), transparent 27%),\n      radial-gradient(circle at 88% 82%, rgba(242,155,85,.14), transparent 27%),\n      linear-gradient(\n        135deg,\n        #20282b 0%,\n        #303b3f 50%,\n        #42453d 100%\n      );\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-core::after {\n    content: \"LID AVALANCHE\";\n    position: absolute;\n    right: -3px;\n    bottom: -15px;\n    color: rgba(255,255,255,.035);\n    font-size: 31px;\n    font-weight: 900;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-core h3 {\n    position: relative;\n    z-index: 1;\n    color: #d6f08f;\n    font-size: 22px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-core p {\n    position: relative;\n    z-index: 1;\n    color: #f0f4f3;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-core strong {\n    color: #ffffff;\n  }\n\n\n  \/* =========================\n     BEFORE \/ AFTER\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-change {\n    margin: 30px 0;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-change h3 {\n    margin-bottom: 14px;\n    font-size: 21px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-change-grid {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 11px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-before,\n  .tessvio-lid-organizer-v2 .tlo-after {\n    padding: 23px 16px;\n    border-radius: 17px;\n    text-align: center;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-before {\n    border: 1px solid #e0dddd;\n    background: #faf8f7;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-after {\n    border: 2px solid #9dc576;\n    background:\n      linear-gradient(\n        135deg,\n        #f6ffe9,\n        #fbfff7\n      );\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-change-icon {\n    display: block;\n    margin-bottom: 8px;\n    font-size: 31px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-before strong,\n  .tessvio-lid-organizer-v2 .tlo-after strong {\n    display: block;\n    margin-bottom: 6px;\n    font-size: 15px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-before strong {\n    color: #706868;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-after strong {\n    color: #608e49;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-before span,\n  .tessvio-lid-organizer-v2 .tlo-after span {\n    color: #747576;\n    font-size: 12px;\n    line-height: 1.5;\n  }\n\n\n  \/* =========================\n     10 SLOTS\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-slots {\n    margin: 29px 0;\n    padding: 25px 19px;\n    border: 1px solid #d8e2d1;\n    border-radius: 20px;\n    background:\n      linear-gradient(\n        135deg,\n        #f7fced,\n        #ffffff\n      );\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-slots h3 {\n    font-size: 21px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-slot-row {\n    display: grid;\n    grid-template-columns: repeat(10,minmax(0,1fr));\n    gap: 5px;\n    margin: 18px 0;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-slot {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 50px;\n    border: 1px solid #bfd49d;\n    border-radius: 8px;\n    background:\n      linear-gradient(\n        180deg,\n        #ffffff,\n        #eff8df\n      );\n    color: #62844d;\n    font-size: 11px;\n    font-weight: 900;\n    animation: tlo-float 3s ease-in-out infinite;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-slot:nth-child(2) { animation-delay: .1s; }\n  .tessvio-lid-organizer-v2 .tlo-slot:nth-child(3) { animation-delay: .2s; }\n  .tessvio-lid-organizer-v2 .tlo-slot:nth-child(4) { animation-delay: .3s; }\n  .tessvio-lid-organizer-v2 .tlo-slot:nth-child(5) { animation-delay: .4s; }\n  .tessvio-lid-organizer-v2 .tlo-slot:nth-child(6) { animation-delay: .5s; }\n  .tessvio-lid-organizer-v2 .tlo-slot:nth-child(7) { animation-delay: .6s; }\n  .tessvio-lid-organizer-v2 .tlo-slot:nth-child(8) { animation-delay: .7s; }\n  .tessvio-lid-organizer-v2 .tlo-slot:nth-child(9) { animation-delay: .8s; }\n  .tessvio-lid-organizer-v2 .tlo-slot:nth-child(10) { animation-delay: .9s; }\n\n\n  \/* =========================\n     FEATURES\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-grid {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 12px;\n    margin: 28px 0;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-card {\n    padding: 20px 16px;\n    border-radius: 17px;\n    transition:\n      transform .2s ease,\n      box-shadow .2s ease;\n  }\n\n  @media (hover:hover) and (pointer:fine) {\n    .tessvio-lid-organizer-v2 .tlo-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 8px 20px rgba(64,78,67,.08);\n    }\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-card:nth-child(1) {\n    border: 1px solid #d8e6ca;\n    background: #f8ffed;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-card:nth-child(2) {\n    border: 1px solid #d6e4e8;\n    background: #f3fafc;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-card:nth-child(3) {\n    border: 1px solid #ead8c8;\n    background: #fff8f1;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-card:nth-child(4) {\n    border: 1px solid #dfdfda;\n    background: #fafaf8;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-card-icon {\n    display: block;\n    margin-bottom: 9px;\n    font-size: 28px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-card h3 {\n    color: #465052;\n    font-size: 16px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-card p {\n    color: #6b7273;\n    font-size: 14px;\n  }\n\n\n  \/* =========================\n     HIDDEN SPACE\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-space {\n    position: relative;\n    overflow: hidden;\n    margin: 29px 0;\n    padding: 28px 20px;\n    border-radius: 20px;\n    background:\n      radial-gradient(circle at 85% 20%, rgba(185,223,101,.14), transparent 27%),\n      linear-gradient(\n        135deg,\n        #2b3639,\n        #415054\n      );\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-space::after {\n    content: \"LOOK UP\";\n    position: absolute;\n    right: -3px;\n    bottom: -16px;\n    color: rgba(255,255,255,.04);\n    font-size: 43px;\n    font-weight: 900;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-space h3 {\n    position: relative;\n    z-index: 1;\n    color: #d9f39a;\n    font-size: 22px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-space p {\n    position: relative;\n    z-index: 1;\n    color: #f1f5f4;\n  }\n\n\n  \/* =========================\n     COMPATIBLE LIDS\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-lids {\n    margin: 29px 0;\n    padding: 25px 19px;\n    border: 1px solid #dddeda;\n    border-radius: 19px;\n    background:\n      linear-gradient(\n        135deg,\n        #fafafa,\n        #fff9f2,\n        #f6faf3\n      );\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-lids h3 {\n    font-size: 21px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-lid-grid {\n    display: grid;\n    grid-template-columns: repeat(3,minmax(0,1fr));\n    gap: 9px;\n    margin-top: 14px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-lid-item {\n    padding: 14px 8px;\n    border: 1px solid #e3e2df;\n    border-radius: 12px;\n    background: #fff;\n    text-align: center;\n    color: #5c6364;\n    font-size: 12px;\n    font-weight: 650;\n  }\n\n\n  \/* =========================\n     SIZE\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-size {\n    margin: 29px 0;\n    padding: 25px 19px;\n    border: 2px solid #c9dcab;\n    border-radius: 20px;\n    background:\n      linear-gradient(\n        135deg,\n        #f8ffe9,\n        #ffffff\n      );\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-size h3 {\n    font-size: 21px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-size-number {\n    display: inline-block;\n    margin: 6px 0 8px;\n    color: #649348;\n    font-size: 38px;\n    font-weight: 900;\n    line-height: 1;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-size-number small {\n    color: #727979;\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-ruler {\n    position: relative;\n    width: min(85%, 430px);\n    height: 28px;\n    margin: 19px auto 10px;\n    border-top: 3px solid #77a857;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-ruler::before,\n  .tessvio-lid-organizer-v2 .tlo-ruler::after {\n    content: \"\";\n    position: absolute;\n    top: -8px;\n    width: 3px;\n    height: 13px;\n    background: #77a857;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-ruler::before {\n    left: 0;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-ruler::after {\n    right: 0;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-ruler span {\n    position: relative;\n    top: 4px;\n    display: block;\n    color: #658f4b;\n    text-align: center;\n    font-size: 11px;\n    font-weight: 800;\n  }\n\n\n  \/* =========================\n     WHO\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-who {\n    margin: 29px 0;\n    padding: 25px 19px;\n    border: 1px solid #dde1dd;\n    border-radius: 19px;\n    background: #fafafa;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-who h3 {\n    font-size: 21px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-who-grid {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 9px;\n    margin-top: 14px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-who-item {\n    padding: 14px 10px;\n    border: 1px solid #e1e4e1;\n    border-radius: 12px;\n    background: #fff;\n    color: #5c6361;\n    font-size: 12px;\n    font-weight: 650;\n  }\n\n\n  \/* =========================\n     INSTALLATION\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-install {\n    margin: 29px 0;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-install-head {\n    margin-bottom: 13px;\n    padding: 22px 19px;\n    border: 1px solid #dbdfdc;\n    border-radius: 18px;\n    background:\n      linear-gradient(\n        135deg,\n        #fafafa,\n        #f7fbf3\n      );\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-install-head h3 {\n    font-size: 21px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-install-grid {\n    display: grid;\n    grid-template-columns: repeat(3,minmax(0,1fr));\n    gap: 9px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-step-card {\n    padding: 18px 10px;\n    border-radius: 14px;\n    text-align: center;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-step-card:nth-child(1) {\n    border: 1px solid #dce6cf;\n    background: #f8ffed;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-step-card:nth-child(2) {\n    border: 1px solid #d8e4e7;\n    background: #f3fafc;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-step-card:nth-child(3) {\n    border: 1px solid #ead8c7;\n    background: #fff8f1;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-step {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 39px;\n    height: 39px;\n    margin: 0 auto 8px;\n    border-radius: 50%;\n    background: #374347;\n    color: #d6ef97;\n    font-size: 15px;\n    font-weight: 900;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-step-card strong {\n    display: block;\n    margin-bottom: 4px;\n    color: #4f5656;\n    font-size: 12px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-step-card span {\n    color: #747979;\n    font-size: 10px;\n    line-height: 1.45;\n  }\n\n\n  \/* =========================\n     CHECK BEFORE ORDERING\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-check {\n    margin: 29px 0;\n    padding: 25px 19px;\n    border: 2px solid #e2b987;\n    border-radius: 19px;\n    background:\n      linear-gradient(\n        135deg,\n        #fff6ea,\n        #fffaf5\n      );\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-check h3 {\n    color: #835b34;\n    font-size: 21px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-check-grid {\n    display: grid;\n    grid-template-columns: repeat(3,minmax(0,1fr));\n    gap: 9px;\n    margin-top: 14px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-check-item {\n    padding: 14px 8px;\n    border: 1px solid #ecd8bf;\n    border-radius: 12px;\n    background: #fff;\n    text-align: center;\n    color: #665d54;\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n\n  \/* =========================\n     DETAILS\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-details {\n    margin: 28px 0;\n    padding: 21px 19px;\n    border: 1px solid #dfdfdd;\n    border-radius: 18px;\n    background: #fafafa;\n  }\n\n\n  \/* =========================\n     NOTE\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-note {\n    margin: 23px 0;\n    padding: 16px 17px;\n    border-left: 4px solid #70a854;\n    border-radius: 0 13px 13px 0;\n    background: #f7fceb;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-note p {\n    color: #62685f;\n    font-size: 13px;\n  }\n\n\n  \/* =========================\n     CLOSE\n  ========================= *\/\n\n  .tessvio-lid-organizer-v2 .tlo-close {\n    position: relative;\n    overflow: hidden;\n    margin: 29px 0 0;\n    padding: 39px 20px 35px;\n    border-radius: 22px;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(185,223,101,.17), transparent 26%),\n      radial-gradient(circle at 88% 82%, rgba(105,175,199,.13), transparent 27%),\n      linear-gradient(\n        135deg,\n        #20282b 0%,\n        #303b3f 50%,\n        #424840 100%\n      );\n    text-align: center;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-close::before {\n    content: \"10 SLOTS • 1 PLACE FOR EVERY COMPATIBLE LID\";\n    position: absolute;\n    top: 12px;\n    left: 0;\n    width: 100%;\n    color: rgba(255,255,255,.15);\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1.6px;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-close-icon {\n    display: block;\n    margin-bottom: 5px;\n    font-size: 38px;\n    animation: tlo-slide 2.4s ease-in-out infinite;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-close h3 {\n    position: relative;\n    z-index: 1;\n    color: #d8f197;\n    font-size: 22px;\n    animation: tlo-glow 3s ease-in-out infinite;\n  }\n\n  .tessvio-lid-organizer-v2 .tlo-close p {\n    position: relative;\n    z-index: 1;\n    max-width: 590px;\n    margin-left: auto;\n    margin-right: auto;\n    color: #f0f4f3;\n  }\n\n\n  \/* =========================\n     MOBILE\n  ========================= *\/\n\n  @media (max-width:600px) {\n    .tessvio-lid-organizer-v2 h2 {\n      font-size: 25px;\n    }\n\n    .tessvio-lid-organizer-v2 .tlo-hero {\n      padding: 40px 17px 36px;\n    }\n\n    .tessvio-lid-organizer-v2 .tlo-hero::before {\n      font-size: 7px;\n      letter-spacing: .7px;\n    }\n\n    .tessvio-lid-organizer-v2 .tlo-change-grid,\n    .tessvio-lid-organizer-v2 .tlo-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .tessvio-lid-organizer-v2 .tlo-slot-row {\n      grid-template-columns: repeat(5,minmax(0,1fr));\n    }\n\n    .tessvio-lid-organizer-v2 .tlo-lid-grid,\n    .tessvio-lid-organizer-v2 .tlo-install-grid,\n    .tessvio-lid-organizer-v2 .tlo-check-grid {\n      grid-template-columns: repeat(2,minmax(0,1fr));\n    }\n  }\n\n  @media (max-width:380px) {\n    .tessvio-lid-organizer-v2 .tlo-lid-grid,\n    .tessvio-lid-organizer-v2 .tlo-who-grid,\n    .tessvio-lid-organizer-v2 .tlo-install-grid,\n    .tessvio-lid-organizer-v2 .tlo-check-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .tessvio-lid-organizer-v2 *,\n    .tessvio-lid-organizer-v2 *::before,\n    .tessvio-lid-organizer-v2 *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"tessvio-lid-organizer-v2\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"tlo-hero\"\u003e\n\u003cspan class=\"tlo-icon\"\u003e🍳😵💫\u003c\/span\u003e \u003cspan class=\"tlo-label\"\u003e 10-SLOT UNDER-CABINET LID ORGANIZER \u003c\/span\u003e\n\u003ch2\u003eOpen the Cabinet.\u003cbr\u003e\u003cspan\u003eNot the Lid Avalanche.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eTurn the unused space beneath your shelf into a dedicated 10-slot storage zone where compatible lids stay separated, visible and much easier to grab.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- IMPACT --\u003e\n\u003cdiv class=\"tlo-impact\"\u003e\n\u003cstrong\u003e The lid you need shouldn't always be underneath the other nine. \u003c\/strong\u003e \u003cspan\u003e Separate them. See them. Grab the right one and get back to cooking. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- PAIN --\u003e\n\u003cdiv class=\"tlo-core\"\u003e\n\u003ch3\u003eOne Lid Moves. Suddenly the Whole Cabinet Has Opinions.\u003c\/h3\u003e\n\u003cp\u003eYou reach for one lid. Three slide sideways. Two fall over. The one you actually need is somehow at the bottom.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Ten separate slots turn the pile into an organized row. \u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BEFORE AFTER --\u003e\n\u003cdiv class=\"tlo-change\"\u003e\n\u003ch3\u003eFrom Lid Pile to Lid Lineup\u003c\/h3\u003e\n\u003cdiv class=\"tlo-change-grid\"\u003e\n\u003cdiv class=\"tlo-before\"\u003e\n\u003cspan class=\"tlo-change-icon\"\u003e😵\u003c\/span\u003e \u003cstrong\u003eBefore\u003c\/strong\u003e \u003cspan\u003e Stacked lids.\u003cbr\u003eHidden sizes.\u003cbr\u003eOne wrong move away from chaos. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tlo-after\"\u003e\n\u003cspan class=\"tlo-change-icon\"\u003e✨\u003c\/span\u003e \u003cstrong\u003eAfter\u003c\/strong\u003e \u003cspan\u003e Separated slots.\u003cbr\u003eVisible lids.\u003cbr\u003eGrab the one you actually want. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10 SLOTS --\u003e\n\u003cdiv class=\"tlo-slots\"\u003e\n\u003ch3\u003e10 Slots. Because Apparently Lids Need Assigned Seating.\u003c\/h3\u003e\n\u003cp\u003eEach compatible lid gets its own separated position instead of joining one unstable stack.\u003c\/p\u003e\n\u003cdiv class=\"tlo-slot-row\"\u003e\n\u003cdiv class=\"tlo-slot\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"tlo-slot\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"tlo-slot\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"tlo-slot\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"tlo-slot\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"tlo-slot\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"tlo-slot\"\u003e7\u003c\/div\u003e\n\u003cdiv class=\"tlo-slot\"\u003e8\u003c\/div\u003e\n\u003cdiv class=\"tlo-slot\"\u003e9\u003c\/div\u003e\n\u003cdiv class=\"tlo-slot\"\u003e10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eThe open-slot layout also makes it easier to see which lid size or shape you're reaching for.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"tlo-grid\"\u003e\n\u003cdiv class=\"tlo-card\"\u003e\n\u003cspan class=\"tlo-card-icon\"\u003e🗂️\u003c\/span\u003e\n\u003ch3\u003eSeparate Instead of Stack\u003c\/h3\u003e\n\u003cp\u003eIndividual slots help keep compatible lids from becoming one mixed pile inside the cabinet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tlo-card\"\u003e\n\u003cspan class=\"tlo-card-icon\"\u003e👀\u003c\/span\u003e\n\u003ch3\u003eSee the Lid You Need\u003c\/h3\u003e\n\u003cp\u003eThe open layout keeps stored lids visible, so you don't have to lift an entire stack just to identify one size.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tlo-card\"\u003e\n\u003cspan class=\"tlo-card-icon\"\u003e↥\u003c\/span\u003e\n\u003ch3\u003eUse Space You're Already Paying For\u003c\/h3\u003e\n\u003cp\u003eThe organizer sits beneath a compatible cabinet shelf, making use of space that may otherwise stay empty.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tlo-card\"\u003e\n\u003cspan class=\"tlo-card-icon\"\u003e📦\u003c\/span\u003e\n\u003ch3\u003eNo Extra Storage Bin on the Shelf\u003c\/h3\u003e\n\u003cp\u003eStore compatible lids above and leave more of the cabinet floor available for containers, cookware and other kitchen essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HIDDEN SPACE --\u003e\n\u003cdiv class=\"tlo-space\"\u003e\n\u003ch3\u003eYour Cabinet Isn't Full. You're Just Ignoring the Ceiling.\u003c\/h3\u003e\n\u003cp\u003eShelves usually get packed from the bottom up, while the underside of the shelf above does absolutely nothing.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Put that overlooked space to work and free up more room below. \u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- LID TYPES --\u003e\n\u003cdiv class=\"tlo-lids\"\u003e\n\u003ch3\u003eMade for Compatible Slim Kitchen Lids\u003c\/h3\u003e\n\u003cdiv class=\"tlo-lid-grid\"\u003e\n\u003cdiv class=\"tlo-lid-item\"\u003e🍲 Round Pot Lids\u003c\/div\u003e\n\u003cdiv class=\"tlo-lid-item\"\u003e◻️ Square Lids\u003c\/div\u003e\n\u003cdiv class=\"tlo-lid-item\"\u003e🥡 Food-Storage Lids\u003c\/div\u003e\n\u003cdiv class=\"tlo-lid-item\"\u003e🍳 Small Pan Lids\u003c\/div\u003e\n\u003cdiv class=\"tlo-lid-item\"\u003e🧊 Container Lids\u003c\/div\u003e\n\u003cdiv class=\"tlo-lid-item\"\u003e🏠 Other Slim Household Lids\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px;\"\u003eFit depends on each lid's thickness, handle shape and overall dimensions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE --\u003e\n\u003cdiv class=\"tlo-size\"\u003e\n\u003ch3\u003eCompact Organizer. Useful Storage.\u003c\/h3\u003e\n\u003cspan class=\"tlo-size-number\"\u003e 15 cm \u003csmall\u003e\/ 5.91 in long\u003c\/small\u003e \u003c\/span\u003e\n\u003cdiv class=\"tlo-ruler\"\u003e\u003cspan\u003e APPROX. 15 CM \/ 5.91 IN \u003c\/span\u003e\u003c\/div\u003e\n\u003cp\u003eThe compact format is designed to add organized storage without turning the underside of your shelf into another bulky cabinet accessory.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- WHO --\u003e\n\u003cdiv class=\"tlo-who\"\u003e\n\u003ch3\u003eEspecially Useful When Cabinet Space Is Already Fighting for Its Life\u003c\/h3\u003e\n\u003cdiv class=\"tlo-who-grid\"\u003e\n\u003cdiv class=\"tlo-who-item\"\u003e🏠 Small Kitchens\u003c\/div\u003e\n\u003cdiv class=\"tlo-who-item\"\u003e👨👩👧👦 Busy Family Cabinets\u003c\/div\u003e\n\u003cdiv class=\"tlo-who-item\"\u003e🍱 Meal-Prep Households\u003c\/div\u003e\n\u003cdiv class=\"tlo-who-item\"\u003e🥡 Food-Container Collections\u003c\/div\u003e\n\u003cdiv class=\"tlo-who-item\"\u003e🏢 Apartments \u0026amp; Dorms\u003c\/div\u003e\n\u003cdiv class=\"tlo-who-item\"\u003e🚐 RV \u0026amp; Camper Kitchens\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INSTALL --\u003e\n\u003cdiv class=\"tlo-install\"\u003e\n\u003cdiv class=\"tlo-install-head\"\u003e\n\u003ch3\u003ePick the Spot. Secure It. Give the Lids Somewhere to Live.\u003c\/h3\u003e\n\u003cp\u003eInstallation details may vary by product version, so always use the mounting method supplied with your selected organizer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tlo-install-grid\"\u003e\n\u003cdiv class=\"tlo-step-card\"\u003e\n\u003cdiv class=\"tlo-step\"\u003e1\u003c\/div\u003e\n\u003cstrong\u003eMeasure First\u003c\/strong\u003e \u003cspan\u003e Confirm the shelf area has enough clearance. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tlo-step-card\"\u003e\n\u003cdiv class=\"tlo-step\"\u003e2\u003c\/div\u003e\n\u003cstrong\u003eInstall Securely\u003c\/strong\u003e \u003cspan\u003e Use the supplied mounting method for your selected version. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tlo-step-card\"\u003e\n\u003cdiv class=\"tlo-step\"\u003e3\u003c\/div\u003e\n\u003cstrong\u003eAdd Lids\u003c\/strong\u003e \u003cspan\u003e Insert compatible lids one at a time and distribute them evenly. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CHECK --\u003e\n\u003cdiv class=\"tlo-check\"\u003e\n\u003ch3\u003eMeasure Before You Order — Your Largest Lid Is the One That Matters.\u003c\/h3\u003e\n\u003cp\u003eThis is a compact organizer, so don't assume every cookware lid will fit just because it is technically a lid.\u003c\/p\u003e\n\u003cdiv class=\"tlo-check-grid\"\u003e\n\u003cdiv class=\"tlo-check-item\"\u003e📏 Lid Thickness\u003c\/div\u003e\n\u003cdiv class=\"tlo-check-item\"\u003e🖐️ Handle Shape\u003c\/div\u003e\n\u003cdiv class=\"tlo-check-item\"\u003e↔️ Overall Size\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px;\"\u003eThick rims, oversized handles or bulky cookware covers may not fit comfortably.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- DETAILS --\u003e\n\u003cdiv class=\"tlo-details\"\u003e\n\u003ch3\u003eProduct Details\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduct Type:\u003c\/strong\u003e Under-Cabinet Lid Organizer\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNumber of Slots:\u003c\/strong\u003e 10\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrganizer Length:\u003c\/strong\u003e Approx. 15 cm \/ 5.91 in\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInstallation Position:\u003c\/strong\u003e Under a Compatible Cabinet Shelf\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuitable Lid Shapes:\u003c\/strong\u003e Round and Square\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrimary Use:\u003c\/strong\u003e Organizing Compatible Pot, Pan and Food-Storage Lids\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- PACKAGE --\u003e\n\u003cdiv class=\"tlo-details\"\u003e\n\u003ch3\u003ePackage Includes\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1 × 10-Slot Under-Cabinet Lid Organizer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLids, containers, cookware and other display items are not included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- NOTE --\u003e\n\u003cdiv class=\"tlo-note\"\u003e\n\u003ch3\u003ePlease Note\u003c\/h3\u003e\n\u003cp\u003eMeasure both the intended installation area and the lids you plan to store before ordering.\u003c\/p\u003e\n\u003cp\u003eFit depends on lid thickness, handle shape and overall dimensions.\u003c\/p\u003e\n\u003cp\u003eInstallation components and mounting methods may vary by product version. Follow the instructions supplied with your selected option.\u003c\/p\u003e\n\u003cp\u003eConfirm the organizer is securely attached before adding lids.\u003c\/p\u003e\n\u003cp\u003eDo not overload the organizer or exceed the capacity supported by the mounting method and cabinet surface.\u003c\/p\u003e\n\u003cp\u003eKeep stored lids clear of cabinet hinges, heat sources and positions where falling items could cause injury or damage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CLOSE --\u003e\n\u003cdiv class=\"tlo-close\"\u003e\n\u003cspan class=\"tlo-close-icon\"\u003e🍳➡️\u003c\/span\u003e\n\u003ch3\u003eOpen the Cabinet Without Starting an Avalanche.\u003c\/h3\u003e\n\u003cp\u003eTen slots. Easier-to-see lids. Less searching. And finally, a reason for that empty space under the shelf to exist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Tessvio","offers":[{"title":"Default Title","offer_id":67673473679729,"sku":"GZSN261009","price":16.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1031\/3131\/6593\/files\/71iAwQcEkXL._AC_SL1254.jpg?v=1791537207","url":"https:\/\/tessvio.com\/products\/10-slot-under-cabinet-lid-organizer-stop-the-lid-avalanche-find-the-right-lid-in-seconds","provider":"Tessvio","version":"1.0","type":"link"}