/* ===== Pioneer Craft header (loaded last so it overrides older theme rules) ===== */
#mainWrapper{margin-top:0 !important}
#headerWrapper.pcHeader{padding:0 !important;background:#fff;font-family:inherit}
.pcSr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* top bar */
.pcTopBar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#283a7a;color:#d5dcf2;font-size:12px;line-height:1.4;padding:7px 18px}
.pcTopBar a{color:#fff;text-decoration:none;font-weight:bold}
.pcTopBar a:hover{color:#ffc27a;text-decoration:underline}
.pcTopLinks{display:flex;align-items:center;gap:18px}
.pcTopPhone::before{content:"\260E";margin-right:5px;font-weight:normal;color:#ffc27a}
.pcTopApply{background:#f7941d;color:#3b2300 !important;padding:3px 10px;border-radius:3px}
.pcTopApply:hover{background:#ffa940;text-decoration:none !important}

/* masthead */
.pcMast{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:112px;padding:0 18px 0 0;background:#ffffff url("../images/PioneerCraftMasthead.jpg") no-repeat left center;background-size:cover}
.pcLogo{display:block;flex:0 0 auto;width:460px;max-width:55%;height:112px}
.pcMastTools{display:flex;align-items:center;gap:10px;flex:0 1 430px}
.pcSearch{display:flex;flex:1 1 auto;margin:0;box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:6px;background:#fff}
.pcSearch input[type=search]{flex:1 1 auto;min-width:0;width:auto !important;height:40px;border:0 !important;border-radius:6px 0 0 6px;padding:0 12px !important;font-size:14px !important;color:#333;background:#fff;outline:none;-webkit-appearance:none;appearance:none}
.pcSearch input[type=search]:focus{box-shadow:inset 0 0 0 2px #3a51a1}
.pcSearch button{height:40px;border:0;border-radius:0 6px 6px 0;padding:0 16px;background:#3a51a1;color:#fff;font-size:14px;font-weight:bold;cursor:pointer}
.pcSearch button:hover{background:#2f4489}
.pcCartBtn,.pcCheckoutBtn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:6px;background:#fff;color:#283a7a !important;font-weight:bold;font-size:14px;text-decoration:none !important;box-shadow:0 2px 6px rgba(0,0,0,.15);white-space:nowrap}
.pcCartBtn:hover{background:#f0f3fa}
.pcCartBtn b{display:inline-block;min-width:20px;padding:0 6px;margin-left:2px;border-radius:10px;background:#f7941d;color:#3b2300;font-size:12px;line-height:20px;text-align:center}
.pcCheckoutBtn{background:#3a51a1;color:#fff !important}
.pcCheckoutBtn:hover{background:#2f4489}

/* department menu */
.pcNav{display:flex;flex-wrap:nowrap;background:#3a51a1;border-bottom:3px solid #f7941d;padding:0 6px}
.pcNav a{display:block;padding:10px 9px;color:#fff !important;font-size:12.5px;font-weight:bold;text-decoration:none !important;white-space:nowrap}
.pcNav a:hover,.pcNav a.pcOn{background:#283a7a;color:#ffc27a !important}
.pcNav a.pcSaleLink{margin-left:auto;color:#ffc27a !important}

/* breadcrumb spacing under the new header */
#navBreadCrumb{margin-top:10px}

/* ---- tablets ---- */
@media (max-width:900px){
  .pcMast{flex-wrap:wrap;padding:0 0 14px;background:linear-gradient(#ffffff,#ffffff)}
  .pcLogo{width:100%;max-width:none;height:100px;background:url("../images/PioneerCraftMasthead.jpg") no-repeat left center;background-size:cover}
  .pcMastTools{flex:1 1 100%;padding:0 14px}
  .pcNav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pcNav::-webkit-scrollbar{display:none}
  .pcNav a.pcSaleLink{margin-left:0}
}

/* ---- phones ---- */
@media (max-width:600px){
  .pcTopBar{justify-content:center;padding:6px 10px;font-size:11.5px}
  .pcTopMsg{width:100%;text-align:center}
  .pcTopLinks{gap:14px}
  .pcLogo{height:74px}
  .pcMast{min-height:0;padding:0 0 10px}
  .pcMastTools{padding:0 10px;gap:8px}
  .pcCartBtn span{display:none}
  .pcCartBtn b{display:inline-block}
  .pcCheckoutBtn{display:none}
  .pcNav a{padding:9px 10px;font-size:12.5px}
}

/* ---- mobile category toggle (theme collapses the left column on small screens) ---- */
@media screen and (max-width:400px){
  td#navColumnOne.columnLeft{position:relative;background:#f0f3fa !important;border:1px solid #cfd7ee !important;border-radius:6px;height:auto !important;min-height:42px;line-height:1.4 !important;margin-top:10px !important;color:#283a7a;cursor:pointer}
  td#navColumnOne.columnLeft::before{content:"\2630   Shop by category" !important;position:static !important;display:block;border:0 !important;width:auto !important;height:auto !important;top:auto !important;right:auto !important;padding:11px 14px;font-weight:bold;font-size:14px;text-align:left;white-space:pre;color:#283a7a}
  td#navColumnOne.columnLeft.open::before{content:"\2715   Close categories" !important}
  .pcSearch input[type=search]{width:auto !important}
}

/* ===== Side boxes: Categories, Search, Information, We Accept ===== */
.leftBoxContainer,.rightBoxContainer{background:#fff !important;border:1px solid #d9dff0 !important;border-radius:8px;overflow:hidden;margin:0 0 16px !important;box-shadow:0 1px 3px rgba(40,58,122,.08);box-sizing:border-box}
#navColumnOne,#navColumnTwo{padding-top:10px}
#navColumnTwo > div[style]{margin-top:0 !important}
h3.leftBoxHeading,h3.rightBoxHeading,h3.leftBoxHeading a,h3.rightBoxHeading a,h3.rightBoxHeading label{background:none;color:#fff !important;font:bold 12px/1.3 inherit;letter-spacing:.07em;text-transform:uppercase;text-align:left}
h3.leftBoxHeading,h3.rightBoxHeading{background:#3a51a1 !important;margin:0 !important;padding:10px 12px !important;height:auto !important;border:0 !important;border-bottom:3px solid #f7941d !important}
.sideBoxContent{padding:8px 0 !important;font-size:13px;line-height:1.4;background:#fff}

/* categories */
#categoriesContent{padding:6px 0 !important;text-align:left !important}
#categoriesContent br{display:none}
#categoriesContent a{display:flex;align-items:baseline;padding:6px 12px 6px 14px;color:#283a7a !important;text-decoration:none !important;border-left:3px solid transparent;transition:background .12s}
#categoriesContent a:hover{background:#f2f4fb;border-left-color:#f7941d}
#categoriesContent a.category-top{font-weight:600}
#categoriesContent a.category-subs,#categoriesContent a.category-products{font-size:12.5px;font-weight:normal;color:#555 !important;padding-top:4px;padding-bottom:4px}
#categoriesContent .pcIndent{display:inline-block;flex:0 0 12px;width:12px}
#categoriesContent a.category-subs::before,#categoriesContent a.category-products::before{content:"";flex:0 0 5px;width:5px;height:5px;margin:0 7px 2px 0;border-radius:50%;background:#c1cbe8;align-self:center}
#categoriesContent .category-subs-parent,#categoriesContent .category-subs-selected{color:#3a51a1;font-weight:bold}
#categoriesContent a:has(.category-subs-parent),#categoriesContent a:has(.category-subs-selected){background:#f2f4fb;border-left-color:#3a51a1}
#categoriesContent a[href*="cPath=456"]{color:#b4501c !important}
#catBoxDivider{border:0;border-top:1px solid #e6eaf5;margin:6px 12px !important;width:auto !important}
#categoriesContent a.category-links{font-size:12.5px;font-weight:bold;color:#3a51a1 !important}
#categoriesContent a.category-links::after{content:" \203A"}

/* search */
#searchContent{padding:12px !important;text-align:left !important}
#searchContent form{display:flex;flex-direction:column;gap:8px;margin:0}
#searchContent br{display:none}
#searchContent input[name=keyword]{width:100% !important;box-sizing:border-box;height:36px;padding:0 10px !important;border:1px solid #c8d0e6 !important;border-radius:5px;font-size:13px !important;text-align:left !important;margin:0 !important;display:block}
#searchContent input[name=keyword]:focus{outline:none;border-color:#3a51a1 !important;box-shadow:0 0 0 3px rgba(58,81,161,.15)}
#searchContent input[type=submit]{width:100% !important;height:34px;border:0;border-radius:5px;background:#3a51a1;color:#fff;font-weight:bold;font-size:13px;cursor:pointer;margin:0 !important;display:block}
#searchContent input[type=submit]:hover{background:#2f4489}
#searchContent a{font-size:12px;color:#3a51a1;text-align:center}

/* information */
#informationContent{padding:6px 0 !important}
#informationContent ul{margin:0 !important;padding:0 !important}
#informationContent li{margin:0;padding:0}
#informationContent li a{display:block;padding:6px 12px 6px 14px;color:#283a7a !important;text-decoration:none !important;border-left:3px solid transparent;font-size:13px}
#informationContent li a:hover{background:#f2f4fb;border-left-color:#f7941d}

/* we accept */
#pcWeAccept .sideBoxContent{padding:12px 10px !important}
#pcWeAccept img{max-width:100%;height:auto}

/* small screens: keep boxes full width and tidy */
@media screen and (max-width:767px){
  .leftBoxContainer,.rightBoxContainer{width:100% !important}
  #navColumnTwo > .rightBoxContainer,#navColumnTwoWrapper{width:100% !important}
}
/* side box fixes */
#categoriesContent .pcIndent{order:-1;flex:0 0 9px;width:9px}
#categoriesContent a{padding-left:11px;padding-right:10px}
#searchContent > form > br{display:none !important}
#searchContent > form{gap:8px}
#informationContent,#informationContent ul,#informationContent li,#navColumnTwo .rightBoxContainer h3{text-align:left !important}

/* header: advanced search link under the search field */
.pcSearch{position:relative}
.pcAdvSearch{position:absolute;right:2px;top:100%;margin-top:4px;font-size:11.5px;color:#fff !important;text-decoration:none !important;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}
.pcAdvSearch:hover{text-decoration:underline !important}
@media (max-width:900px){.pcMast{padding-bottom:26px}}
@media (max-width:600px){.pcMast{padding-bottom:24px}}

/* ======================= Middle content: categories, listings, product pages ======================= */
#indexCategories,#indexProductList,#productGeneral,#allProductsDefault,#newProductsDefault,#featuredDefault,#specialsListing,#searchResultsDefault{font-size:13.5px;line-height:1.6;color:#333;padding:4px 14px 24px 12px !important;box-sizing:border-box}
#indexCategoriesHeading,#productListHeading,#allProductsDefaultHeading,#newProductsDefaultHeading,#featuredDefaultHeading,#specialsListingHeading,#searchResultsDefaultHeading{font-size:24px !important;line-height:1.25 !important;color:#3a51a1;margin:8px 0 14px !important;padding:0 0 10px !important;border-bottom:2px solid #e3e8f4}

/* category description block */
#categoryDescription,#indexProductListCatDescription{font-size:14px;line-height:1.65;color:#333;margin:0 0 20px}
#categoryDescription > p:first-child,#indexProductListCatDescription > p:first-child{font-size:15px;color:#222}
#categoryDescription h2,#indexProductListCatDescription h2,#categoryDescription h3,#indexProductListCatDescription h3{font-size:16px;color:#3a51a1;margin:1.3em 0 .5em;padding-left:10px;border-left:4px solid #f7941d}
#categoryDescription ul,#indexProductListCatDescription ul{list-style:none;margin:0 0 1em;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
#categoryDescription li,#indexProductListCatDescription li{margin:0 !important;padding:9px 12px;background:#f5f7fc;border:1px solid #e5e9f6;border-radius:6px;font-size:13px;line-height:1.45;list-style:none}
#categoryDescription li a,#indexProductListCatDescription li a{font-weight:bold;color:#3a51a1}
#categoryDescription table,#indexProductListCatDescription table{border-collapse:collapse;width:100%;margin:0 0 1em;font-size:13px}
#categoryDescription td,#indexProductListCatDescription td,#categoryDescription th,#indexProductListCatDescription th{padding:7px 10px;border-bottom:1px solid #e6eaf5;text-align:left;vertical-align:top}
#categoryDescription tr:nth-child(even) td,#indexProductListCatDescription tr:nth-child(even) td{background:#faf9fd}
#categoryDescription p:last-child em,#indexProductListCatDescription p:last-child em{display:block;font-style:normal;font-size:13px;color:#4a4060;background:#f2f9e8;border-left:4px solid #f7941d;border-radius:0 6px 6px 0;padding:9px 14px}

/* sub-category tiles */
.category_list_cust,#indexCategories .categoryListBoxContents:first-of-type{clear:both}
.category_list_cust{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px;margin:6px 0 20px}
.category_list_cust .categoryListBoxContents{width:auto !important;float:none !important;margin:0 !important;min-height:0 !important;padding:0 !important}
.category_list_cust .categoryListBoxContents a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;height:100%;box-sizing:border-box;padding:14px 10px 12px;background:#fff;border:1px solid #d9dff0;border-radius:8px;text-decoration:none !important;color:#283a7a !important;font-weight:bold;font-size:13.5px;line-height:1.3;text-align:center;transition:box-shadow .15s,border-color .15s,transform .15s}
.category_list_cust .categoryListBoxContents a:hover{border-color:#3a51a1;box-shadow:0 4px 12px rgba(40,58,122,.15);transform:translateY(-1px)}
.category_list_cust .categoryListBoxContents img{height:96px !important;width:auto !important;max-width:100% !important;object-fit:contain;margin:0}
.category_list_cust .categoryListBoxContents br{display:none}

/* listing toolbar: filter, sort, result counts, page links */
#indexProductList form[name=filter],#allProductsDefault #filter-wrapper,#sorter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;font-size:13px}
#indexProductList form[name=filter] .inputLabel,#filter-wrapper .inputLabel,#sorter label{float:none !important;width:auto !important;margin:0 !important;font-weight:bold;color:#283a7a}
#indexProductList select,#filter-wrapper select,#sorter select{height:34px;padding:0 10px;border:1px solid #c8d0e6;border-radius:5px;background:#fff;font-size:13px;color:#333;margin:0 !important}
#productListing .navSplitPagesResult,.navSplitPagesResult{font-size:12.5px;color:#666;line-height:30px}
.navSplitPagesLinks{line-height:30px}
.navSplitPagesLinks a,.navSplitPagesLinks strong.current{display:inline-block;min-width:30px;height:30px;line-height:30px;padding:0 8px;margin:0 1px;box-sizing:border-box;text-align:center;border:1px solid #d9dff0;border-radius:5px;background:#fff;color:#3a51a1;text-decoration:none !important;font-size:13px}
.navSplitPagesLinks a:hover{border-color:#3a51a1;background:#f2f4fb}
.navSplitPagesLinks strong.current{background:#3a51a1;border-color:#3a51a1;color:#fff}

/* product grid (listing table rendered as cards) */
#productListing{margin-top:4px}
#productListing table.tabTable{display:block;width:100% !important;border:0 !important;padding:0 !important;margin:12px 0 !important;background:none}
#productListing table.tabTable > tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px}
#productListing table.tabTable tr.productListing-odd,#productListing table.tabTable tr.productListing-even{display:flex !important;flex-direction:column;width:auto !important;float:none !important;min-height:0 !important;max-height:none !important;margin:0 !important;padding:12px 12px 14px;background:#fff !important;border:1px solid #d9dff0;border-radius:8px;box-sizing:border-box;text-align:center;transition:box-shadow .15s,border-color .15s}
#productListing table.tabTable tr.productListing-odd:hover,#productListing table.tabTable tr.productListing-even:hover{border-color:#3a51a1;box-shadow:0 4px 12px rgba(40,58,122,.15)}
#productListing table.tabTable tr.productListing-rowheading{display:none !important}
#productListing table.tabTable td.productListing-data{display:block !important;width:auto !important;float:none !important;padding:0 !important;border:0 !important;text-align:center !important;background:none !important}
#productListing td.productListing-data:first-child{display:flex !important;align-items:center;justify-content:center;height:130px;margin-bottom:10px}
#productListing td.productListing-data:first-child img{max-height:126px !important;max-width:100% !important;width:auto !important;height:auto !important;object-fit:contain}
#productListing .itemTitle{font-size:13.5px !important;line-height:1.35;margin:0 0 6px !important;font-weight:bold}
#productListing .itemTitle a{color:#283a7a !important;text-decoration:none}
#productListing .itemTitle a:hover{color:#3a51a1 !important;text-decoration:underline}
#productListing .listingDescription{font-size:12.5px;line-height:1.45;color:#666;max-height:none !important;overflow:visible !important;width:auto !important;float:none !important;margin:0 0 8px}
#productListing td.productListing-data:last-child{margin-top:auto !important;padding-top:8px !important;border-top:1px solid #eef1f8 !important;font-size:13px;color:#555;line-height:1.5}
#productListing td.productListing-data:last-child br{display:none}
#productListing td.productListing-data:last-child > a[href*="main_page=login"]{display:block;margin:6px auto 4px;padding:7px 10px;border-radius:5px;background:#3a51a1;color:#fff !important;font-weight:bold;font-size:12.5px;text-decoration:none !important}
#productListing td.productListing-data:last-child > a[href*="main_page=login"]:hover{background:#2f4489}
#productListing .qmin,#productListing .qmax,#productListing .qunits{display:inline-block;font-size:11.5px;color:#888;margin:0 3px}
#productListing .productSpecialPrice,#productListing .productSalePrice{color:#b4501c;font-weight:bold}
#productListing input[type=text]{width:46px !important;height:30px;text-align:center;border:1px solid #c8d0e6;border-radius:4px}

/* product page */
#productGeneral #productMainImage{margin:4px 22px 14px 0}
#productGeneral #productMainImage img{max-height:320px;width:auto;height:auto}
#productGeneral .imgLink,#productGeneral .imgLinkAdditional{font-size:12px}
#productGeneral h1#productName{font-size:24px !important;line-height:1.25 !important;color:#3a51a1;margin:6px 0 8px !important}
#productGeneral h2#productPrices{font-size:15px !important;color:#283a7a;margin:0 0 12px !important;font-weight:bold}
#productGeneral #productDescription{font-size:14px;line-height:1.65;padding:0 !important}
#productGeneral #productDescription p{margin:0 0 .9em}
#productGeneral #productDescription li::marker{color:#3a51a1}
#productGeneral #cartAdd{float:none !important;clear:both;margin:16px 0;padding:14px 16px;background:#f5f7fc;border:1px solid #e3e8f4;border-radius:8px;text-align:left !important;font-size:13px;width:auto !important}
#productGeneral #cartAdd > a[href*="main_page=login"]{display:inline-block;padding:9px 18px;border-radius:5px;background:#3a51a1;color:#fff !important;font-weight:bold;text-decoration:none !important}
#productGeneral #cartAdd > a[href*="main_page=login"]:hover{background:#2f4489}
#productGeneral #productDetailsList{float:none !important;list-style:none;margin:0 0 14px !important;padding:0 !important;font-size:12.5px;color:#666;display:flex;gap:18px;flex-wrap:wrap}
#productGeneral #productDetailsList li{margin:0;padding:0}
#productGeneral #productQuestions a{color:#3a51a1;font-size:13px}
#productGeneral #productAdditionalImages{margin:10px 0;padding:10px 0;border-top:1px solid #eef1f8}
#productGeneral #productDateAdded{display:none}
#productGeneral .navNextPrevWrapper{margin:16px 0;padding:12px 0;border-top:1px solid #eef1f8;border-bottom:1px solid #eef1f8}
#productGeneral .navNextPrevCounter{font-size:12px;color:#888;margin:0 0 6px}

/* centre boxes (also purchased, featured, new) */
.centerBoxWrapper{border:1px solid #d9dff0 !important;border-radius:8px;overflow:hidden;background:#fff;margin:20px 0 !important;padding:0 0 10px !important}
.centerBoxWrapper h2.centerBoxHeading{background:#3a51a1 !important;color:#fff !important;font-size:13px !important;font-weight:bold;letter-spacing:.04em;text-align:left !important;margin:0 0 10px !important;padding:10px 14px !important;border:0 !important;border-bottom:3px solid #f7941d !important;height:auto !important}
.centerBoxContentsAlsoPurch,.centerBoxContentsFeatured,.centerBoxContentsNew,.centerBoxContentsSpecials{padding:8px 6px !important;font-size:12.5px;line-height:1.35;box-sizing:border-box}
.centerBoxContentsAlsoPurch a,.centerBoxContentsFeatured a,.centerBoxContentsNew a{color:#283a7a;text-decoration:none}
.centerBoxContentsAlsoPurch img,.centerBoxContentsFeatured img,.centerBoxContentsNew img{margin-bottom:6px}

/* phones */
@media (max-width:600px){
  #indexCategories,#indexProductList,#productGeneral,#allProductsDefault,#newProductsDefault,#featuredDefault,#specialsListing,#searchResultsDefault{padding:4px 4px 20px !important}
  #indexCategoriesHeading,#productListHeading,#allProductsDefaultHeading,#productGeneral h1#productName{font-size:21px !important}
  .category_list_cust{grid-template-columns:repeat(2,1fr);gap:10px}
  .category_list_cust .categoryListBoxContents img{height:80px !important}
  #productListing table.tabTable > tbody{grid-template-columns:repeat(2,1fr);gap:10px}
  #productListing td.productListing-data:first-child{height:110px}
  #productListing td.productListing-data:first-child img{max-height:106px !important}
  #productListing .navSplitPagesResult,#productListing .navSplitPagesLinks{float:none !important;width:100% !important;text-align:center !important}
  #categoryDescription ul,#indexProductListCatDescription ul{grid-template-columns:1fr}
  #productGeneral #productMainImage{float:none !important;margin:0 0 12px;text-align:center}
}
.category_list_cust > :not(.categoryListBoxContents){display:none !important}
#productListing td.productListing-data:first-child img{height:120px !important;width:auto !important;max-width:100% !important;object-fit:contain}
@media (max-width:600px){#productListing td.productListing-data:first-child img{height:100px !important}}
#indexCategories .category_list_cust .categoryListBoxContents,#indexProductList .category_list_cust .categoryListBoxContents{width:auto !important;float:none !important;min-height:0 !important}

/* ======================= Homepage ======================= */
#indexDefault{padding:4px 12px 20px !important;text-align:left !important}
#pcHome{max-width:none;margin:0;padding:0;text-align:left;font-size:14px;line-height:1.6;color:#333}
#pcHome p{padding:0;margin:0 0 .8em}
#pcHome h2{font-size:20px;line-height:1.3;color:#283a7a;margin:0 0 14px;font-weight:bold}
#pcHome h3{font-size:15px;color:#283a7a;margin:0 0 6px}
#pcHome a{color:#3a51a1}
#pcHome .pcSection{margin:34px 0 0}
#pcHome .pcBtn{display:inline-block;padding:11px 20px;border-radius:6px;background:#3a51a1;color:#fff !important;font-weight:bold;font-size:14px;text-decoration:none !important;border:2px solid #3a51a1;transition:background .15s}
#pcHome .pcBtn:hover{background:#2f4489;border-color:#2f4489}
#pcHome .pcBtnGhost{background:#fff;color:#3a51a1 !important}
#pcHome .pcBtnGhost:hover{background:#f2f4fb}
#pcHome .pcBtnSmall{padding:8px 14px;font-size:13px;background:#f7941d;border-color:#f7941d;color:#3b2300 !important}
#pcHome .pcBtnSmall:hover{background:#ffa940;border-color:#ffa940}

/* hero */
#pcHome .pcHero{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;background:linear-gradient(135deg,#f6f3fc 0%,#eef7e3 100%);border:1px solid #e3e8f4;border-radius:12px;padding:26px 26px 26px 28px;margin-top:6px}
#pcHome .pcEyebrow{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:20px;background:#f7941d;color:#3b2300;font-size:11.5px;font-weight:bold;letter-spacing:.04em;text-transform:uppercase}
#pcHome .pcHero h1{font-size:27px;line-height:1.2;color:#283a7a;margin:0 0 12px;text-align:left;padding:0;border:0}
#pcHome .pcLead{font-size:15px;color:#444;text-align:left;margin-bottom:16px}
#pcHome .pcCtas{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;text-align:left}
#pcHome .pcChips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#pcHome .pcChips li{margin:0;padding:4px 10px 4px 24px;position:relative;background:#fff;border:1px solid #d9dff0;border-radius:20px;font-size:12px;font-weight:bold;color:#283a7a}
#pcHome .pcChips li::before{content:"\2713";position:absolute;left:9px;color:#6aa72a}
#pcHome .pcHeroImg img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px rgba(40,58,122,.18)}

/* section heading with link */
#pcHome .pcSectionHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px}
#pcHome .pcSectionHead h2{margin:0}
#pcHome .pcSectionHead a{font-size:13px;font-weight:bold;text-decoration:none}

/* departments */
#pcHome .pcDepts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#pcHome .pcDept{display:flex;flex-direction:column;background:#fff;border:1px solid #d9dff0;border-radius:10px;overflow:hidden;text-decoration:none !important;color:#333 !important;transition:box-shadow .15s,transform .15s,border-color .15s}
#pcHome .pcDept:hover{border-color:#3a51a1;box-shadow:0 6px 16px rgba(40,58,122,.16);transform:translateY(-2px)}
#pcHome .pcDeptImg{display:block;height:120px;background:#f4f2f9;overflow:hidden}
#pcHome .pcDeptImg img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
#pcHome .pcDept:hover .pcDeptImg img{transform:scale(1.05)}
#pcHome .pcDeptName{display:block;padding:10px 12px 2px;font-size:14.5px;font-weight:bold;color:#283a7a}
#pcHome .pcDeptDesc{display:block;padding:0 12px 12px;font-size:12.5px;line-height:1.4;color:#666}
#pcHome .pcDeptSale .pcDeptImg{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#ffefe2 0 14px,#ffe4cf 14px 28px)}
#pcHome .pcSaleBadge{padding:8px 18px;border-radius:6px;background:#d9531e;color:#fff;font-size:22px;font-weight:bold;letter-spacing:.12em;transform:rotate(-6deg);box-shadow:0 3px 8px rgba(0,0,0,.15)}
#pcHome .pcDeptSale .pcDeptName{color:#b4501c}

/* features */
#pcHome .pcFeatures{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#pcHome .pcFeature{background:#fff;border:1px solid #e3e8f4;border-radius:10px;padding:16px 14px}
#pcHome .pcFeature p{font-size:13px;color:#555;margin:0}
#pcHome .pcIcon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#eef1fa;font-size:20px;margin-bottom:10px}

/* who we supply + trade */
#pcHome .pcSplit{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}
#pcHome .pcTrade{background:#f2f9e8;border:1px solid #d9ecc2;border-left:5px solid #f7941d;border-radius:10px;padding:16px 18px;margin:0}
#pcHome .pcTrade p{font-size:13.5px}

/* brands */
#pcHome .pcBrands{text-align:center;background:#fff;border:1px solid #e3e8f4;border-radius:12px;padding:20px}
#pcHome .pcBrands img{max-width:100%;height:auto}

/* visit */
#pcHome .pcVisit{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:30px 0 0;padding:20px 24px;border-radius:12px;background:#283a7a;color:#dfe5f5}
#pcHome .pcVisit h2{color:#fff;margin:0 0 4px;font-size:18px}
#pcHome .pcVisit p{margin:0;color:#d5dcf2}
#pcHome .pcVisitLinks{display:flex;flex-wrap:wrap;gap:10px}
#pcHome .pcVisitLinks a{padding:8px 14px;border-radius:6px;background:rgba(255,255,255,.12);color:#fff !important;font-weight:bold;font-size:13px;text-decoration:none !important}
#pcHome .pcVisitLinks a:hover{background:#f7941d;color:#3b2300 !important}

/* tablets */
@media (max-width:900px){
  #pcHome .pcHero{grid-template-columns:1fr;padding:22px}
  #pcHome .pcHeroImg{order:-1}
  #pcHome .pcHeroImg img{max-height:240px;object-fit:cover}
  #pcHome .pcFeatures{grid-template-columns:repeat(2,1fr)}
}
/* phones */
@media (max-width:600px){
  #indexDefault{padding:4px 2px 16px !important}
  #pcHome .pcHero{padding:16px;border-radius:10px}
  #pcHome .pcHero h1{font-size:22px}
  #pcHome .pcLead{font-size:14px}
  #pcHome .pcCtas .pcBtn{flex:1 1 auto;text-align:center}
  #pcHome .pcDepts{grid-template-columns:repeat(2,1fr);gap:10px}
  #pcHome .pcDeptImg{height:96px}
  #pcHome .pcDeptName{font-size:13.5px;padding:8px 10px 2px}
  #pcHome .pcDeptDesc{font-size:12px;padding:0 10px 10px}
  #pcHome .pcSplit{grid-template-columns:1fr}
  #pcHome .pcFeatures{gap:10px}
  #pcHome .pcFeature{padding:12px}
  #pcHome .pcSection{margin-top:26px}
  #pcHome .pcVisit{padding:16px}
}

/* side columns: right column duplicates the footer links, so hide it on phones/tablets */
@media screen and (max-width:767px){
  td#navColumnTwo.columnRight{display:none !important}
}
/* homepage refinements */
#pcHome .pcIcon{color:#3a51a1;font-size:0}
#pcHome .pcHero{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;padding:22px}
#pcHome .pcHero h1{font-size:24px}
#pcHome .pcEyebrow{font-size:11px}
#pcHome .pcCtas .pcBtn{padding:10px 16px;font-size:13.5px}
#pcHome .pcFeatures{grid-template-columns:repeat(2,1fr)}
#pcHome .pcFeature{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:start}
#pcHome .pcFeature .pcIcon{grid-row:span 2;margin:0}
@media (max-width:900px){#pcHome .pcHero{grid-template-columns:1fr}}
@media (max-width:600px){#pcHome .pcFeatures{grid-template-columns:1fr}}
@media (max-width:600px){
  #pcHome h2{font-size:18px}
  #pcHome .pcSectionHead a{font-size:12px;white-space:nowrap}
  #pcHome .pcDeptSale{grid-column:1 / -1;flex-direction:row;align-items:center}
  #pcHome .pcDeptSale .pcDeptImg{flex:0 0 120px;height:80px}
  #pcHome .pcDeptSale .pcSaleBadge{font-size:16px;padding:6px 12px}
  #pcHome .pcChips li{display:inline-block}
}

/* ======================= Mobile category menu (replaces the old collapsing column) ======================= */
.pcCatToggle{display:none}
@media screen and (max-width:767px){
  /* single-column page layout on phones and small tablets */
  table#contentMainWrapper,table#contentMainWrapper > tbody,table#contentMainWrapper > tbody > tr{display:block !important;width:100% !important}
  table#contentMainWrapper > tbody > tr > td{display:block !important;float:none !important;width:100% !important;max-width:100% !important;box-sizing:border-box;padding-left:10px !important;padding-right:10px !important}
  td#navColumnOne.columnLeft{position:static !important;background:none !important;border:0 !important;border-radius:0 !important;height:auto !important;min-height:0 !important;line-height:1.4 !important;margin:10px 0 0 !important;padding-top:0 !important;text-align:left !important;cursor:default;color:inherit}
  td#navColumnOne.columnLeft::before,td#navColumnOne.columnLeft::after{content:none !important;display:none !important}
  td#navColumnOne #navColumnOneWrapper{width:100% !important;margin:0 !important;float:none !important}

  /* the toggle button */
  .pcCatToggle{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:12px 14px;border:1px solid #cfd7ee;border-radius:8px;background:#f2f4fb;color:#283a7a;font:bold 15px/1.2 inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;box-sizing:border-box}
  .pcCatToggle:focus-visible{outline:3px solid rgba(58,81,161,.35);outline-offset:2px}
  .pcCatIcon{width:18px;height:12px;flex:0 0 18px;background:linear-gradient(#3a51a1,#3a51a1) 0 0/100% 2px no-repeat,linear-gradient(#3a51a1,#3a51a1) 0 5px/100% 2px no-repeat,linear-gradient(#3a51a1,#3a51a1) 0 10px/100% 2px no-repeat}
  .pcCatLabel{flex:1 1 auto}
  .pcCatArrow{width:8px;height:8px;border-right:2px solid #3a51a1;border-bottom:2px solid #3a51a1;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
  td#navColumnOne.pcCatOpen .pcCatToggle{border-radius:8px 8px 0 0;background:#3a51a1;color:#fff;border-color:#3a51a1}
  td#navColumnOne.pcCatOpen .pcCatIcon{background:linear-gradient(#fff,#fff) 0 0/100% 2px no-repeat,linear-gradient(#fff,#fff) 0 5px/100% 2px no-repeat,linear-gradient(#fff,#fff) 0 10px/100% 2px no-repeat}
  td#navColumnOne.pcCatOpen .pcCatArrow{transform:rotate(-135deg);margin-top:4px;border-color:#fff}

  /* the list: hidden until opened, no nested heading box */
  td#navColumnOne #categories{display:none !important;width:100% !important;margin:0 !important;border:1px solid #cfd7ee !important;border-top:0 !important;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(40,58,122,.12);font-size:13px !important;overflow:hidden;position:static !important;max-height:none;padding:0 !important}
  td#navColumnOne.pcCatOpen #categories{display:block !important}
  td#navColumnOne #categoriesHeading{display:none !important}
  td#navColumnOne #categoriesContent{text-align:left !important;padding:4px 0 !important;width:100% !important;float:none !important}
  td#navColumnOne #categoriesContent a{font-size:14px !important;padding:11px 14px !important;border-bottom:1px solid #eef1f8;background:#fff !important;position:static !important;transform:none !important}
  td#navColumnOne #categoriesContent a.category-subs,td#navColumnOne #categoriesContent a.category-products{font-size:13.5px !important;padding-top:9px !important;padding-bottom:9px !important;background:#fbfcfe !important}
  td#navColumnOne #categoriesContent a:has(.category-subs-parent),td#navColumnOne #categoriesContent a:has(.category-subs-selected){background:#f2f4fb !important}
  td#navColumnOne #catBoxDivider{display:none}
  td#navColumnOne #categoriesContent a.category-links{border-bottom:0;text-align:center;justify-content:center}
  td#navColumnOne .leftBoxContainer{box-shadow:none}
}
@media screen and (max-width:767px){
  table#contentMainWrapper tbody tr td#navColumnOne.columnLeft,table#contentMainWrapper tbody tr td#navColumnTwo.columnRight,table#contentMainWrapper tbody tr td.main,table#contentMainWrapper tbody tr td{width:100% !important;float:none !important}
  .pcCatToggle{font-family:inherit;font-size:15px;font-weight:bold;line-height:1.2}
}

/* description comparison tables (e.g. "Find the right brush"): stack rows on phones */
@media (max-width:600px){
  #categoryDescription table,#indexProductListCatDescription table,#categoryDescription tbody,#indexProductListCatDescription tbody{display:block !important;width:100% !important;max-width:none !important;border:0 !important}
  #categoryDescription tr,#indexProductListCatDescription tr{display:block !important;margin:0 0 8px !important;padding:9px 12px !important;background:#f5f7fc !important;border:1px solid #e5e9f6 !important;border-radius:6px}
  #categoryDescription tr:has(th),#indexProductListCatDescription tr:has(th){display:none !important}
  #categoryDescription td,#indexProductListCatDescription td{display:block !important;width:auto !important;padding:0 !important;border:0 !important;background:none !important;font-size:13px;line-height:1.45}
  #categoryDescription td:first-child,#indexProductListCatDescription td:first-child{font-weight:bold;color:#283a7a;margin-bottom:2px}
}

/* ======================= Breadcrumb ======================= */
#navBreadCrumb{display:flex !important;flex-wrap:wrap;align-items:center;gap:2px 0;margin:12px 0 4px !important;padding:8px 14px !important;background:#f5f7fc !important;border:1px solid #e5e9f6;border-radius:20px;font-size:12.5px !important;font-weight:normal !important;line-height:1.5 !important;color:#283a7a;float:none !important;width:auto !important;box-sizing:border-box}
#navBreadCrumb a{color:#3a51a1 !important;text-decoration:none !important;font-weight:normal}
#navBreadCrumb a:hover{text-decoration:underline !important;color:#283a7a !important}
#navBreadCrumb a:first-child{display:inline-flex;align-items:center;gap:5px}
#navBreadCrumb a:first-child::before{content:"";width:13px;height:12px;background:#3a51a1;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 12h3v9h6v-6h2v6h6v-9h3z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 12h3v9h6v-6h2v6h6v-9h3z'/%3E%3C/svg%3E") no-repeat center/contain}
#navBreadCrumb .pcCrumbSep{display:inline-block;width:6px;height:6px;margin:0 10px 0 7px;border-top:1.5px solid #9fadd8;border-right:1.5px solid #9fadd8;transform:rotate(45deg)}
@media (max-width:600px){
  #navBreadCrumb{font-size:12px !important;padding:7px 12px !important;border-radius:14px;margin-top:10px !important}
  #navBreadCrumb .pcCrumbSep{margin:0 8px 0 5px}
}
#navBreadCrumb{font-weight:bold !important;color:#1f2d5f !important}
#navBreadCrumb a{font-weight:normal !important;color:#4b62b5 !important}

/* ======================= Ask a Question ======================= */
#askAQuestion{max-width:720px;font-size:14px;line-height:1.6;color:#333;padding:4px 14px 24px 12px !important;box-sizing:border-box}
#askAQuestionHeading{font-size:24px !important;color:#3a51a1;margin:8px 0 14px !important;padding:0 0 10px !important;border-bottom:2px solid #e3e8f4}
#askAQuestion .pcAqProduct{display:flex;align-items:center;gap:16px;padding:12px 14px;margin:0 0 16px;background:#fff;border:1px solid #d9dff0;border-radius:10px}
#askAQuestion .pcAqImg{flex:0 0 90px;height:90px;display:flex;align-items:center;justify-content:center;background:#f5f7fc;border-radius:8px;overflow:hidden}
#askAQuestion .pcAqImg img{max-width:90px;max-height:86px;width:auto;height:auto;object-fit:contain}
#askAQuestion .pcAqInfo{display:flex;flex-direction:column;gap:2px;min-width:0}
#askAQuestion .pcAqLabel{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#8a80a8;font-weight:bold}
#askAQuestion .pcAqName{font-size:16px;font-weight:bold;color:#283a7a !important;text-decoration:none;line-height:1.3}
#askAQuestion .pcAqName:hover{text-decoration:underline}
#askAQuestion .pcAqModel{font-size:12.5px;color:#777}
#askAQuestion .pcAqIntro{margin:0 0 14px;font-size:14px}
#askAQuestion .pcAqIntro p{margin:0;padding:0}
#askAQuestion fieldset.pcAqForm{border:1px solid #d7dcea;border-radius:10px;background:#fafbfd;padding:16px 18px 18px;margin:0}
#askAQuestion fieldset.pcAqForm legend{font-size:15px;font-weight:bold;color:#3a51a1;padding:0 6px}
#askAQuestion .pcAqRow{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
#askAQuestion .pcAqField{margin:0 0 12px}
#askAQuestion .pcAqField label{display:block !important;float:none !important;width:auto !important;margin:0 0 4px !important;padding:0 !important;font-size:13px;font-weight:bold;color:#283a7a;line-height:1.3}
#askAQuestion .pcReq{color:#c0392b}
#askAQuestion .pcOpt{font-weight:normal;color:#888}
#askAQuestion .pcAqField input,#askAQuestion .pcAqField textarea,#askAQuestion .pcAqField select{display:block;width:100% !important;max-width:100%;box-sizing:border-box;height:40px;padding:8px 11px !important;border:1px solid #c3c9da;border-radius:6px;background:#fff;font-size:14px !important;color:#333;font-family:inherit;margin:0 !important;float:none !important}
#askAQuestion .pcAqField textarea{height:auto;min-height:130px;resize:vertical;line-height:1.5}
#askAQuestion .pcAqField input:focus,#askAQuestion .pcAqField textarea:focus{outline:none;border-color:#3a51a1;box-shadow:0 0 0 3px rgba(58,81,161,.15)}
#askAQuestion .pcAqPhone{max-width:50%}
#askAQuestion .pcAqButtons{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 0}
#askAQuestion .pcAqBtn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;border:2px solid #3a51a1;border-radius:6px;background:#3a51a1;color:#fff !important;font-size:14px;font-weight:bold;font-family:inherit;text-decoration:none !important;cursor:pointer}
#askAQuestion .pcAqBtn:hover{background:#2f4489;border-color:#2f4489}
#askAQuestion .pcAqBtnGhost{background:#fff;color:#3a51a1 !important}
#askAQuestion .pcAqBtnGhost:hover{background:#f2f4fb}
#askAQuestion .pcAqNote{margin:12px 0 0;font-size:12.5px;color:#777}
#askAQuestion .pcAqSuccess{display:flex;gap:14px;align-items:flex-start;padding:18px;margin:0 0 16px;background:#f2f9e8;border:1px solid #d9ecc2;border-left:5px solid #f7941d;border-radius:10px}
#askAQuestion .pcAqSuccess h2{font-size:17px;color:#3d6d12;margin:0 0 4px}
#askAQuestion .pcAqSuccess p{margin:0;padding:0}
#askAQuestion .pcAqTick{flex:0 0 32px;height:32px;border-radius:50%;background:#6aa72a;position:relative}
#askAQuestion .pcAqTick::after{content:"";position:absolute;left:11px;top:6px;width:8px;height:15px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg)}
#askAQuestion .messageStackError,#askAQuestion .messageStackWarning{border-radius:6px;padding:8px 12px;margin:0 0 12px}
@media (max-width:600px){
  #askAQuestion{padding:4px 4px 20px !important}
  #askAQuestion .pcAqRow{grid-template-columns:1fr}
  #askAQuestion .pcAqPhone{max-width:none}
  #askAQuestion .pcAqImg{flex-basis:70px;height:70px}
  #askAQuestion .pcAqImg img{max-width:70px;max-height:66px}
  #askAQuestion .pcAqButtons .pcAqBtn{flex:1 1 auto}
}

/* product page: make "Ask a question" a clear button */
#productGeneral #productQuestions a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid #cfd7ee;border-radius:6px;background:#fff;color:#3a51a1 !important;font-size:13px;font-weight:bold;text-decoration:none !important}
#productGeneral #productQuestions a::before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#3a51a1;color:#fff;font-size:12px}
#productGeneral #productQuestions a:hover{background:#f2f4fb;border-color:#3a51a1}

/* ======================= Polish pass: buttons, forms, misc pages ======================= */
/* CSS buttons (IMAGE_USE_CSS_BUTTONS=Yes) */
.centerColumn input.submit_button,.centerColumn span.normal_button,.centerColumn .button,#navColumnOne input.submit_button,#navColumnTwo input.submit_button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 18px !important;border:2px solid #3a51a1 !important;border-radius:6px !important;background:#3a51a1 !important;color:#fff !important;font:bold 13.5px/1.2 inherit !important;font-family:inherit !important;text-decoration:none !important;cursor:pointer;box-shadow:none !important;text-shadow:none !important;white-space:nowrap;box-sizing:border-box}
.centerColumn input.submit_button:hover,.centerColumn span.normal_button:hover,.centerColumn .button:hover{background:#2f4489 !important;border-color:#2f4489 !important}
.centerColumn span.button_back,.centerColumn span.button_prev,.centerColumn span.button_next,.centerColumn span.button_return_to_product_list,.centerColumn span.button_write_review,.centerColumn span.button_continue_shopping{background:#fff !important;color:#3a51a1 !important}
.centerColumn span.button_back:hover,.centerColumn span.button_prev:hover,.centerColumn span.button_next:hover,.centerColumn span.button_return_to_product_list:hover,.centerColumn span.button_write_review:hover,.centerColumn span.button_continue_shopping:hover{background:#f2f4fb !important}
.centerColumn .buttonRow{margin:14px 0 !important}
.centerColumn .buttonRow a{text-decoration:none !important}

/* generic forms on account / search / checkout pages */
.centerColumn fieldset{border:1px solid #d7dcea;border-radius:10px;background:#fafbfd;padding:14px 18px 16px;margin:0 0 16px;box-sizing:border-box}
.centerColumn fieldset fieldset{background:#fff;margin:8px 0 12px}
.centerColumn legend{font-size:15px;font-weight:bold;color:#3a51a1;padding:0 6px}
.centerColumn label.inputLabel{font-size:13px;color:#283a7a;font-weight:bold;line-height:38px;width:10em}
.centerColumn input[type=text],.centerColumn input[type=email],.centerColumn input[type=password],.centerColumn input[type=tel],.centerColumn input[type=number],.centerColumn input:not([type]),.centerColumn select,.centerColumn textarea{min-height:38px;padding:6px 10px;border:1px solid #c3c9da;border-radius:6px;background:#fff;font-size:14px;font-family:inherit;color:#333;box-sizing:border-box;max-width:100%}
.centerColumn textarea{min-height:110px}
.centerColumn input:focus,.centerColumn select:focus,.centerColumn textarea:focus{outline:none;border-color:#3a51a1;box-shadow:0 0 0 3px rgba(58,81,161,.15)}
.centerColumn .alert,.centerColumn span.alert{color:#c0392b}
.centerColumn .messageStackError,.centerColumn .messageStackWarning,.centerColumn .messageStackSuccess,.centerColumn .messageStackCaution{border-radius:6px;padding:9px 12px;margin:0 0 12px;line-height:1.5}

/* page headings that weren't covered yet */
#loginDefault h1,#createAcctDefault h1,#passwordForgotten h1,#advSearchDefault h1,#shoppingCartDefault h1,#accountDefault h1,#cookieUsageDefault h1,#timeoutDefault h1,#pageNotFound h1,#checkoutShipping h1,#checkoutPayment h1,#checkoutConfirmDefault h1,#checkoutSuccess h1,#searchResultsDefault h1,#discountcouponInfo h1,#gvFaqDefault h1{font-size:24px !important;color:#3a51a1;margin:8px 0 14px !important;padding:0 0 10px !important;border-bottom:2px solid #e3e8f4}
#loginDefault,#createAcctDefault,#passwordForgotten,#advSearchDefault,#shoppingCartDefault,#cookieUsageDefault,#pageNotFound{font-size:14px;line-height:1.6;color:#333;padding:4px 14px 24px 12px !important;box-sizing:border-box}

/* login: two cards side by side */
#loginDefault form,#loginDefault > fieldset{box-sizing:border-box}
#loginDefault .centerColumn,#loginDefault #loginDefaultContainer{display:block}
#loginDefault fieldset{min-height:0}
#loginDefault h2{font-size:16px;color:#283a7a;margin:0 0 10px}
#loginDefault .floatingBox{width:48% !important;box-sizing:border-box}

/* empty cart */
#shoppingCartDefault #cartEmptyText{display:block;max-width:560px;margin:14px auto 24px !important;padding:28px 24px;text-align:center;background:#fff;border:1px solid #d9dff0;border-radius:12px;font-size:20px;color:#283a7a}
#shoppingCartDefault #cartEmptyText::before{content:"";display:block;width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#eef1fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2355448c' d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM5.2 4H2V2h4.6l.9 2H22l-3.4 8.2a2 2 0 0 1-1.8 1.3H8.1l-.9 1.6v.1c0 .2.1.3.3.3H20v2H7a2 2 0 0 1-1.8-2.9l1.4-2.5L5.2 4z'/%3E%3C/svg%3E") no-repeat center/26px}
#shoppingCartDefault .pcCartEmptyText{display:block;margin-top:8px;font-size:14px;font-weight:normal;color:#555;line-height:1.6}
#shoppingCartDefault .pcCartEmptyBtn{display:inline-block;margin:14px 6px 0;padding:10px 20px;border-radius:6px;background:#3a51a1;color:#fff !important;font-weight:bold;text-decoration:none !important}
#shoppingCartDefault .pcCartEmptyBtn:hover{background:#2f4489}
#shoppingCartDefault .pcCartEmptyLink{display:inline-block;margin:14px 6px 0;padding:10px 6px;font-weight:bold;color:#3a51a1 !important}

/* search results: image first, stock line small */
#productListing table.tabTable tr td.productListing-data:has(img.listingProductImage),#productListing table.tabTable tr td.productListing-data:has(.product_listing_image_link){order:-1;display:flex !important;align-items:center;justify-content:center;height:130px;margin-bottom:10px}
#productListing table.tabTable tr td.productListing-data:first-child:not(:has(img)):not(:has(.itemTitle)){order:2;height:auto !important;margin:0 0 4px !important;font-size:12px;color:#6a8f3a;font-weight:bold;display:block !important}
#searchResultsDefault{font-size:14px}
#searchResultsDefault #productListing > .productListing-data,#searchResultsDefault table:not(.tabTable) td.main{font-size:14px}

/* no search results */
#searchResultsDefault .centerColumn > .content,#searchResultsDefault td.main,#searchResultsDefault #productListing{width:auto !important}
#searchResultsDefault table.products-listing,#searchResultsDefault table:not(.tabTable){width:100% !important}

/* product notifications side box */
#productnotificationsContent{padding:12px !important;text-align:left !important}
#productnotificationsContent img{display:none}
#productnotificationsContent br{display:none}
#productnotificationsContent a{display:block;padding:10px 12px;border:1px solid #cfd7ee;border-radius:6px;background:#f5f7fc;color:#283a7a !important;font-size:12.5px;line-height:1.45;text-decoration:none !important}
#productnotificationsContent a::before{content:"\1F514  Notify me of updates";display:block;font-weight:bold;color:#3a51a1;font-size:13px;margin-bottom:3px}
#productnotificationsContent a strong{font-weight:normal;color:#666}
#productnotificationsContent a:hover{border-color:#3a51a1;background:#eef1fa}

/* product page prev / listing / next row and review button */
#productGeneral .navNextPrevWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
#productGeneral .navNextPrevCounter{width:100%;text-align:center}
#productGeneral .navNextPrevList{float:none !important;margin:0 !important}
#productGeneral .navNextPrevList img{width:auto !important}
#productGeneral #productReviewLink{float:none !important;margin:0 0 12px !important}

/* small originals: don't stretch them (class added by script when the source image is small) */
#productListing td.productListing-data img.pcNoUpscale{height:auto !important;max-height:none !important;width:auto !important}
.category_list_cust .categoryListBoxContents img.pcNoUpscale{height:auto !important}

@media (max-width:600px){
  #loginDefault .floatingBox{width:100% !important;float:none !important}
  .centerColumn label.inputLabel{float:none !important;display:block;width:auto;line-height:1.3;margin:6px 0 4px}
  .centerColumn input[type=text],.centerColumn input[type=email],.centerColumn input[type=password],.centerColumn input[type=tel],.centerColumn select{width:100% !important}
  #shoppingCartDefault #cartEmptyText{font-size:18px;padding:22px 16px}
}
/* polish pass 2 */
.centerColumn label.inputLabel{line-height:1.3 !important;padding-top:10px;box-sizing:border-box}
#loginDefault fieldset label.inputLabel{float:none !important;display:block;width:auto !important;padding-top:0;margin:10px 0 4px}
#loginDefault fieldset input[type=text],#loginDefault fieldset input[type=email],#loginDefault fieldset input[type=password]{width:100% !important}
#loginDefault fieldset br.clearBoth{display:none}
#productnotificationsContent a::before{content:"Get product updates" !important}
#productnotificationsContent a{font-size:0 !important}
#productnotificationsContent a::before{font-size:13px}
#productnotificationsContent a strong{display:block;font-size:12px;font-weight:normal;color:#666;margin-top:2px}
#productListing table.tabTable tr:only-child:not(:has(.productListing-data + .productListing-data)){grid-column:1 / -1;text-align:center}
#productListing table.tabTable tr:only-child:not(:has(.productListing-data + .productListing-data)) td{font-size:15px !important;font-weight:normal !important;color:#555;padding:20px !important;height:auto !important;order:0 !important}
#advSearchDefault input[name=keyword]{width:60% !important;min-width:220px;background:#fff !important}
#advSearchDefault fieldset{margin-bottom:14px}
#productListing table.tabTable tr:has(> th.productListing-data){grid-column:1 / -1;display:block !important;border:1px solid #d9dff0;border-radius:10px;background:#fff;padding:26px 20px !important}
#productListing table.tabTable th.productListing-data{display:block !important;width:auto !important;text-align:center !important;font-size:15px !important;font-weight:normal !important;color:#555;background:none !important;border:0 !important}
#productListing table.tabTable th.productListing-data::before{content:"No products found";display:block;font-size:18px;font-weight:bold;color:#283a7a;margin-bottom:6px}

/* ======================= Message stack (errors / warnings / success / caution) ======================= */
.messageStackError,.messageStackWarning,.messageStackSuccess,.messageStackCaution{
  position:relative;display:block;box-sizing:border-box;margin:0 0 14px !important;padding:11px 14px 11px 46px !important;
  border:1px solid #f1c9c4 !important;border-left:4px solid #c0392b !important;border-radius:8px !important;
  background:#fdf3f2 !important;color:#7a2318 !important;font-size:14px;line-height:1.5 !important;font-weight:normal;text-align:left}
.messageStackError > img,.messageStackWarning > img,.messageStackSuccess > img,.messageStackCaution > img{display:none !important}
.messageStackError::before,.messageStackWarning::before,.messageStackSuccess::before,.messageStackCaution::before{
  content:"!";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;
  background:#c0392b;color:#fff;font:bold 13px/20px Arial,sans-serif;text-align:center}
.messageStackWarning,.messageStackCaution{border-color:#f0dfb4 !important;border-left-color:#d68a00 !important;background:#fff9ec !important;color:#6b4a00 !important}
.messageStackWarning::before,.messageStackCaution::before{background:#d68a00}
.messageStackSuccess{border-color:#d3e8bd !important;border-left-color:#6aa72a !important;background:#f3f9ec !important;color:#335716 !important}
.messageStackSuccess::before{content:"\2713";background:#6aa72a}
.messageStackError a,.messageStackWarning a,.messageStackSuccess a,.messageStackCaution a{color:inherit;text-decoration:underline;font-weight:bold}

/* ======================= Form focus + search page keyword row ======================= */
/* old theme gave every focused field a mint fill (#e4fef5); use the site's purple focus ring instead */
input:focus,select:focus,textarea:focus{background-color:#fff !important}
input[type=text]:focus,input[type=search]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:#3a51a1 !important;box-shadow:0 0 0 3px rgba(58,81,161,.15)}
#searchDefault fieldset:first-of-type{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
#searchDefault fieldset:first-of-type > br.clearBoth{display:none}
#searchDefault fieldset:first-of-type > .centeredContent{order:1;flex:1 1 420px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;text-align:left;margin:0}
#searchDefault fieldset:first-of-type > .forward{order:2;float:none;margin:0 0 0 auto;white-space:nowrap}
#searchDefault input[name=keyword]{flex:1 1 260px;min-width:0;height:42px;padding:0 14px !important;border:1px solid #c5cee8 !important;border-radius:6px !important;background:#fff !important;font-size:15px !important;box-sizing:border-box;width:auto !important}
#searchDefault input[name=keyword]::placeholder{color:#8189a3}
#searchDefault .centeredContent input[type=checkbox]{margin:0}
#searchDefault .centeredContent label.checkboxLabel{margin:0 !important;white-space:nowrap}
#searchDefault fieldset:first-of-type > .forward a{display:inline-flex;align-items:center;gap:6px;font-weight:bold;color:#3a51a1;text-decoration:none}
#searchDefault fieldset:first-of-type > .forward a:hover{text-decoration:underline}
@media (max-width:600px){#searchDefault fieldset:first-of-type > .forward{margin:0}}
/* search page keyword row v2: keyword full width; checkbox + label left, help link right */
#searchDefault fieldset:first-of-type{gap:12px 8px}
#searchDefault fieldset:first-of-type > .centeredContent{display:contents;font-size:0}
#searchDefault input[name=keyword]{order:1;flex:1 1 100%}
#searchDefault input[name=keyword]:focus{border-color:#3a51a1 !important;box-shadow:0 0 0 3px rgba(58,81,161,.15)}
#searchDefault .centeredContent input[type=checkbox]{order:2}
#searchDefault .centeredContent label.checkboxLabel{order:3;font-size:13.5px;color:#444}
#searchDefault fieldset:first-of-type > .forward{order:4;margin:0 0 0 auto;font-size:13.5px}
#searchDefault fieldset:first-of-type > .forward{align-self:center;padding:0 !important;margin-top:0 !important;margin-bottom:0 !important;line-height:1.4}

/* ======================= craft.com.au header overrides ======================= */
.pcMast{background:#fff !important;border-bottom:1px solid #e4e8f3;min-height:110px;padding:8px 18px 8px 14px}
.pcLogo{width:auto !important;max-width:46%;height:auto !important;background:none !important;display:flex;align-items:center}
.pcLogo img{display:block;width:auto;height:84px;max-width:100%}
.pcAdvSearch{color:#3a51a1 !important}
.pcSearch input[type=search]{border:2px solid #3a51a1 !important}
.pcCartBtn{border:1px solid #dbe1f2 !important}
.pcNav{background:#3a51a1;border-bottom-color:#f7941d}
.pcNav a{padding-left:9px !important;padding-right:9px !important}
.pcTopBar{background:#283a7a}
.pcTopApply{background:#f7941d !important;color:#3b2300 !important}
@media (max-width:767px){
  .pcMast{background:#fff !important;padding:8px 10px 12px}
  .pcLogo{max-width:none;width:100% !important;justify-content:center;background:none !important}
  .pcLogo img{height:64px}
}