/* Collections page boxes (2026-10-21, approved by Esti).
   Desktop only (min-width 961px). Applies ONLY to the Collections page (cPath=238):
   the selector requires #indexCategories to contain links to three different
   Collections sub-categories (238_629 Gold Filled, 238_479 Gemstone, 238_594 Lab-Grown),
   which only happens on the main Collections page. Rollback: delete this file. */
@media (min-width:961px){
#indexCategories:has(a[href*="cPath=238_629"]):has(a[href*="cPath=238_479"]):has(a[href*="cPath=238_594"]) td:has(> .categoryListBoxContents){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:22px!important;padding:10px 0 20px!important}
#indexCategories:has(a[href*="cPath=238_629"]):has(a[href*="cPath=238_479"]):has(a[href*="cPath=238_594"]) td:has(> .categoryListBoxContents) > br{display:none!important}
#indexCategories:has(a[href*="cPath=238_629"]):has(a[href*="cPath=238_479"]):has(a[href*="cPath=238_594"]) td:has(> .categoryListBoxContents) > *:not(.categoryListBoxContents){flex:0 0 100%!important;width:100%!important;text-align:center!important;margin:0 0 4px!important;float:none!important}
#indexCategories:has(a[href*="cPath=238_629"]):has(a[href*="cPath=238_479"]):has(a[href*="cPath=238_594"]) .categoryListBoxContents{float:none!important;flex:0 0 calc(25% - 22px)!important;width:calc(25% - 22px)!important;max-width:300px!important;margin:0!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e2e2!important;border-radius:12px!important;padding:10px!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important;transition:box-shadow .2s,transform .2s,border-color .2s!important;overflow:hidden}
#indexCategories:has(a[href*="cPath=238_629"]):has(a[href*="cPath=238_479"]):has(a[href*="cPath=238_594"]) .categoryListBoxContents:hover{box-shadow:0 8px 22px rgba(0,0,0,.12)!important;transform:translateY(-3px)!important;border-color:#0d2f5e!important}
#indexCategories:has(a[href*="cPath=238_629"]):has(a[href*="cPath=238_479"]):has(a[href*="cPath=238_594"]) .categoryListBoxContents a{display:flex!important;flex-direction:column!important;align-items:center!important;height:100%!important;color:#414042!important;text-decoration:none!important;font-size:15px!important;letter-spacing:.3px}
#indexCategories:has(a[href*="cPath=238_629"]):has(a[href*="cPath=238_479"]):has(a[href*="cPath=238_594"]) .categoryListBoxContents a br{display:none!important}
#indexCategories:has(a[href*="cPath=238_629"]):has(a[href*="cPath=238_479"]):has(a[href*="cPath=238_594"]) .categoryListBoxContents img{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;margin:0 auto 8px!important;border-radius:8px!important;background:#fff}
}