{"product_id":"kritzcribs™-command-pod","title":"KritzCribs™ Command Pod","description":"\u003cstyle\u003e\n\/* =========================================================\n   KRITZCRIBS™ COMMAND POD\n   PART 1 — PREMIUM HERO\n========================================================= *\/\n\n.kc-pod-hero-wrap {\n  --pod-bg: #090909;\n  --pod-card: #121212;\n  --pod-gold: #d4af37;\n  --pod-gold-light: #f1d878;\n  --pod-white: #ffffff;\n  --pod-text: #c8c8c8;\n  --pod-muted: #8e8e8e;\n  --pod-border: rgba(255,255,255,.08);\n\n  width: 100%;\n  max-width: 520px;\n  margin: 0 auto;\n  padding: 10px;\n  box-sizing: border-box;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  color: var(--pod-white);\n}\n\n.kc-pod-hero {\n  position: relative;\n  overflow: hidden;\n\n  padding: 26px 19px 22px;\n\n  border-radius: 23px;\n\n  background:\n    radial-gradient(\n      circle at 100% 0%,\n      rgba(212,175,55,.12),\n      transparent 34%\n    ),\n    linear-gradient(\n      145deg,\n      #181818 0%,\n      #0e0e0e 56%,\n      #080808 100%\n    );\n\n  border: 1px solid var(--pod-border);\n\n  box-shadow:\n    0 18px 42px rgba(0,0,0,.42),\n    inset 0 1px 0 rgba(255,255,255,.035);\n\n  animation: podHeroIn .6s cubic-bezier(.22,.61,.36,1) both;\n}\n\n.kc-pod-hero::after {\n  content: \"\";\n\n  position: absolute;\n  width: 180px;\n  height: 180px;\n\n  top: -100px;\n  right: -95px;\n\n  border-radius: 50%;\n\n  background: rgba(212,175,55,.08);\n\n  filter: blur(25px);\n\n  pointer-events: none;\n}\n\n\n\/* badge *\/\n\n.kc-pod-badge {\n  position: relative;\n  z-index: 1;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n\n  padding: 7px 11px;\n  margin-bottom: 16px;\n\n  border-radius: 999px;\n\n  background: rgba(212,175,55,.09);\n\n  border: 1px solid rgba(212,175,55,.25);\n\n  color: var(--pod-gold-light);\n\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: .7px;\n  line-height: 1.2;\n  text-transform: uppercase;\n}\n\n.kc-pod-badge-dot {\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: var(--pod-gold);\n\n  box-shadow:\n    0 0 10px rgba(212,175,55,.55);\n}\n\n\n\/* title *\/\n\n.kc-pod-title {\n  position: relative;\n  z-index: 1;\n\n  margin: 0 0 10px;\n\n  color: #fff;\n\n  font-size: clamp(29px, 7.5vw, 37px);\n  line-height: 1.07;\n  font-weight: 900;\n  letter-spacing: -.8px;\n}\n\n.kc-pod-title span {\n  color: var(--pod-gold-light);\n}\n\n\n\/* subtitle *\/\n\n.kc-pod-subtitle {\n  position: relative;\n  z-index: 1;\n\n  margin: 0 0 15px;\n\n  color: #fff;\n\n  font-size: 16px;\n  line-height: 1.55;\n  font-weight: 700;\n}\n\n\n\/* description *\/\n\n.kc-pod-description {\n  position: relative;\n  z-index: 1;\n\n  margin: 0;\n\n  color: var(--pod-text);\n\n  font-size: 14px;\n  line-height: 1.72;\n}\n\n.kc-pod-description strong {\n  color: #fff;\n}\n\n\n\/* quick benefits *\/\n\n.kc-pod-benefits {\n  position: relative;\n  z-index: 1;\n\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n\n  gap: 7px;\n\n  margin-top: 19px;\n}\n\n.kc-pod-benefit {\n  min-width: 0;\n\n  padding: 12px 7px;\n\n  text-align: center;\n\n  border-radius: 14px;\n\n  background: rgba(255,255,255,.035);\n\n  border: 1px solid rgba(255,255,255,.07);\n}\n\n.kc-pod-benefit-icon {\n  display: block;\n\n  margin-bottom: 6px;\n\n  font-size: 19px;\n  line-height: 1;\n}\n\n.kc-pod-benefit strong {\n  display: block;\n\n  color: #fff;\n\n  font-size: 10.5px;\n  line-height: 1.25;\n}\n\n.kc-pod-benefit span {\n  display: block;\n\n  margin-top: 3px;\n\n  color: var(--pod-muted);\n\n  font-size: 9px;\n  line-height: 1.25;\n}\n\n\n\/* short benefit line *\/\n\n.kc-pod-proof {\n  position: relative;\n  z-index: 1;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex-wrap: wrap;\n\n  margin-top: 14px;\n\n  color: #8e8e8e;\n\n  font-size: 9.5px;\n  line-height: 1.4;\n}\n\n.kc-pod-proof strong {\n  color: #d0d0d0;\n}\n\n\n\/* animation *\/\n\n@keyframes podHeroIn {\n  from {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\/* small phones *\/\n\n@media (max-width: 375px) {\n\n  .kc-pod-hero-wrap {\n    padding: 7px;\n  }\n\n  .kc-pod-hero {\n    padding: 23px 15px 19px;\n    border-radius: 20px;\n  }\n\n  .kc-pod-title {\n    font-size: 28px;\n  }\n\n  .kc-pod-subtitle {\n    font-size: 15px;\n  }\n\n  .kc-pod-description {\n    font-size: 13.5px;\n  }\n\n  .kc-pod-benefit {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n\n\n\/* reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .kc-pod-hero {\n    animation: none;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"kc-pod-hero-wrap\"\u003e\n\n  \u003cdiv class=\"kc-pod-hero\"\u003e\n\n    \u003cdiv class=\"kc-pod-badge\"\u003e\n      \u003cspan class=\"kc-pod-badge-dot\"\u003e\u003c\/span\u003e\n      KritzCribs™ Home Collection\n    \u003c\/div\u003e\n\n\n    \u003ch1 class=\"kc-pod-title\"\u003e\n      Meet the\n      \u003cspan\u003eCommand Pod.\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n\n    \u003cp class=\"kc-pod-subtitle\"\u003e\n      Five places for the things you keep losing.\n    \u003c\/p\u003e\n\n\n    \u003cp class=\"kc-pod-description\"\u003e\n      Keep your TV, streaming, aircon and everyday essentials\n      together in one clean, practical organiser.\n      \u003cstrong\u003eLess searching. Less clutter. More order.\u003c\/strong\u003e\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"kc-pod-benefits\"\u003e\n\n      \u003cdiv class=\"kc-pod-benefit\"\u003e\n\n        \u003cspan class=\"kc-pod-benefit-icon\"\u003e\n          🎮\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e5 Compartments\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Keep essentials together\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"kc-pod-benefit\"\u003e\n\n        \u003cspan class=\"kc-pod-benefit-icon\"\u003e\n          🖤\n        \u003c\/span\u003e\n\n        \u003cstrong\u003ePU Leather\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Clean modern finish\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"kc-pod-benefit\"\u003e\n\n        \u003cspan class=\"kc-pod-benefit-icon\"\u003e\n          🏡\n        \u003c\/span\u003e\n\n        \u003cstrong\u003eMulti-Purpose\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          More than remotes\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"kc-pod-proof\"\u003e\n      \u003cstrong\u003eTV unit\u003c\/strong\u003e\n      \u003cspan\u003e•\u003c\/span\u003e\n      \u003cstrong\u003eDesk\u003c\/strong\u003e\n      \u003cspan\u003e•\u003c\/span\u003e\n      \u003cstrong\u003eBedroom\u003c\/strong\u003e\n      \u003cspan\u003e•\u003c\/span\u003e\n      \u003cstrong\u003eEntertainment area\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   KRITZCRIBS™ COMMAND POD\n   INTERACTIVE 5-COMPARTMENT GUIDE\n   No JavaScript required\n========================================================= *\/\n\n.kc-pod-use-wrap {\n  --pod-gold: #d4af37;\n  --pod-gold-light: #f1d878;\n  --pod-dark: #0b0b0b;\n  --pod-card: #151515;\n  --pod-white: #ffffff;\n  --pod-text: #c4c4c4;\n  --pod-muted: #8d8d8d;\n\n  max-width: 520px;\n  margin: 14px auto 0;\n  padding: 10px;\n\n  box-sizing: border-box;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   MAIN CARD\n========================================================= *\/\n\n.kc-pod-use {\n  overflow: hidden;\n\n  padding: 23px 15px;\n\n  border-radius: 23px;\n\n  background:\n    radial-gradient(\n      circle at 100% 0%,\n      rgba(212,175,55,.08),\n      transparent 35%\n    ),\n    linear-gradient(145deg,#161616,#090909);\n\n  border: 1px solid rgba(255,255,255,.08);\n\n  box-shadow:\n    0 16px 40px rgba(0,0,0,.34);\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.kc-pod-use-eyebrow {\n  margin-bottom: 7px;\n\n  color: var(--pod-gold);\n\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n}\n\n.kc-pod-use-title {\n  margin: 0;\n\n  color: #fff;\n\n  font-size: 25px;\n  line-height: 1.15;\n  font-weight: 850;\n  letter-spacing: -.4px;\n}\n\n.kc-pod-use-subtitle {\n  margin: 8px 0 20px;\n\n  color: var(--pod-text);\n\n  font-size: 13.5px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   HIDDEN RADIO CONTROLS\n========================================================= *\/\n\n.kc-pod-tab-input {\n  position: absolute;\n\n  width: 1px;\n  height: 1px;\n\n  opacity: 0;\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   FIVE COMPARTMENT BUTTONS\n========================================================= *\/\n\n.kc-pod-slots {\n  display: grid;\n\n  grid-template-columns:\n    repeat(5, minmax(0,1fr));\n\n  gap: 6px;\n\n  margin-bottom: 17px;\n}\n\n.kc-pod-slot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 64px;\n\n  padding: 7px 4px;\n\n  box-sizing: border-box;\n\n  border-radius: 13px;\n\n  background: #202020;\n\n  border: 1px solid rgba(255,255,255,.07);\n\n  color: #fff;\n\n  cursor: pointer;\n\n  text-align: center;\n\n  -webkit-tap-highlight-color: transparent;\n\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.kc-pod-slot:active {\n  transform: scale(.95);\n}\n\n.kc-pod-slot-icon {\n  display: block;\n\n  margin-bottom: 4px;\n\n  font-size: 19px;\n  line-height: 1;\n}\n\n.kc-pod-slot-name {\n  display: block;\n\n  color: #a8a8a8;\n\n  font-size: 8.5px;\n  font-weight: 750;\n  line-height: 1.15;\n}\n\n\n\/* =========================================================\n   ACTIVE SLOT\n========================================================= *\/\n\n#kcPodRemote1:checked ~ .kc-pod-slots label[for=\"kcPodRemote1\"],\n#kcPodRemote2:checked ~ .kc-pod-slots label[for=\"kcPodRemote2\"],\n#kcPodRemote3:checked ~ .kc-pod-slots label[for=\"kcPodRemote3\"],\n#kcPodRemote4:checked ~ .kc-pod-slots label[for=\"kcPodRemote4\"],\n#kcPodRemote5:checked ~ .kc-pod-slots label[for=\"kcPodRemote5\"] {\n  background:\n    linear-gradient(\n      145deg,\n      var(--pod-gold),\n      var(--pod-gold-light)\n    );\n\n  border-color: var(--pod-gold);\n\n  color: #111;\n\n  transform: translateY(-3px);\n\n  box-shadow:\n    0 8px 18px rgba(212,175,55,.20);\n}\n\n#kcPodRemote1:checked ~ .kc-pod-slots label[for=\"kcPodRemote1\"] .kc-pod-slot-name,\n#kcPodRemote2:checked ~ .kc-pod-slots label[for=\"kcPodRemote2\"] .kc-pod-slot-name,\n#kcPodRemote3:checked ~ .kc-pod-slots label[for=\"kcPodRemote3\"] .kc-pod-slot-name,\n#kcPodRemote4:checked ~ .kc-pod-slots label[for=\"kcPodRemote4\"] .kc-pod-slot-name,\n#kcPodRemote5:checked ~ .kc-pod-slots label[for=\"kcPodRemote5\"] .kc-pod-slot-name {\n  color: #171717;\n}\n\n\n\/* =========================================================\n   CONTENT PANEL\n========================================================= *\/\n\n.kc-pod-info {\n  position: relative;\n\n  min-height: 138px;\n\n  padding: 18px 16px;\n\n  box-sizing: border-box;\n\n  border-radius: 17px;\n\n  background: #101010;\n\n  border: 1px solid rgba(255,255,255,.07);\n}\n\n\n\/* all panels hidden *\/\n\n.kc-pod-panel {\n  display: none;\n\n  animation:\n    kcPodPanelIn .25s ease both;\n}\n\n@keyframes kcPodPanelIn {\n  from {\n    opacity: 0;\n    transform: translateY(5px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\/* selected panel *\/\n\n#kcPodRemote1:checked ~ .kc-pod-info .kc-pod-panel-1,\n#kcPodRemote2:checked ~ .kc-pod-info .kc-pod-panel-2,\n#kcPodRemote3:checked ~ .kc-pod-info .kc-pod-panel-3,\n#kcPodRemote4:checked ~ .kc-pod-info .kc-pod-panel-4,\n#kcPodRemote5:checked ~ .kc-pod-info .kc-pod-panel-5 {\n  display: block;\n}\n\n\n.kc-pod-panel-label {\n  display: inline-flex;\n\n  margin-bottom: 7px;\n\n  padding: 5px 8px;\n\n  border-radius: 999px;\n\n  background: rgba(212,175,55,.09);\n\n  border: 1px solid rgba(212,175,55,.18);\n\n  color: var(--pod-gold-light);\n\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n.kc-pod-panel h3 {\n  margin: 0 0 6px;\n\n  color: #fff;\n\n  font-size: 20px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.kc-pod-panel p {\n  margin: 0;\n\n  color: #aaa;\n\n  font-size: 12px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   TIP\n========================================================= *\/\n\n.kc-pod-tip {\n  margin-top: 13px;\n\n  padding: 13px;\n\n  border-radius: 14px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(212,175,55,.09),\n      rgba(212,175,55,.025)\n    );\n\n  border: 1px solid rgba(212,175,55,.15);\n\n  color: #aaa;\n\n  font-size: 10.5px;\n  line-height: 1.6;\n}\n\n.kc-pod-tip strong {\n  color: #fff;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .kc-pod-use-wrap {\n    padding: 7px;\n  }\n\n  .kc-pod-use {\n    padding: 21px 12px;\n    border-radius: 20px;\n  }\n\n  .kc-pod-slots {\n    gap: 4px;\n  }\n\n  .kc-pod-slot {\n    min-height: 59px;\n    padding: 6px 2px;\n    border-radius: 11px;\n  }\n\n  .kc-pod-slot-icon {\n    font-size: 17px;\n  }\n\n  .kc-pod-slot-name {\n    font-size: 7.5px;\n  }\n\n  .kc-pod-panel h3 {\n    font-size: 18px;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .kc-pod-slot,\n  .kc-pod-panel {\n    transition: none;\n    animation: none;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"kc-pod-use-wrap\"\u003e\n\n  \u003cdiv class=\"kc-pod-use\"\u003e\n\n    \u003cdiv class=\"kc-pod-use-eyebrow\"\u003e\n      Five Compartments\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"kc-pod-use-title\"\u003e\n      Everything Has Its Place.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"kc-pod-use-subtitle\"\u003e\n      Tap each compartment to see what you can keep\n      organised inside your Command Pod.\n    \u003c\/p\u003e\n\n\n    \u003c!-- ===================================================\n         HIDDEN CONTROLS\n    ==================================================== --\u003e\n\n    \u003cinput class=\"kc-pod-tab-input\" type=\"radio\" name=\"kc-pod-compartment\" id=\"kcPodRemote1\" checked\u003e\n\n    \u003cinput class=\"kc-pod-tab-input\" type=\"radio\" name=\"kc-pod-compartment\" id=\"kcPodRemote2\"\u003e\n\n    \u003cinput class=\"kc-pod-tab-input\" type=\"radio\" name=\"kc-pod-compartment\" id=\"kcPodRemote3\"\u003e\n\n    \u003cinput class=\"kc-pod-tab-input\" type=\"radio\" name=\"kc-pod-compartment\" id=\"kcPodRemote4\"\u003e\n\n    \u003cinput class=\"kc-pod-tab-input\" type=\"radio\" name=\"kc-pod-compartment\" id=\"kcPodRemote5\"\u003e\n\n\n    \u003c!-- ===================================================\n         FIVE TAPPABLE COMPARTMENTS\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-slots\"\u003e\n\n      \u003clabel class=\"kc-pod-slot\" for=\"kcPodRemote1\"\u003e\n        \u003cspan\u003e\n          \u003cspan class=\"kc-pod-slot-icon\"\u003e📺\u003c\/span\u003e\n          \u003cspan class=\"kc-pod-slot-name\"\u003eTV Remote\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/label\u003e\n\n\n      \u003clabel class=\"kc-pod-slot\" for=\"kcPodRemote2\"\u003e\n        \u003cspan\u003e\n          \u003cspan class=\"kc-pod-slot-icon\"\u003e📡\u003c\/span\u003e\n          \u003cspan class=\"kc-pod-slot-name\"\u003eDStv\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/label\u003e\n\n\n      \u003clabel class=\"kc-pod-slot\" for=\"kcPodRemote3\"\u003e\n        \u003cspan\u003e\n          \u003cspan class=\"kc-pod-slot-icon\"\u003e❄️\u003c\/span\u003e\n          \u003cspan class=\"kc-pod-slot-name\"\u003eAircon\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/label\u003e\n\n\n      \u003clabel class=\"kc-pod-slot\" for=\"kcPodRemote4\"\u003e\n        \u003cspan\u003e\n          \u003cspan class=\"kc-pod-slot-icon\"\u003e✏️\u003c\/span\u003e\n          \u003cspan class=\"kc-pod-slot-name\"\u003ePens\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/label\u003e\n\n\n      \u003clabel class=\"kc-pod-slot\" for=\"kcPodRemote5\"\u003e\n        \u003cspan\u003e\n          \u003cspan class=\"kc-pod-slot-icon\"\u003e💄\u003c\/span\u003e\n          \u003cspan class=\"kc-pod-slot-name\"\u003eAccessories\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/label\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ===================================================\n         DYNAMIC CONTENT\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-info\"\u003e\n\n\n      \u003c!-- 1 --\u003e\n\n      \u003cdiv class=\"kc-pod-panel kc-pod-panel-1\"\u003e\n\n        \u003cspan class=\"kc-pod-panel-label\"\u003e\n          Compartment 01\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          TV Remote\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep your main television remote in its own\n          dedicated place so it is easy to find when you\n          sit down to relax.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 2 --\u003e\n\n      \u003cdiv class=\"kc-pod-panel kc-pod-panel-2\"\u003e\n\n        \u003cspan class=\"kc-pod-panel-label\"\u003e\n          Compartment 02\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          DStv \/ Streaming\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep your DStv or streaming remote together with\n          your other entertainment controls instead of\n          leaving them scattered around the lounge.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 3 --\u003e\n\n      \u003cdiv class=\"kc-pod-panel kc-pod-panel-3\"\u003e\n\n        \u003cspan class=\"kc-pod-panel-label\"\u003e\n          Compartment 03\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Aircon Remote\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Give your aircon remote a dedicated home so it\n          is easier to grab when the temperature changes.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 4 --\u003e\n\n      \u003cdiv class=\"kc-pod-panel kc-pod-panel-4\"\u003e\n\n        \u003cspan class=\"kc-pod-panel-label\"\u003e\n          Compartment 04\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Pens \u0026amp; Stationery\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Use one section for pens, markers and small\n          stationery items on your desk or work area.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 5 --\u003e\n\n      \u003cdiv class=\"kc-pod-panel kc-pod-panel-5\"\u003e\n\n        \u003cspan class=\"kc-pod-panel-label\"\u003e\n          Compartment 05\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Makeup \u0026amp; Accessories\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep makeup brushes and other small everyday\n          accessories neatly together and easy to reach.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"kc-pod-tip\"\u003e\n\n      \u003cstrong\u003e💡 The idea is simple:\u003c\/strong\u003e\u003cbr\u003e\n\n      Give the things you reach for every day a dedicated\n      place, instead of letting them collect around your\n      coffee table, TV unit or desk.\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   KRITZCRIBS™ COMMAND POD\n   PART 4 — INTERACTIVE ROOM SELECTOR\n   No JavaScript required\n========================================================= *\/\n\n.kc-pod-room-wrap {\n  --pod-gold: #d4af37;\n  --pod-gold-light: #f1d878;\n  --pod-text: #bdbdbd;\n  --pod-muted: #888;\n\n  width: 100%;\n  max-width: 520px;\n\n  margin: 14px auto 0;\n  padding: 10px;\n\n  box-sizing: border-box;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n\n.kc-pod-room {\n  padding: 22px 14px;\n\n  border-radius: 23px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #fafafa,\n      #f4f1eb\n    );\n\n  border: 1px solid #e6e1d8;\n\n  box-shadow:\n    0 14px 35px rgba(0,0,0,.06);\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.kc-pod-room-eyebrow {\n  margin-bottom: 7px;\n\n  color: #a17b18;\n\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.kc-pod-room-title {\n  margin: 0;\n\n  color: #222;\n\n  font-size: 25px;\n  line-height: 1.15;\n  font-weight: 900;\n  letter-spacing: -.4px;\n\n  text-align: center;\n}\n\n.kc-pod-room-description {\n  max-width: 430px;\n\n  margin: 8px auto 19px;\n\n  color: #696969;\n\n  font-size: 13.5px;\n  line-height: 1.65;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   HIDDEN ROOM CONTROLS\n========================================================= *\/\n\n.kc-pod-room-input {\n  position: absolute;\n\n  width: 1px;\n  height: 1px;\n\n  opacity: 0;\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   ROOM BUTTONS\n========================================================= *\/\n\n.kc-pod-room-selector {\n  display: grid;\n\n  grid-template-columns: repeat(2,minmax(0,1fr));\n\n  gap: 8px;\n\n  margin-bottom: 13px;\n}\n\n.kc-pod-room-button {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  min-height: 57px;\n\n  padding: 10px 11px;\n\n  box-sizing: border-box;\n\n  border-radius: 15px;\n\n  background: #fff;\n\n  border: 1.5px solid #e3e1dc;\n\n  cursor: pointer;\n\n  -webkit-tap-highlight-color: transparent;\n\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.kc-pod-room-button:active {\n  transform: scale(.97);\n}\n\n.kc-pod-room-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 35px;\n\n  width: 35px;\n  height: 35px;\n\n  border-radius: 10px;\n\n  background: #fff8e8;\n\n  font-size: 18px;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n.kc-pod-room-button strong {\n  color: #333;\n\n  font-size: 11px;\n  line-height: 1.3;\n}\n\n\n\/* =========================================================\n   ACTIVE ROOM\n========================================================= *\/\n\n#kcPodLiving:checked ~ .kc-pod-room-selector label[for=\"kcPodLiving\"],\n#kcPodBedroom:checked ~ .kc-pod-room-selector label[for=\"kcPodBedroom\"],\n#kcPodOffice:checked ~ .kc-pod-room-selector label[for=\"kcPodOffice\"],\n#kcPodGaming:checked ~ .kc-pod-room-selector label[for=\"kcPodGaming\"] {\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--pod-gold),\n      var(--pod-gold-light)\n    );\n\n  border-color: var(--pod-gold);\n\n  box-shadow:\n    0 7px 17px rgba(212,175,55,.17);\n\n  transform: translateY(-2px);\n}\n\n\n#kcPodLiving:checked ~ .kc-pod-room-selector label[for=\"kcPodLiving\"] .kc-pod-room-icon,\n#kcPodBedroom:checked ~ .kc-pod-room-selector label[for=\"kcPodBedroom\"] .kc-pod-room-icon,\n#kcPodOffice:checked ~ .kc-pod-room-selector label[for=\"kcPodOffice\"] .kc-pod-room-icon,\n#kcPodGaming:checked ~ .kc-pod-room-selector label[for=\"kcPodGaming\"] .kc-pod-room-icon {\n\n  background: rgba(255,255,255,.28);\n\n  transform: scale(1.05);\n}\n\n\n\/* =========================================================\n   ROOM CONTENT\n========================================================= *\/\n\n.kc-pod-room-display {\n\n  position: relative;\n\n  min-height: 230px;\n\n  padding: 19px 15px;\n\n  box-sizing: border-box;\n\n  overflow: hidden;\n\n  border-radius: 18px;\n\n  background: #111;\n\n  box-shadow:\n    0 12px 28px rgba(0,0,0,.14);\n}\n\n\n\/* panels hidden *\/\n\n.kc-pod-room-panel {\n  display: none;\n\n  animation:\n    kcPodRoomFade .28s ease both;\n}\n\n@keyframes kcPodRoomFade {\n\n  from {\n    opacity: 0;\n    transform: translateY(5px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n\/* active panels *\/\n\n#kcPodLiving:checked ~ .kc-pod-room-display .kc-pod-room-panel-living,\n#kcPodBedroom:checked ~ .kc-pod-room-display .kc-pod-room-panel-bedroom,\n#kcPodOffice:checked ~ .kc-pod-room-display .kc-pod-room-panel-office,\n#kcPodGaming:checked ~ .kc-pod-room-display .kc-pod-room-panel-gaming {\n  display: block;\n}\n\n\n\/* panel heading *\/\n\n.kc-pod-room-panel-label {\n\n  display: inline-flex;\n\n  margin-bottom: 8px;\n\n  padding: 5px 8px;\n\n  border-radius: 999px;\n\n  background: rgba(212,175,55,.10);\n\n  border: 1px solid rgba(212,175,55,.20);\n\n  color: var(--pod-gold-light);\n\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n.kc-pod-room-panel h3 {\n\n  margin: 0 0 8px;\n\n  color: #fff;\n\n  font-size: 22px;\n  line-height: 1.2;\n  font-weight: 850;\n}\n\n.kc-pod-room-panel p {\n\n  margin: 0;\n\n  color: #aaa;\n\n  font-size: 12px;\n  line-height: 1.7;\n}\n\n\n\/* room examples *\/\n\n.kc-pod-room-items {\n\n  display: grid;\n\n  grid-template-columns: repeat(2,minmax(0,1fr));\n\n  gap: 7px;\n\n  margin-top: 16px;\n}\n\n.kc-pod-room-item {\n\n  padding: 10px 8px;\n\n  border-radius: 11px;\n\n  background: rgba(255,255,255,.055);\n\n  border: 1px solid rgba(255,255,255,.07);\n\n  color: #ccc;\n\n  font-size: 10px;\n  line-height: 1.3;\n\n  text-align: center;\n}\n\n\n\/* bottom tip *\/\n\n.kc-pod-room-tip {\n\n  margin-top: 13px;\n\n  padding: 13px;\n\n  border-radius: 14px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(212,175,55,.10),\n      rgba(212,175,55,.025)\n    );\n\n  border: 1px solid rgba(212,175,55,.16);\n\n  color: #b2b2b2;\n\n  font-size: 10.5px;\n  line-height: 1.6;\n\n  text-align: center;\n}\n\n.kc-pod-room-tip strong {\n  color: #fff;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .kc-pod-room-wrap {\n    padding: 7px;\n  }\n\n  .kc-pod-room {\n    padding: 20px 11px;\n    border-radius: 20px;\n  }\n\n  .kc-pod-room-title {\n    font-size: 23px;\n  }\n\n  .kc-pod-room-button {\n    min-height: 54px;\n    padding: 9px;\n  }\n\n  .kc-pod-room-icon {\n    flex-basis: 32px;\n    width: 32px;\n    height: 32px;\n  }\n\n  .kc-pod-room-button strong {\n    font-size: 10px;\n  }\n\n  .kc-pod-room-display {\n    min-height: 220px;\n    padding: 17px 13px;\n  }\n\n  .kc-pod-room-panel h3 {\n    font-size: 20px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .kc-pod-room-panel,\n  .kc-pod-room-button,\n  .kc-pod-room-icon {\n    animation: none;\n    transition: none;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"kc-pod-room-wrap\"\u003e\n\n  \u003cdiv class=\"kc-pod-room\"\u003e\n\n    \u003cdiv class=\"kc-pod-room-eyebrow\"\u003e\n      One Organiser. Many Spaces.\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"kc-pod-room-title\"\u003e\n      Perfect In Every Room.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"kc-pod-room-description\"\u003e\n      Tap a room below to see how the Command Pod can fit\n      into different parts of your home.\n    \u003c\/p\u003e\n\n\n    \u003c!-- ===================================================\n         HIDDEN CONTROLS\n    ==================================================== --\u003e\n\n    \u003cinput class=\"kc-pod-room-input\" type=\"radio\" name=\"kc-pod-room\" id=\"kcPodLiving\" checked\u003e\n\n    \u003cinput class=\"kc-pod-room-input\" type=\"radio\" name=\"kc-pod-room\" id=\"kcPodBedroom\"\u003e\n\n    \u003cinput class=\"kc-pod-room-input\" type=\"radio\" name=\"kc-pod-room\" id=\"kcPodOffice\"\u003e\n\n    \u003cinput class=\"kc-pod-room-input\" type=\"radio\" name=\"kc-pod-room\" id=\"kcPodGaming\"\u003e\n\n\n    \u003c!-- ===================================================\n         ROOM BUTTONS\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-room-selector\"\u003e\n\n      \u003clabel class=\"kc-pod-room-button\" for=\"kcPodLiving\"\u003e\n\n        \u003cspan class=\"kc-pod-room-icon\"\u003e\n          🛋️\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Living Room\n        \u003c\/strong\u003e\n\n      \u003c\/label\u003e\n\n\n      \u003clabel class=\"kc-pod-room-button\" for=\"kcPodBedroom\"\u003e\n\n        \u003cspan class=\"kc-pod-room-icon\"\u003e\n          🛏️\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Bedroom\n        \u003c\/strong\u003e\n\n      \u003c\/label\u003e\n\n\n      \u003clabel class=\"kc-pod-room-button\" for=\"kcPodOffice\"\u003e\n\n        \u003cspan class=\"kc-pod-room-icon\"\u003e\n          💼\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Home Office\n        \u003c\/strong\u003e\n\n      \u003c\/label\u003e\n\n\n      \u003clabel class=\"kc-pod-room-button\" for=\"kcPodGaming\"\u003e\n\n        \u003cspan class=\"kc-pod-room-icon\"\u003e\n          🎮\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Gaming Room\n        \u003c\/strong\u003e\n\n      \u003c\/label\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ===================================================\n         ROOM DISPLAY\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-room-display\"\u003e\n\n\n      \u003c!-- LIVING ROOM --\u003e\n\n      \u003cdiv class=\"kc-pod-room-panel kc-pod-room-panel-living\"\u003e\n\n        \u003cspan class=\"kc-pod-room-panel-label\"\u003e\n          Living Room\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Keep Movie Night Organised.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep the remotes you reach for most together\n          beside the couch or on your TV unit.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"kc-pod-room-items\"\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            📺 TV Remote\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            📡 DStv Remote\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            ❄️ Aircon Remote\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            🔊 Soundbar Remote\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BEDROOM --\u003e\n\n      \u003cdiv class=\"kc-pod-room-panel kc-pod-room-panel-bedroom\"\u003e\n\n        \u003cspan class=\"kc-pod-room-panel-label\"\u003e\n          Bedroom\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Keep Bedside Essentials Close.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Give the small things you reach for at night\n          a dedicated place instead of leaving them\n          scattered around your bedside table.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"kc-pod-room-items\"\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            📺 TV Remote\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            👓 Glasses\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            📱 Small Accessories\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            ✏️ Pens\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- OFFICE --\u003e\n\n      \u003cdiv class=\"kc-pod-room-panel kc-pod-room-panel-office\"\u003e\n\n        \u003cspan class=\"kc-pod-room-panel-label\"\u003e\n          Home Office\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Tidy Up Your Workspace.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Use the compartments for stationery and small\n          items that normally end up scattered across\n          your desk.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"kc-pod-room-items\"\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            ✏️ Pens\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            🖊️ Markers\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            📎 Small Supplies\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            🗒️ Accessories\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- GAMING --\u003e\n\n      \u003cdiv class=\"kc-pod-room-panel kc-pod-room-panel-gaming\"\u003e\n\n        \u003cspan class=\"kc-pod-room-panel-label\"\u003e\n          Gaming Room\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Keep Your Controls Together.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Give smaller controllers, remotes and gaming\n          accessories a dedicated place between sessions.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"kc-pod-room-items\"\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            🎮 Controller\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            📺 TV Remote\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            🎧 Accessories\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-pod-room-item\"\u003e\n            🔌 Small Items\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ===================================================\n         TIP\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-room-tip\"\u003e\n\n      \u003cstrong\u003eSmall upgrade. Big difference.\u003c\/strong\u003e\u003cbr\u003e\n\n      Wherever little items tend to collect,\n      give them one dedicated place.\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   KRITZCRIBS™ COMMAND POD\n   PART 5 — DIMENSIONS + FIT\n========================================================= *\/\n\n.kc-pod-spec-wrap {\n  --pod-gold: #d4af37;\n  --pod-gold-light: #f1d878;\n  --pod-white: #ffffff;\n  --pod-text: #bdbdbd;\n  --pod-muted: #888;\n\n  width: 100%;\n  max-width: 520px;\n\n  margin: 14px auto 0;\n  padding: 10px;\n\n  box-sizing: border-box;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   MAIN CARD\n========================================================= *\/\n\n.kc-pod-spec {\n  padding: 22px 14px;\n\n  border-radius: 23px;\n\n  background:\n    linear-gradient(145deg,#151515,#090909);\n\n  border: 1px solid rgba(255,255,255,.08);\n\n  box-shadow:\n    0 16px 38px rgba(0,0,0,.32);\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.kc-pod-spec-eyebrow {\n  margin-bottom: 7px;\n\n  color: var(--pod-gold);\n\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n\n  text-align: center;\n}\n\n.kc-pod-spec-title {\n  margin: 0;\n\n  color: #fff;\n\n  font-size: 25px;\n  line-height: 1.15;\n  font-weight: 900;\n  letter-spacing: -.4px;\n\n  text-align: center;\n}\n\n.kc-pod-spec-description {\n  max-width: 430px;\n\n  margin: 8px auto 20px;\n\n  color: var(--pod-text);\n\n  font-size: 13.5px;\n  line-height: 1.65;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   DIMENSION DISPLAY\n========================================================= *\/\n\n.kc-pod-dimensions {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap: 8px;\n}\n\n\n\/* dimensions *\/\n\n.kc-pod-dimension {\n  padding: 14px 10px;\n\n  border-radius: 15px;\n\n  background: rgba(255,255,255,.045);\n\n  border: 1px solid rgba(255,255,255,.07);\n\n  text-align: center;\n}\n\n.kc-pod-dimension-icon {\n  display: block;\n\n  margin-bottom: 6px;\n\n  font-size: 18px;\n}\n\n.kc-pod-dimension strong {\n  display: block;\n\n  color: var(--pod-gold-light);\n\n  font-size: 21px;\n  line-height: 1.15;\n  font-weight: 850;\n}\n\n.kc-pod-dimension span {\n  display: block;\n\n  margin-top: 4px;\n\n  color: var(--pod-muted);\n\n  font-size: 9.5px;\n  line-height: 1.3;\n}\n\n\n\/* =========================================================\n   COMBINED SIZE LINE\n========================================================= *\/\n\n.kc-pod-size-line {\n  margin-top: 9px;\n\n  padding: 12px;\n\n  border-radius: 13px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(212,175,55,.10),\n      rgba(212,175,55,.025)\n    );\n\n  border: 1px solid rgba(212,175,55,.15);\n\n  color: #bdbdbd;\n\n  font-size: 11px;\n  line-height: 1.5;\n\n  text-align: center;\n}\n\n.kc-pod-size-line strong {\n  color: #fff;\n}\n\n\n\/* =========================================================\n   PERFECT FOR\n========================================================= *\/\n\n.kc-pod-fit {\n  margin-top: 20px;\n}\n\n.kc-pod-fit-title {\n  margin: 0 0 11px;\n\n  color: #fff;\n\n  font-size: 18px;\n  font-weight: 800;\n\n  text-align: center;\n}\n\n.kc-pod-fit-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap: 7px;\n}\n\n.kc-pod-fit-item {\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  min-height: 48px;\n\n  padding: 9px;\n\n  box-sizing: border-box;\n\n  border-radius: 13px;\n\n  background: #151515;\n\n  border: 1px solid rgba(255,255,255,.07);\n\n  color: #bcbcbc;\n\n  font-size: 10.5px;\n  line-height: 1.35;\n}\n\n.kc-pod-fit-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 29px;\n\n  width: 29px;\n  height: 29px;\n\n  border-radius: 9px;\n\n  background: #202020;\n\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   SIZE NOTICE\n========================================================= *\/\n\n.kc-pod-spec-note {\n  margin-top: 13px;\n\n  padding: 13px;\n\n  border-radius: 14px;\n\n  background: #101010;\n\n  border: 1px solid rgba(255,255,255,.07);\n\n  color: #929292;\n\n  font-size: 10.5px;\n  line-height: 1.6;\n\n  text-align: center;\n}\n\n.kc-pod-spec-note strong {\n  color: #ddd;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .kc-pod-spec-wrap {\n    padding: 7px;\n  }\n\n  .kc-pod-spec {\n    padding: 20px 11px;\n\n    border-radius: 20px;\n  }\n\n  .kc-pod-spec-title {\n    font-size: 23px;\n  }\n\n  .kc-pod-dimension {\n    padding: 12px 7px;\n  }\n\n  .kc-pod-dimension strong {\n    font-size: 19px;\n  }\n\n  .kc-pod-fit-item {\n    padding: 8px 7px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"kc-pod-spec-wrap\"\u003e\n\n  \u003cdiv class=\"kc-pod-spec\"\u003e\n\n\n    \u003c!-- ===================================================\n         HEADER\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-spec-eyebrow\"\u003e\n      Know The Size\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"kc-pod-spec-title\"\u003e\n      Compact Enough To Fit In.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"kc-pod-spec-description\"\u003e\n      The Command Pod is designed to keep everyday items\n      organised while staying compact enough for a coffee\n      table, TV unit, desk or bedside area.\n    \u003c\/p\u003e\n\n\n    \u003c!-- ===================================================\n         DIMENSIONS\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-dimensions\"\u003e\n\n\n      \u003cdiv class=\"kc-pod-dimension\"\u003e\n\n        \u003cspan class=\"kc-pod-dimension-icon\"\u003e\n          ↔️\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          19 cm\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Width\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"kc-pod-dimension\"\u003e\n\n        \u003cspan class=\"kc-pod-dimension-icon\"\u003e\n          ↕️\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          12 cm\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Height\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"kc-pod-dimension\"\u003e\n\n        \u003cspan class=\"kc-pod-dimension-icon\"\u003e\n          📦\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          11 cm\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Depth\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"kc-pod-dimension\"\u003e\n\n        \u003cspan class=\"kc-pod-dimension-icon\"\u003e\n          🗂️\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          5\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Deep compartments\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"kc-pod-size-line\"\u003e\n      Product size:\n      \u003cstrong\u003e19 cm × 12 cm × 11 cm\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- ===================================================\n         PERFECT FOR\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-fit\"\u003e\n\n      \u003ch3 class=\"kc-pod-fit-title\"\u003e\n        Great For\n      \u003c\/h3\u003e\n\n\n      \u003cdiv class=\"kc-pod-fit-grid\"\u003e\n\n\n        \u003cdiv class=\"kc-pod-fit-item\"\u003e\n\n          \u003cspan class=\"kc-pod-fit-icon\"\u003e\n            📺\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            TV \u0026amp; DStv remotes\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"kc-pod-fit-item\"\u003e\n\n          \u003cspan class=\"kc-pod-fit-icon\"\u003e\n            ❄️\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            Aircon remotes\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"kc-pod-fit-item\"\u003e\n\n          \u003cspan class=\"kc-pod-fit-icon\"\u003e\n            🚪\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            Gate \u0026amp; garage remotes\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"kc-pod-fit-item\"\u003e\n\n          \u003cspan class=\"kc-pod-fit-icon\"\u003e\n            ✏️\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            Pens \u0026amp; stationery\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"kc-pod-fit-item\"\u003e\n\n          \u003cspan class=\"kc-pod-fit-icon\"\u003e\n            💄\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            Makeup brushes\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"kc-pod-fit-item\"\u003e\n\n          \u003cspan class=\"kc-pod-fit-icon\"\u003e\n            🎮\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            Small gaming accessories\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ===================================================\n         NOTICE\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-spec-note\"\u003e\n\n      \u003cstrong\u003eBefore ordering:\u003c\/strong\u003e\u003cbr\u003e\n\n      The Command Pod is designed for most standard-sized\n      household remotes and small everyday accessories.\n      For unusually large items, compare their size with\n      the dimensions above first.\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   KRITZCRIBS™ COMMAND POD\n   PART 6 — SHOP WITH CONFIDENCE\n========================================================= *\/\n\n.kc-pod-trust-wrap {\n  --pod-gold: #d4af37;\n  --pod-gold-light: #f1d878;\n\n  width: 100%;\n  max-width: 520px;\n\n  margin: 14px auto 0;\n  padding: 10px;\n\n  box-sizing: border-box;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n.kc-pod-trust {\n  padding: 21px 14px;\n\n  border-radius: 23px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #f8f7f4,\n      #fffdf9\n    );\n\n  border: 1px solid #e7e3da;\n\n  box-shadow:\n    0 12px 30px rgba(0,0,0,.05);\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.kc-pod-trust-eyebrow {\n  margin-bottom: 7px;\n\n  color: #9b771d;\n\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.kc-pod-trust-title {\n  margin: 0;\n\n  color: #222;\n\n  font-size: 24px;\n  line-height: 1.15;\n  font-weight: 900;\n  letter-spacing: -.4px;\n  text-align: center;\n}\n\n.kc-pod-trust-intro {\n  max-width: 410px;\n\n  margin: 8px auto 18px;\n\n  color: #6a6a6a;\n\n  font-size: 13px;\n  line-height: 1.6;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   TRUST ITEMS\n========================================================= *\/\n\n.kc-pod-trust-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap: 8px;\n}\n\n.kc-pod-trust-item {\n  display: flex;\n  align-items: flex-start;\n\n  gap: 10px;\n\n  min-height: 70px;\n\n  padding: 12px;\n\n  box-sizing: border-box;\n\n  border-radius: 15px;\n\n  background: #fff;\n\n  border: 1px solid #e9e9e9;\n}\n\n.kc-pod-trust-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 34px;\n\n  width: 34px;\n  height: 34px;\n\n  border-radius: 10px;\n\n  background: #fff8e8;\n\n  font-size: 16px;\n}\n\n.kc-pod-trust-copy {\n  min-width: 0;\n}\n\n.kc-pod-trust-copy strong {\n  display: block;\n\n  color: #252525;\n\n  font-size: 11.5px;\n  line-height: 1.3;\n  font-weight: 800;\n}\n\n.kc-pod-trust-copy span {\n  display: block;\n\n  margin-top: 4px;\n\n  color: #777;\n\n  font-size: 9.5px;\n  line-height: 1.45;\n}\n\n\n\/* =========================================================\n   DELIVERY BAR\n========================================================= *\/\n\n.kc-pod-delivery {\n  margin-top: 11px;\n\n  padding: 12px 13px;\n\n  border-radius: 14px;\n\n  background: #111;\n\n  color: #a9a9a9;\n\n  font-size: 10.5px;\n  line-height: 1.55;\n\n  text-align: center;\n}\n\n.kc-pod-delivery strong {\n  color: #fff;\n}\n\n.kc-pod-delivery-accent {\n  color: var(--pod-gold-light);\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   BRAND MESSAGE\n========================================================= *\/\n\n.kc-pod-brand-note {\n  margin-top: 13px;\n\n  padding: 13px;\n\n  border-radius: 14px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(212,175,55,.10),\n      rgba(212,175,55,.025)\n    );\n\n  border: 1px solid rgba(212,175,55,.17);\n\n  color: #5f5f5f;\n\n  font-size: 10.5px;\n  line-height: 1.6;\n\n  text-align: center;\n}\n\n.kc-pod-brand-note strong {\n  color: #252525;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .kc-pod-trust-wrap {\n    padding: 7px;\n  }\n\n  .kc-pod-trust {\n    padding: 20px 11px;\n\n    border-radius: 20px;\n  }\n\n  .kc-pod-trust-title {\n    font-size: 22px;\n  }\n\n  .kc-pod-trust-grid {\n    gap: 7px;\n  }\n\n  .kc-pod-trust-item {\n    padding: 10px;\n\n    min-height: 67px;\n  }\n\n  .kc-pod-trust-icon {\n    flex-basis: 31px;\n\n    width: 31px;\n    height: 31px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"kc-pod-trust-wrap\"\u003e\n\n  \u003cdiv class=\"kc-pod-trust\"\u003e\n\n\n    \u003c!-- ===================================================\n         HEADER\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-trust-eyebrow\"\u003e\n      Shopping With Confidence\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"kc-pod-trust-title\"\u003e\n      Simple. Secure. Straightforward.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"kc-pod-trust-intro\"\u003e\n      We want the buying experience to be just as easy\n      as using the product.\n    \u003c\/p\u003e\n\n\n    \u003c!-- ===================================================\n         TRUST GRID\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-trust-grid\"\u003e\n\n\n      \u003cdiv class=\"kc-pod-trust-item\"\u003e\n\n        \u003cspan class=\"kc-pod-trust-icon\"\u003e\n          🔒\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"kc-pod-trust-copy\"\u003e\n\n          \u003cstrong\u003e\n            Secure Checkout\n          \u003c\/strong\u003e\n\n          \u003cspan\u003e\n            Your order is processed through Shopify's\n            secure checkout.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"kc-pod-trust-item\"\u003e\n\n        \u003cspan class=\"kc-pod-trust-icon\"\u003e\n          📦\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"kc-pod-trust-copy\"\u003e\n\n          \u003cstrong\u003e\n            Order Tracking\n          \u003c\/strong\u003e\n\n          \u003cspan\u003e\n            Tracking details are provided once your\n            order has been dispatched.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"kc-pod-trust-item\"\u003e\n\n        \u003cspan class=\"kc-pod-trust-icon\"\u003e\n          💬\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"kc-pod-trust-copy\"\u003e\n\n          \u003cstrong\u003e\n            Customer Support\n          \u003c\/strong\u003e\n\n          \u003cspan\u003e\n            Questions about your order or product?\n            We're here to help.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"kc-pod-trust-item\"\u003e\n\n        \u003cspan class=\"kc-pod-trust-icon\"\u003e\n          🇿🇦\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"kc-pod-trust-copy\"\u003e\n\n          \u003cstrong\u003e\n            South African Brand\n          \u003c\/strong\u003e\n\n          \u003cspan\u003e\n            KritzCribs™ is built around practical\n            products for local homes.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ===================================================\n         DELIVERY\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-delivery\"\u003e\n\n      \u003cstrong\u003eDelivery:\u003c\/strong\u003e\n      Orders typically arrive within\n      \u003cspan class=\"kc-pod-delivery-accent\"\u003e\n        8–11 business days\n      \u003c\/span\u003e.\n      Tracking is provided after dispatch.\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ===================================================\n         BRAND MESSAGE\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-brand-note\"\u003e\n\n      \u003cstrong\u003e\n        Thank you for supporting KritzCribs™.\n      \u003c\/strong\u003e\n      Every order helps us continue bringing practical,\n      stylish home products to South African customers.\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   KRITZCRIBS™ COMMAND POD\n   PART 7 — FAQ + FINAL CTA\n   Native HTML \/ no JavaScript required\n========================================================= *\/\n\n.kc-pod-faq-wrap {\n  --pod-gold: #d4af37;\n  --pod-gold-light: #f1d878;\n  --pod-white: #ffffff;\n  --pod-text: #666;\n  --pod-dark: #111;\n\n  width: 100%;\n  max-width: 520px;\n\n  margin: 14px auto 0;\n  padding: 10px;\n\n  box-sizing: border-box;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   FAQ CARD\n========================================================= *\/\n\n.kc-pod-faq {\n  padding: 22px 14px;\n\n  border-radius: 23px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #faf9f6,\n      #f5f2ec\n    );\n\n  border: 1px solid #e6e1d8;\n\n  box-shadow:\n    0 14px 35px rgba(0,0,0,.06);\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.kc-pod-faq-eyebrow {\n  margin-bottom: 7px;\n\n  color: #9d791c;\n\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.kc-pod-faq-title {\n  margin: 0;\n\n  color: #222;\n\n  font-size: 25px;\n  line-height: 1.15;\n  font-weight: 900;\n  letter-spacing: -.4px;\n\n  text-align: center;\n}\n\n.kc-pod-faq-intro {\n  max-width: 410px;\n\n  margin: 8px auto 19px;\n\n  color: #6a6a6a;\n\n  font-size: 13px;\n  line-height: 1.65;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   FAQ ACCORDIONS\n========================================================= *\/\n\n.kc-pod-faq-item {\n  overflow: hidden;\n\n  margin-bottom: 8px;\n\n  border-radius: 16px;\n\n  background: #fff;\n\n  border: 1px solid #e7e4df;\n\n  box-shadow:\n    0 6px 18px rgba(0,0,0,.04);\n\n  transition:\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.kc-pod-faq-item:last-child {\n  margin-bottom: 0;\n}\n\n.kc-pod-faq-item[open] {\n  border-color: rgba(212,175,55,.55);\n\n  box-shadow:\n    0 8px 22px rgba(212,175,55,.08);\n}\n\n\n.kc-pod-faq-item summary {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 12px;\n\n  min-height: 58px;\n\n  padding: 13px 14px;\n\n  box-sizing: border-box;\n\n  cursor: pointer;\n\n  list-style: none;\n\n  -webkit-tap-highlight-color: transparent;\n  user-select: none;\n}\n\n.kc-pod-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.kc-pod-faq-question {\n  flex: 1;\n\n  color: #242424;\n\n  font-size: 13px;\n  line-height: 1.4;\n  font-weight: 750;\n}\n\n.kc-pod-faq-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 27px;\n\n  width: 27px;\n  height: 27px;\n\n  border-radius: 50%;\n\n  background: #fff8e8;\n\n  color: #b4881d;\n\n  font-size: 18px;\n  font-weight: 600;\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n.kc-pod-faq-item[open] .kc-pod-faq-icon {\n  transform: rotate(45deg);\n\n  background: #d4af37;\n\n  color: #222;\n}\n\n\n\/* answer *\/\n\n.kc-pod-faq-answer {\n  padding: 0 14px 15px;\n\n  animation:\n    kcPodFaqOpen .25s ease both;\n}\n\n@keyframes kcPodFaqOpen {\n\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n.kc-pod-faq-answer p {\n  margin: 0;\n\n  color: #666;\n\n  font-size: 11.5px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   WHAT'S INCLUDED\n========================================================= *\/\n\n.kc-pod-box {\n  margin-top: 15px;\n\n  padding: 18px 15px;\n\n  border-radius: 18px;\n\n  background: #fff;\n\n  border: 1px solid #e7e4df;\n}\n\n.kc-pod-box-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 10px;\n\n  margin-bottom: 13px;\n}\n\n.kc-pod-box-heading h3 {\n  margin: 0;\n\n  color: #222;\n\n  font-size: 18px;\n  font-weight: 850;\n}\n\n.kc-pod-box-count {\n  padding: 5px 9px;\n\n  border-radius: 999px;\n\n  background: rgba(212,175,55,.10);\n\n  border: 1px solid rgba(212,175,55,.18);\n\n  color: #9a7419;\n\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: .4px;\n}\n\n.kc-pod-box-list {\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n.kc-pod-box-list li {\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  padding: 9px 0;\n\n  border-bottom: 1px solid #eeeeee;\n\n  color: #5f5f5f;\n\n  font-size: 11.5px;\n  line-height: 1.4;\n}\n\n.kc-pod-box-list li:last-child {\n  border-bottom: 0;\n  padding-bottom: 0;\n}\n\n.kc-pod-box-check {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 22px;\n\n  width: 22px;\n  height: 22px;\n\n  border-radius: 7px;\n\n  background: #fff8e8;\n\n  color: #a47b18;\n\n  font-size: 11px;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.kc-pod-final {\n  position: relative;\n  overflow: hidden;\n\n  margin-top: 15px;\n\n  padding: 25px 16px;\n\n  border-radius: 23px;\n\n  background:\n    radial-gradient(\n      circle at 50% -30%,\n      rgba(255,255,255,.18),\n      transparent 50%\n    ),\n    linear-gradient(\n      135deg,\n      #d4af37,\n      #f1d878\n    );\n\n  text-align: center;\n\n  box-shadow:\n    0 18px 40px rgba(212,175,55,.18);\n}\n\n.kc-pod-final::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 130px;\n  height: 130px;\n\n  top: -85px;\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.11);\n\n  filter: blur(20px);\n}\n\n.kc-pod-final h2 {\n  position: relative;\n\n  margin: 0 0 8px;\n\n  color: #202020;\n\n  font-size: 26px;\n  line-height: 1.15;\n  font-weight: 900;\n  letter-spacing: -.5px;\n}\n\n.kc-pod-final p {\n  position: relative;\n\n  max-width: 390px;\n\n  margin: 0 auto 17px;\n\n  color: #473b28;\n\n  font-size: 12.5px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   CTA GUIDE\n========================================================= *\/\n\n.kc-pod-final-button {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  min-height: 52px;\n\n  padding: 14px 18px;\n\n  box-sizing: border-box;\n\n  border-radius: 999px;\n\n  background: #151515;\n\n  color: #fff !important;\n\n  text-decoration: none !important;\n\n  font-size: 14px;\n  font-weight: 850;\n\n  box-shadow:\n    0 9px 22px rgba(0,0,0,.16);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.kc-pod-final-button:hover {\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 13px 28px rgba(0,0,0,.20);\n}\n\n.kc-pod-final-button:active {\n  transform: scale(.98);\n}\n\n\n.kc-pod-final-note {\n  position: relative;\n\n  margin-top: 10px;\n\n  color: #6f5b38;\n\n  font-size: 9.5px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   BRAND FOOTER\n========================================================= *\/\n\n.kc-pod-footer {\n  margin-top: 14px;\n\n  padding: 5px 8px 18px;\n\n  color: #858585;\n\n  font-size: 10px;\n  line-height: 1.6;\n\n  text-align: center;\n}\n\n.kc-pod-footer strong {\n  color: #555;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .kc-pod-faq-wrap {\n    padding: 7px;\n  }\n\n  .kc-pod-faq {\n    padding: 20px 11px;\n\n    border-radius: 20px;\n  }\n\n  .kc-pod-faq-title {\n    font-size: 23px;\n  }\n\n  .kc-pod-faq-item summary {\n    padding: 12px;\n  }\n\n  .kc-pod-final {\n    padding: 23px 14px;\n\n    border-radius: 20px;\n  }\n\n  .kc-pod-final h2 {\n    font-size: 24px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .kc-pod-faq-answer,\n  .kc-pod-faq-icon,\n  .kc-pod-final-button {\n    animation: none;\n    transition: none;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"kc-pod-faq-wrap\"\u003e\n\n  \u003cdiv class=\"kc-pod-faq\"\u003e\n\n\n    \u003c!-- ===================================================\n         HEADER\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-faq-eyebrow\"\u003e\n      Before You Order\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"kc-pod-faq-title\"\u003e\n      Frequently Asked Questions\n    \u003c\/h2\u003e\n\n    \u003cp class=\"kc-pod-faq-intro\"\u003e\n      A few quick answers before you add the Command Pod\n      to your order.\n    \u003c\/p\u003e\n\n\n    \u003c!-- ===================================================\n         FAQ 1\n    ==================================================== --\u003e\n\n    \u003cdetails class=\"kc-pod-faq-item\" open\u003e\n\n      \u003csummary\u003e\n\n        \u003cspan class=\"kc-pod-faq-question\"\u003e\n          Will my DStv remote fit?\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kc-pod-faq-icon\"\u003e\n          +\n        \u003c\/span\u003e\n\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"kc-pod-faq-answer\"\u003e\n\n        \u003cp\u003e\n          The Command Pod is designed for most standard-sized\n          household remotes. For unusually large remotes,\n          compare their size with the product dimensions\n          before ordering.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003c!-- ===================================================\n         FAQ 2\n    ==================================================== --\u003e\n\n    \u003cdetails class=\"kc-pod-faq-item\"\u003e\n\n      \u003csummary\u003e\n\n        \u003cspan class=\"kc-pod-faq-question\"\u003e\n          Can I use it for more than remotes?\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kc-pod-faq-icon\"\u003e\n          +\n        \u003c\/span\u003e\n\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"kc-pod-faq-answer\"\u003e\n\n        \u003cp\u003e\n          Yes. It can also be used for pens, stationery,\n          makeup brushes and other small everyday accessories\n          that you want to keep organised.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003c!-- ===================================================\n         FAQ 3\n    ==================================================== --\u003e\n\n    \u003cdetails class=\"kc-pod-faq-item\"\u003e\n\n      \u003csummary\u003e\n\n        \u003cspan class=\"kc-pod-faq-question\"\u003e\n          How long does delivery take?\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kc-pod-faq-icon\"\u003e\n          +\n        \u003c\/span\u003e\n\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"kc-pod-faq-answer\"\u003e\n\n        \u003cp\u003e\n          Delivery typically takes\n          \u003cstrong\u003e8–11 business days\u003c\/strong\u003e.\n          Tracking details are provided after your order\n          has been dispatched.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003c!-- ===================================================\n         FAQ 4\n    ==================================================== --\u003e\n\n    \u003cdetails class=\"kc-pod-faq-item\"\u003e\n\n      \u003csummary\u003e\n\n        \u003cspan class=\"kc-pod-faq-question\"\u003e\n          Is it made from genuine leather?\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kc-pod-faq-icon\"\u003e\n          +\n        \u003c\/span\u003e\n\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"kc-pod-faq-answer\"\u003e\n\n        \u003cp\u003e\n          No. The Command Pod uses a PU leather finish.\n          It is chosen for its clean appearance and practical\n          everyday use.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003c!-- ===================================================\n         WHAT'S INCLUDED\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-box\"\u003e\n\n      \u003cdiv class=\"kc-pod-box-heading\"\u003e\n\n        \u003ch3\u003e\n          What's Included\n        \u003c\/h3\u003e\n\n        \u003cspan class=\"kc-pod-box-count\"\u003e\n          1 PIECE\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cul class=\"kc-pod-box-list\"\u003e\n\n        \u003cli\u003e\n\n          \u003cspan class=\"kc-pod-box-check\"\u003e\n            ✓\n          \u003c\/span\u003e\n\n          1 × KritzCribs™ Command Pod\n\n        \u003c\/li\u003e\n\n\n        \u003cli\u003e\n\n          \u003cspan class=\"kc-pod-box-check\"\u003e\n            ✓\n          \u003c\/span\u003e\n\n          Ready to use straight out of the box\n\n        \u003c\/li\u003e\n\n      \u003c\/ul\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ===================================================\n         FINAL CTA\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-final\"\u003e\n\n      \u003ch2\u003e\n        Ready To Take Back Your Space?\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Give your everyday remotes and small essentials\n        one dedicated home.\n      \u003c\/p\u003e\n\n\n      \u003c!--\n        IMPORTANT:\n        Keep #product-form if your Shopify theme uses it.\n\n        If your actual Add to Cart form has a different ID,\n        change this link to that ID.\n      --\u003e\n\n      \u003ca class=\"kc-pod-final-button\" href=\"#product-form\"\u003e\n        Get My Command Pod →\n      \u003c\/a\u003e\n\n\n      \u003cdiv class=\"kc-pod-final-note\"\u003e\n        Your product options and Add to Cart button are\n        just below this section.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ===================================================\n         FOOTER\n    ==================================================== --\u003e\n\n    \u003cdiv class=\"kc-pod-footer\"\u003e\n\n      \u003cstrong\u003eKritzCribs™\u003c\/strong\u003e\u003cbr\u003e\n\n      Practical products for modern South African homes.\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   KRITZCRIBS™ KASI KITCHEN SIX\n   FINAL MOBILE POLISH — CLEANED UP\n========================================================= *\/\n\n\n\/* =========================================================\n   GLOBAL SECTION SETTINGS\n========================================================= *\/\n\n.kc-hero-wrap,\n.kc-gallery-wrap,\n.kc-tools-wrap,\n.kc-value-wrap,\n.kc-final-wrap {\n  box-sizing: border-box;\n\n  --kc-section-gap: 10px;\n  --kc-mobile-side: 10px;\n\n  width: 100%;\n  max-width: 560px;\n\n  margin-left: auto;\n  margin-right: auto;\n\n  padding-left: var(--kc-mobile-side);\n  padding-right: var(--kc-mobile-side);\n\n  isolation: isolate;\n}\n\n\n\/* =========================================================\n   SECTION SPACING\n========================================================= *\/\n\n.kc-hero-wrap {\n  margin-top: 0;\n  margin-bottom: var(--kc-section-gap);\n}\n\n.kc-gallery-wrap,\n.kc-tools-wrap,\n.kc-value-wrap,\n.kc-final-wrap {\n  margin-top: var(--kc-section-gap);\n  margin-bottom: 0;\n}\n\n\n\/* =========================================================\n   BOX SIZING\n========================================================= *\/\n\n.kc-hero-wrap *,\n.kc-gallery-wrap *,\n.kc-tools-wrap *,\n.kc-value-wrap *,\n.kc-final-wrap * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION ENTRY ANIMATION\n========================================================= *\/\n\n.kc-hero,\n.kc-gallery,\n.kc-tools,\n.kc-value,\n.kc-perfect {\n  animation:\n    kcSectionReveal .5s cubic-bezier(.22,.61,.36,1) both;\n\n  will-change: opacity, transform;\n}\n\n\n@keyframes kcSectionReveal {\n\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   LIGHT SEQUENTIAL TIMING\n========================================================= *\/\n\n.kc-gallery {\n  animation-delay: .05s;\n}\n\n.kc-tools {\n  animation-delay: .10s;\n}\n\n.kc-value {\n  animation-delay: .15s;\n}\n\n.kc-perfect {\n  animation-delay: .20s;\n}\n\n\n\/* =========================================================\n   FEATURE CARD ANIMATION\n========================================================= *\/\n\n.kc-feature,\n.kc-audience {\n  animation:\n    kcCardReveal .4s cubic-bezier(.22,.61,.36,1) both;\n}\n\n\n.kc-feature:nth-child(1),\n.kc-audience:nth-child(1) {\n  animation-delay: .08s;\n}\n\n.kc-feature:nth-child(2),\n.kc-audience:nth-child(2) {\n  animation-delay: .12s;\n}\n\n.kc-feature:nth-child(3),\n.kc-audience:nth-child(3) {\n  animation-delay: .16s;\n}\n\n.kc-feature:nth-child(4),\n.kc-audience:nth-child(4) {\n  animation-delay: .20s;\n}\n\n\n@keyframes kcCardReveal {\n\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE HOVER SAFETY\n========================================================= *\/\n\n@media (hover: none) {\n\n  .kc-hero-cta:hover,\n  .kc-buy-button:hover,\n  .kc-feature:hover,\n  .kc-audience:hover,\n  .kc-gallery-main:hover img,\n  .kc-detail-image:hover img {\n    transform: none;\n  }\n\n}\n\n\n\/* =========================================================\n   TOUCH TARGETS\n========================================================= *\/\n\n.kc-tool summary,\n.kc-hero-cta,\n.kc-buy-button {\n  -webkit-tap-highlight-color: transparent;\n  touch-action: manipulation;\n}\n\n.kc-tool summary {\n  min-height: 56px;\n}\n\n\n\/* =========================================================\n   TEXT SAFETY\n========================================================= *\/\n\n.kc-hero *,\n.kc-gallery *,\n.kc-tools *,\n.kc-value *,\n.kc-final-wrap * {\n  overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n   IMAGE SAFETY\n========================================================= *\/\n\n.kc-gallery img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n\n\n\/* =========================================================\n   MOBILE TYPOGRAPHY\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n  .kc-title {\n    line-height: 1.08;\n  }\n\n  .kc-tools-title,\n  .kc-value-title,\n  .kc-final-title,\n  .kc-gallery-title {\n    line-height: 1.15;\n  }\n\n  .kc-description,\n  .kc-tools-subtitle,\n  .kc-value-intro,\n  .kc-final-description,\n  .kc-gallery-description {\n    line-height: 1.62;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONES\n========================================================= *\/\n\n@media (max-width: 375px) {\n\n  .kc-hero-wrap,\n  .kc-gallery-wrap,\n  .kc-tools-wrap,\n  .kc-value-wrap,\n  .kc-final-wrap {\n    --kc-section-gap: 8px;\n    --kc-mobile-side: 7px;\n  }\n\n  .kc-benefits {\n    gap: 5px;\n  }\n\n  .kc-benefit {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n\n  .kc-feature-grid,\n  .kc-audience-grid {\n    gap: 7px;\n  }\n\n  .kc-feature,\n  .kc-audience {\n    border-radius: 14px;\n  }\n\n  .kc-hero,\n  .kc-gallery,\n  .kc-tools,\n  .kc-value,\n  .kc-perfect,\n  .kc-final-cta {\n    border-radius: 20px;\n  }\n\n  .kc-hero-cta,\n  .kc-buy-button {\n    min-height: 50px;\n    font-size: 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n   SCOPED ONLY TO KRITZCRIBS COMPONENTS\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .kc-hero-wrap *,\n  .kc-gallery-wrap *,\n  .kc-tools-wrap *,\n  .kc-value-wrap *,\n  .kc-final-wrap * {\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n    scroll-behavior: auto !important;\n  }\n\n}\n\n\n\/* =========================================================\n   LINK RESET — SCOPED\n========================================================= *\/\n\n.kc-hero-wrap a,\n.kc-gallery-wrap a,\n.kc-tools-wrap a,\n.kc-value-wrap a,\n.kc-final-wrap a {\n  text-decoration: none;\n}\n\n\u003c\/style\u003e","brand":"KritzCribs","offers":[{"title":"Default Title","offer_id":48435264356574,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0796\/4550\/7806\/files\/ChatGPTImageJul14_2026_06_23_44PM.png?v=1784046239","url":"https:\/\/kritzcrib.co.za\/products\/kritzcribs%e2%84%a2-command-pod","provider":"Kritz Crib","version":"1.0","type":"link"}