.ss-pdp.ss-cfg{--cfg-font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; --cfg-sku-label:"Catalog"; --pdp-accent:#e85d04; --pdp-ink:#161616; --pdp-muted:#5c5c5c; --pdp-line:#e6e6e6;}


/* product cards in product lists (Inventory, Item Layout, Small Layout, Custom) */
.ss-item-card{position:relative; display:flex; flex-direction:column; box-sizing:border-box; overflow:hidden; border:1px solid #e6e6e6; border-radius:14px; background:#fff; color:#161616; text-align:left; font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; transition:border-color .15s, box-shadow .15s, transform .15s;}
.ss-item-card *{font-family:inherit;}
.ss-item-card:hover{border-color:#e85d04; box-shadow:0 14px 28px -20px rgba(0,0,0,.45); transform:translateY(-2px);}
.ss-item-card:focus-within{outline:3px solid #e85d04; outline-offset:2px;}
.ss-item-img{display:flex; align-items:center; justify-content:center; height:180px; padding:10px; box-sizing:border-box; background:#fff;}
.ss-item-img:not(:has(img)){background:#f4f2ee;}
.ss-item-img a{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.ss-item-img img{display:block; width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; object-fit:contain; border:0; clip-path:inset(1px);}
.ss-item-hidden{display:none !important;}
.ss-item-body{display:flex; flex-direction:column; flex:1 1 auto; padding:16px;}
.ss-item-name{margin:0 0 6px; font-size:16px; line-height:1.3; font-weight:600;}
.ss-item-name br{display:none;}
.ss-item-name a, .ss-item-name a:hover, .ss-item-name a:visited{color:#161616 !important; font-size:inherit !important; font-weight:600 !important; text-decoration:none !important;}
.ss-item-name a:focus{outline:none;}
.ss-item-name a::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;}
.ss-item-desc{font-size:14px; line-height:1.45; color:#5c5c5c; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.ss-item-desc *{margin:0; font-size:inherit !important; font-weight:400; color:inherit !important; line-height:inherit;}
.ss-item-desc:empty, .ss-item-desc:not(:has(span:not(:empty))){display:none;}
.ss-item-price{margin-top:auto; padding-top:10px; font-size:16px; font-weight:700; color:#161616;}
.ss-item-price:empty{display:none;}
/* the list: a grid of cards, 3 across on a wide screen, 2 on a tablet, 1 on a phone */
#tblInner:has(> tbody > tr > td > form > .ss-item-card){display:block; width:100%; border-spacing:0 !important;}
#tblInner:has(> tbody > tr > td > form > .ss-item-card) > tbody{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;}
#tblInner:has(> tbody > tr > td > form > .ss-item-card) > tbody > tr{display:contents;}
#tblInner:has(> tbody > tr > td > form > .ss-item-card) > tbody > tr > td{display:flex; flex-direction:column; width:auto !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important;}
#tblInner:has(> tbody > tr > td > form > .ss-item-card) > tbody > tr > td:not(:has(.ss-item-card)){display:none;}
#tblInner:has(> tbody > tr > td > form > .ss-item-card) > tbody > tr > td > form{display:flex; flex-direction:column; flex:1 1 auto; margin:0;}
#tblInner:has(> tbody > tr > td > form > .ss-item-card) > tbody > tr > td > form > .ss-item-card{flex:1 1 auto;}
#tblInner:has(> tbody > tr > td > form > .ss-item-card) .action-button-container{display:none;}
@media (max-width:1023px){#tblInner:has(> tbody > tr > td > form > .ss-item-card) > tbody{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:639px){#tblInner:has(> tbody > tr > td > form > .ss-item-card) > tbody{grid-template-columns:minmax(0,1fr);}}
@media (prefers-reduced-motion: reduce){.ss-item-card{transition:none;} .ss-item-card:hover{transform:none;}}


/* Department cards (Inventory, Department Layout, Custom) */
.ss-dept-card{position:relative; display:flex; flex-direction:column; height:100%; box-sizing:border-box; overflow:hidden; border:1px solid #e6e6e6; border-radius:14px; background:#fff; color:#161616; text-align:left; font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; transition:border-color .15s, box-shadow .15s, transform .15s;}
.ss-dept-card *{font-family:inherit;}
.ss-dept-card:hover{border-color:#e85d04; box-shadow:0 14px 28px -20px rgba(0,0,0,.45); transform:translateY(-2px);}
.ss-dept-card:focus-within{outline:3px solid #e85d04; outline-offset:2px;}
.ss-dept-img{display:flex; align-items:center; justify-content:center; height:180px; padding:10px; box-sizing:border-box; background:#fff;}
.ss-dept-img a{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.ss-dept-img img{display:block; width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; object-fit:contain; border:0;}
.ss-dept-img img[src*="no-image/default-image"]{max-width:96px !important; opacity:.45;}
.ss-dept-body{padding:16px;}
.ss-dept-name{margin:0 0 6px; font-size:16px; line-height:1.3; font-weight:600;}
.ss-dept-name a, .ss-dept-name a:hover, .ss-dept-name a:visited{color:#161616 !important; text-decoration:none !important; font-weight:600;}
.ss-dept-name a:focus{outline:none;}
.ss-dept-name a::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;}
.ss-dept-desc{font-size:14px; line-height:1.45; color:#5c5c5c; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.ss-dept-desc *{margin:0; font-size:inherit; color:inherit;}
.ss-dept-desc:empty{display:none;}
/* the list of departments: a grid of cards, 3 across on a wide screen, 2 on a tablet, 1 on a phone */
#tblInner:has(.ss-dept-card){display:block; width:100%; border-spacing:0 !important;}
#tblInner:has(.ss-dept-card) > tbody{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;}
#tblInner:has(.ss-dept-card) > tbody > tr{display:contents;}
#tblInner:has(.ss-dept-card) > tbody > tr > td{display:block; width:auto !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important;}
#tblInner:has(.ss-dept-card) > tbody > tr > td:not(:has(.ss-dept-card)){display:none;}
#tblInner:has(.ss-dept-card) .action-button-container{display:none;}
@media (max-width:1023px){#tblInner:has(.ss-dept-card) > tbody{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:639px){#tblInner:has(.ss-dept-card) > tbody{grid-template-columns:minmax(0,1fr);}}
@media (prefers-reduced-motion: reduce){.ss-dept-card{transition:none;} .ss-dept-card:hover{transform:none;}}