html[data-itodi-product-type="bookcase"] .ib398-depth { border-top:1px solid #dfe5f0; padding:18px 0 10px; margin-top:16px; }
html[data-itodi-product-type="bookcase"] .ib398-depth[hidden] { display:none!important; }
html[data-itodi-product-type="bookcase"] .ib398-depth-row { display:flex; gap:12px; align-items:center; justify-content:space-between; }
html[data-itodi-product-type="bookcase"] .ib398-depth-row label { font-size:13px; line-height:1.5; color:#28312e; }
html[data-itodi-product-type="bookcase"] .ib398-counter { display:flex; flex:0 0 auto; align-items:center; border:1px solid #d6def0; border-radius:10px; overflow:hidden; height:40px; background:#fff; }
html[data-itodi-product-type="bookcase"] .ib398-counter button { width:32px; height:38px; border:0; border-radius:0; padding:0; background:#f5f7fb; color:#173cff; cursor:pointer; }
html[data-itodi-product-type="bookcase"] .ib398-counter button:disabled { opacity:.4; cursor:default; }
html[data-itodi-product-type="bookcase"] .ib398-counter input { width:42px; min-width:0; height:38px; padding:0; text-align:center; border:0; box-shadow:none; border-radius:0; background:#fff; color:#28312e; font:inherit; appearance:textfield; }
html[data-itodi-product-type="bookcase"] .ib398-counter input::-webkit-inner-spin-button { appearance:none; }
html[data-itodi-product-type="bookcase"] .ib398-counter span { font-size:12px; padding-right:8px; color:#7c879b; }
html[data-itodi-product-type="bookcase"] .ib398-help,html[data-itodi-product-type="bookcase"] .ib398-error { margin:8px 0 0; font-size:12px; line-height:1.5; color:#7c879b; }
html[data-itodi-product-type="bookcase"] .ib398-error { color:#b42318; }
html[data-itodi-product-type="bookcase"] .ib398-features { display:grid; gap:20px; border-top:1px solid #dfe5f0; padding-top:22px; margin-top:24px; }
html[data-itodi-product-type="bookcase"] .ib398-feature { display:flex; align-items:flex-start; gap:12px; cursor:pointer; font-size:13px; line-height:1.5; }
html[data-itodi-product-type="bookcase"] .ib398-feature input { width:19px; height:19px; flex:0 0 auto; margin:1px 0 0; accent-color:#183bff; }
html[data-itodi-product-type="bookcase"] .ib398-feature-title { display:block; color:#28312e; font-weight:600; }
html[data-itodi-product-type="bookcase"] .ib398-feature small { display:block; color:#7c879b; font-size:12px; line-height:1.5; margin-top:5px; }

/* These controls are siblings of the optional front-placement section, so scope
   them to their own route rather than relying on that section's visibility. */
html[data-itodi-product-type="bookcase"]:not([data-studio-category="fronts"]) .ib398-features,
html[data-itodi-product-type="bookcase"]:not([data-studio-part="construction"]) .ib398-features { display:none!important; }
