/* ======================= Pioneer Craft: inner page layouts (brands, category landing pages) ======================= */
/* ---------- Shop by Brand ---------- */
#pcBrands{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--gr:#f7941d;--gr-d:#5f8f22;--ink:#252a40;--mut:#646a80;text-align:left;color:var(--ink);font-size:15px;line-height:1.55;padding:4px 4px 10px}
#pcBrands *{box-sizing:border-box}
#pcBrands .pbIntro{padding:30px 34px;margin:0 0 26px;border-radius:16px;border:1px solid var(--pu-b);background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5fb 60%,#e6ebf7 100%)}
#pcBrands .pbIntro h1{font-size:32px !important;line-height:1.15 !important;margin:0 0 8px !important;padding:0 !important;border:0 !important;color:var(--pu-d);text-align:left !important}
#pcBrands .pbIntro p{margin:0 !important;padding:0 !important;color:#454a5e;font-size:16px;max-width:42em}
#pcBrands .pbGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#pcBrands .pbCard{display:flex;flex-direction:column;border-radius:14px;background:#fff;border:1px solid #e4e8f3;color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
#pcBrands .pbCard:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(40,58,122,.14);border-color:var(--pu-b)}
#pcBrands .pbLogo{display:flex;align-items:center;justify-content:center;height:120px;padding:18px 22px;background:#fff;border-bottom:1px solid #eef1f8}
#pcBrands .pbLogo img{display:block;max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain}
#pcBrands .pbLogoText{font-size:20px;font-weight:800;color:var(--pu-d)}
#pcBrands .pbBody{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px;background:linear-gradient(#fff,#fbfaff)}
#pcBrands .pbName{font-weight:800;font-size:16px;color:var(--pu-d);margin:0 0 4px}
#pcBrands .pbDesc{flex:1;font-size:13.5px;color:var(--mut);line-height:1.45;margin:0 0 12px}
#pcBrands .pbMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
#pcBrands .pbCount{padding:3px 9px;border-radius:999px;background:var(--pu-l);border:1px solid var(--pu-b);color:var(--pu-d);font-weight:700}
#pcBrands .pbGo{font-weight:800;color:var(--pu)}
#pcBrands .pbCard:hover .pbGo{text-decoration:underline}
#pcBrands .pbHelp{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:26px 0 6px;padding:20px 24px;border-radius:14px;background:#1f2d5f;color:#d3dbf2}
#pcBrands .pbHelp strong{display:block;color:#fff;font-size:16px;margin:0 0 2px}
#pcBrands .pbHelp span{font-size:14px}
#pcBrands .pbHelpBtn{display:inline-flex;align-items:center;min-height:42px;padding:9px 22px;border-radius:8px;background:var(--gr);color:#3b2300 !important;font-weight:800;text-decoration:none}
#pcBrands .pbHelpBtn:hover{background:#ffa940}
@media (max-width:1000px){#pcBrands .pbGrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){
  #pcBrands .pbIntro{padding:22px 18px}
  #pcBrands .pbIntro h1{font-size:26px !important}
  #pcBrands .pbGrid{grid-template-columns:1fr 1fr;gap:10px}
  #pcBrands .pbLogo{height:92px;padding:12px}
  #pcBrands .pbLogo img{max-height:56px}
  #pcBrands .pbBody{padding:12px}
  #pcBrands .pbName{font-size:14.5px}
  #pcBrands .pbDesc{font-size:12.5px}
  #pcBrands .pbMeta{flex-wrap:wrap}
}
#brandsBody .centerColumn#indexBrandsList{max-width:none !important;padding:6px 8px 24px !important}
#pcBrands .pbCount,#pcBrands .pbGo{white-space:nowrap}

/* ---------- Category landing pages (subcategory grid) ---------- */
#indexCategories #pcCat{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--gr:#f7941d;--gr-d:#5f8f22;--ink:#252a40;--mut:#646a80;text-align:left;color:var(--ink)}
#pcCat *{box-sizing:border-box}
#pcCat .pcCatHead{padding:26px 30px 22px;margin:0 0 22px;border-radius:16px;border:1px solid var(--pu-b);background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5fb 60%,#e6ebf7 100%)}
#pcCat .pcCatHead h1{font-size:30px !important;line-height:1.15 !important;margin:0 0 10px !important;padding:0 !important;border:0 !important;color:var(--pu-d);text-align:left !important}
#pcCat .pcCatHead #categoryDescription{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;font-size:15.5px;line-height:1.6;color:#454a5e;max-width:52em}
#pcCat .pcCatHead #categoryDescription p{margin:0 0 10px !important;padding:0 !important}
#pcCat .pcCatHead #categoryDescription p:last-child{margin-bottom:0 !important}
#pcCat .pcCatHead #categoryDescription strong{color:var(--ink)}
#pcCat .pcCatHead #categoryDescription em{display:inline-block;font-style:normal;font-size:13.5px;margin-top:4px;padding:7px 12px;border-radius:8px;background:#eef7e2;border-left:3px solid var(--gr);color:#3c5a17}
#pcCat .pcCatHead #categoryDescription em a{color:#3c5a17;font-weight:700;text-decoration:underline}
#pcCat .pcCatBar{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 12px}
#pcCat .pcCatBar h2{font-size:15px !important;margin:0 !important;padding:0 !important;border:0 !important;color:var(--mut) !important;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
#pcCat .pcCatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 20px}
#pcCat .pcCatCard{display:flex;flex-direction:column;border-radius:14px;background:#fff;border:1px solid #e4e8f3;color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
#pcCat .pcCatCard:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(40,58,122,.14);border-color:var(--pu-b)}
#pcCat .pcCatImg{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;padding:12px;background:#fff;border-bottom:1px solid #eef1f8}
#pcCat .pcCatImg img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s}
#pcCat .pcCatCard:hover .pcCatImg img{transform:scale(1.04)}
#pcCat .pcCatBody{display:flex;flex-direction:column;flex:1;padding:12px 14px 14px}
#pcCat .pcCatName{font-weight:800;font-size:15px;line-height:1.3;color:var(--pu-d);margin:0 0 4px}
#pcCat .pcCatDesc{font-size:13px;color:var(--mut);line-height:1.45;margin:0 0 10px}
#pcCat .pcCatMeta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--mut)}
#pcCat .pcCatMeta > span:first-child{padding:2px 8px;border-radius:999px;background:var(--pu-l);border:1px solid var(--pu-b);color:var(--pu-d);font-weight:700;white-space:nowrap}
#pcCat .pcCatGo{font-weight:800;color:var(--pu);white-space:nowrap}
#pcCat .pcCatCard:hover .pcCatGo{text-decoration:underline}
@media (max-width:1100px){#pcCat .pcCatGrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){
  #pcCat .pcCatHead{padding:20px 18px}
  #pcCat .pcCatHead h1{font-size:24px !important}
  #pcCat .pcCatHead #categoryDescription{font-size:14.5px}
  #pcCat .pcCatGrid{grid-template-columns:1fr 1fr;gap:10px}
  #pcCat .pcCatBody{padding:10px}
  #pcCat .pcCatName{font-size:14px}
  #pcCat .pcCatDesc{font-size:12px}
}
/* category grid v2: uniform image boxes, auto columns, tidy meta row */
#pcCat .pcCatGrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
#pcCat .pcCatImg{aspect-ratio:auto;height:160px;padding:12px}
#pcCat .pcCatImg img{max-height:136px}
#pcCat .pcCatDesc::first-letter{text-transform:uppercase}
#pcCat .pcCatGo{margin-left:auto}
@media (max-width:700px){#pcCat .pcCatGrid{grid-template-columns:1fr 1fr}#pcCat .pcCatImg{height:120px}#pcCat .pcCatImg img{max-height:100px}#pcCat .pcCatMeta{flex-wrap:wrap}}

/* ---------- Product list pages (leaf categories, brand listings) ---------- */
#indexProductList .pcListHead{padding:24px 28px 20px;margin:0 0 18px;border-radius:16px;border:1px solid #dbe1f2;background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5fb 60%,#e6ebf7 100%);text-align:left}
#indexProductList .pcListHead h1{font-size:28px !important;line-height:1.15 !important;margin:0 0 10px !important;padding:0 !important;border:0 !important;color:#283a7a;text-align:left !important}
#indexProductList .pcListHead #indexProductListCatDescription{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;font-size:15px;line-height:1.6;color:#454a5e}
#indexProductList .pcListHead #indexProductListCatDescription p{padding:0 !important;margin:0 0 10px !important}
#indexProductList .pcListHead #indexProductListCatDescription p:last-child{margin-bottom:0 !important}
#indexProductList .pcListHead #indexProductListCatDescription strong{color:#252a40}
#indexProductList .pcListHead #indexProductListCatDescription > :last-child em,#indexProductList .pcListHead #indexProductListCatDescription p > em:only-child{font-style:normal}
#indexProductList .pcListHead #indexProductListCatDescription ul{margin:4px 0 12px !important}
#indexProductList .pcListHead #indexProductListCatDescription ul li{background:#fff !important}
#indexProductList .pcListHead:only-child,#indexProductList .pcListHead h1:last-child{margin-bottom:0 !important}
/* 4 products per row now there's no right column */
#productListing table.tabTable > tbody{grid-template-columns:repeat(auto-fill,minmax(168px,1fr)) !important}
@media (max-width:700px){
  #indexProductList .pcListHead{padding:18px 16px}
  #indexProductList .pcListHead h1{font-size:23px !important}
  #productListing table.tabTable > tbody{grid-template-columns:repeat(2,1fr) !important}
}

/* ---------- Breadcrumb spacing: clear of the nav, inset to line up with the page content ---------- */
#contentMainWrapper #navBreadCrumb{margin:18px 16px 10px !important;width:auto !important;float:none !important;box-sizing:border-box}
#contentMainWrapper .centerColumn{padding-left:16px !important;padding-right:16px !important}
#brandsBody .centerColumn#indexBrandsList{padding:4px 16px 24px !important}
@media (max-width:700px){
  #contentMainWrapper #navBreadCrumb{margin:12px 10px 8px !important}
  #contentMainWrapper .centerColumn{padding-left:10px !important;padding-right:10px !important}
  #brandsBody .centerColumn#indexBrandsList{padding:4px 10px 20px !important}
}
/* line the first sidebox up with the breadcrumb */
@media (min-width:701px){#navColumnOneWrapper > :first-child,#navColumnTwoWrapper > :first-child{margin-top:8px !important}}

/* ======================= Left category tree (sideboxes/tpl_categories.php) ======================= */
#categoriesContent{padding:6px 0 4px !important}
#categoriesContent .pcTree{list-style:none;margin:0;padding:0}
#categoriesContent .pcTree li{margin:0;padding:0;list-style:none}
#categoriesContent .pcTree li > a{display:flex !important;align-items:center;gap:6px;position:relative;padding:7px 12px 7px 14px !important;border-left:3px solid transparent !important;color:#454a62 !important;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none !important;background:none;transition:background .12s,color .12s}
#categoriesContent .pcTree li > a:hover{background:#f3f5fb !important;color:#283a7a !important}
#categoriesContent .pcTreeName{flex:1 1 auto;min-width:0}
/* departments */
#categoriesContent .pcTree li.pcTop > a{font-size:14px;font-weight:700;color:#283a7a !important;padding-top:9px !important;padding-bottom:9px !important}
#categoriesContent .pcTree li.pcTop + li.pcTop > a,#categoriesContent .pcTree li:not(.pcTop) + li.pcTop > a{border-top:1px solid #eef1f8}
/* sub levels */
#categoriesContent .pcTree li.pcLvl2 > a{padding-left:24px !important}
#categoriesContent .pcTree li.pcLvl3 > a{padding-left:36px !important;font-size:12.5px;color:#575d78 !important}
#categoriesContent .pcTree li.pcLvl4 > a{padding-left:48px !important;font-size:12.5px;color:#575d78 !important}
#categoriesContent .pcTree li.pcLvl3 > a::before,#categoriesContent .pcTree li.pcLvl4 > a::before{content:"";position:absolute;top:0;bottom:0;left:27px;border-left:1px solid #d9dff0}
#categoriesContent .pcTree li.pcLvl4 > a::before{left:39px}
/* open path + current page */
#categoriesContent .pcTree li.pcOpen > a{color:#283a7a !important;font-weight:700}
#categoriesContent .pcTree li.pcTop.pcOpen > a,#categoriesContent .pcTree li.pcTop.pcCurrent > a{border-left-color:#f7941d !important;background:#f8f9fd}
#categoriesContent .pcTree li.pcCurrent > a{background:#e9edf8 !important;border-left-color:#3a51a1 !important;color:#1f2d5f !important;font-weight:700}
#categoriesContent .pcTree li.pcLvl3.pcCurrent > a::before,#categoriesContent .pcTree li.pcLvl4.pcCurrent > a::before{border-left-color:#3a51a1}
/* chevrons for items with subcategories */
#categoriesContent .pcTreeChev{flex:0 0 6px;width:6px;height:6px;margin:0 2px 0 4px;border-right:1.5px solid #a9b5dc;border-bottom:1.5px solid #a9b5dc;transform:rotate(-45deg);transition:transform .15s}
#categoriesContent .pcTree li.pcOpen .pcTreeChev,#categoriesContent .pcTree li.pcCurrent .pcTreeChev{transform:rotate(45deg);margin-top:-3px;border-color:#3a51a1}
#categoriesContent .pcTree li > a:hover .pcTreeChev{border-color:#3a51a1}
/* clearance */
#categoriesContent .pcTree li.pcSale > a{color:#c2551b !important}
#categoriesContent .pcTree li.pcSale > a:hover{background:#fff4ec !important}
/* footer links */
#categoriesContent .pcTreeLinks{margin:6px 0 0;padding:8px 0 2px;border-top:1px solid #eef1f8}
#categoriesContent .pcTreeLinks a{display:flex !important;padding:6px 14px 6px 17px !important;border:0 !important;font-size:13px;font-weight:700;color:#3a51a1 !important;text-decoration:none !important}
#categoriesContent .pcTreeLinks a::after{content:"\2192";margin-left:6px}
#categoriesContent .pcTreeLinks a:hover{text-decoration:underline !important;background:none !important}
#categoriesContent br{display:none}

/* ---- mobile: tree inside the "Shop by category" dropdown ---- */
@media screen and (max-width:767px){
  td#navColumnOne #categoriesContent .pcTree li > a{font-size:14.5px !important;padding:12px 16px 12px 16px !important;border-bottom:1px solid #f2eff8 !important;background:#fff !important}
  td#navColumnOne #categoriesContent .pcTree li.pcTop > a{font-size:15px !important;font-weight:700}
  td#navColumnOne #categoriesContent .pcTree li.pcLvl2 > a{padding-left:30px !important;background:#fbfcfe !important;font-size:14px !important}
  td#navColumnOne #categoriesContent .pcTree li.pcLvl3 > a{padding-left:44px !important;background:#fbfcfe !important;font-size:13.5px !important}
  td#navColumnOne #categoriesContent .pcTree li.pcLvl4 > a{padding-left:58px !important;background:#fbfcfe !important;font-size:13.5px !important}
  td#navColumnOne #categoriesContent .pcTree li.pcLvl3 > a::before{left:33px}
  td#navColumnOne #categoriesContent .pcTree li.pcLvl4 > a::before{left:47px}
  td#navColumnOne #categoriesContent .pcTree li.pcOpen > a{background:#f8f9fd !important}
  td#navColumnOne #categoriesContent .pcTree li.pcCurrent > a{background:#e9edf8 !important}
  td#navColumnOne #categoriesContent .pcTree li.pcSale > a{background:#fffaf6 !important}
  td#navColumnOne #categoriesContent .pcTreeChev{width:8px;height:8px;flex-basis:8px}
  td#navColumnOne #categoriesContent .pcTreeLinks{margin:0;padding:0;border-top:0}
  td#navColumnOne #categoriesContent .pcTreeLinks a{justify-content:center;padding:13px 16px !important;font-size:14.5px !important;border-bottom:0 !important;background:#f3f5fb !important}
}
@media screen and (max-width:767px){
  td#navColumnOne #categoriesContent .pcTree li > a{position:relative !important;text-align:left !important;justify-content:flex-start !important}
  td#navColumnOne #categoriesContent .pcTreeName{text-align:left}
}

/* ======================= Product page (templates/tpl_product_info_display.php) ======================= */
#productGeneral .pcPI{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start;margin:4px 0 26px;text-align:left}
#productGeneral .pcPIMedia{padding:16px;border:1px solid #e6eaf5;border-radius:14px;background:#fff;text-align:center}
#productGeneral .pcPIMedia #productMainImage{float:none !important;margin:0 !important;text-align:center}
#productGeneral .pcPIMedia #productMainImage img{display:block;margin:0 auto;max-width:100%;max-height:380px;width:auto;height:auto}
#productGeneral .pcPIMedia .imgLink{display:inline-block;margin-top:8px;font-size:12.5px;color:#3a51a1}
#productGeneral .pcPIMedia #productAdditionalImages{margin:12px 0 0;padding:12px 0 0;border-top:1px solid #eef1f8;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
#productGeneral .pcPIMedia #productAdditionalImages .additionalImages{float:none !important;width:auto !important}
#productGeneral .pcPIMedia #productAdditionalImages img{max-width:90px;max-height:90px;width:auto;height:auto;border:1px solid #e6eaf5;border-radius:8px}
#productGeneral .pcPIMedia #productAdditionalImages br.clearBoth{display:none}
#productGeneral .pcPIInfo{min-width:0}
#productGeneral .pcPIInfo h1#productName{font-size:26px !important;line-height:1.2 !important;margin:2px 0 6px !important;padding:0 !important;color:#283a7a;text-align:left !important}
#productGeneral .pcPIInfo h2#productPrices{font-size:15px !important;margin:0 0 14px !important;padding:0 !important;color:#646a80;font-weight:700;text-align:left !important}
#productGeneral .pcPILead{font-size:15px;line-height:1.6;color:#3a3f52;margin:0 0 16px}
#productGeneral .pcPILead p{margin:0 !important;padding:0 !important}
#productGeneral .pcPIInfo #cartAdd{margin:0 0 14px !important;padding:16px 18px !important;border-radius:12px !important;background:#f3f5fb !important;border:1px solid #dbe1f2 !important;text-align:left !important}
#productGeneral .pcPIInfo #cartAdd > a[href*="main_page=login"]{display:flex;justify-content:center;padding:12px 18px;font-size:15px;border-radius:8px}
#productGeneral .pcPIInfo #productDetailsList{display:flex !important;flex-wrap:wrap;gap:8px;margin:0 0 14px !important;padding:0 !important;list-style:none;float:none !important;font-size:13px}
#productGeneral .pcPIInfo #productDetailsList li{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid #dbe1f2;color:#283a7a;font-weight:600}
#productGeneral .pcPIInfo #productDetailsList li span{color:#8189a3;font-weight:500}
#productGeneral .pcPIInfo #productDetailsList li.pcStock{border-color:#cfe6b4;background:#f3f9ec;color:#3c5a17}
#productGeneral .pcPIInfo #productDetailsList li.pcStock span{color:#5f8f22}
#productGeneral .pcPIInfo #productDetailsList li.pcStockOut{border-color:#f1c9c4;background:#fdf3f2;color:#7a2318}
#productGeneral .pcPIInfo #productDetailsList li:empty{display:none}
#productGeneral .pcPIActions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
#productGeneral .pcPIActions #productQuestions{margin:0}
#productGeneral .pcPINotify{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#3a51a1 !important;text-decoration:none !important}
#productGeneral .pcPINotify::before{content:"";width:15px;height:15px;background:#3a51a1;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 22a2.5 2.5 0 0 0 2.5-2.5h-5A2.5 2.5 0 0 0 12 22zm7-6V11a7 7 0 0 0-5.5-6.8V3a1.5 1.5 0 0 0-3 0v1.2A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 22a2.5 2.5 0 0 0 2.5-2.5h-5A2.5 2.5 0 0 0 12 22zm7-6V11a7 7 0 0 0-5.5-6.8V3a1.5 1.5 0 0 0-3 0v1.2A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2z'/></svg>") center/contain no-repeat}
#productGeneral .pcPINotify:hover{text-decoration:underline !important}
#productGeneral .pcPINotify.pcOn{color:#5f8f22 !important}
#productGeneral .pcPINotify.pcOn::before{background:#5f8f22}
/* full-width description */
#productGeneral .pcPIDesc{margin:0 0 22px;padding:22px 26px;border:1px solid #e6eaf5;border-radius:14px;background:#fff;text-align:left}
#productGeneral .pcPIDesc > h2{font-size:18px !important;margin:0 0 12px !important;padding:0 0 10px !important;border:0 !important;border-bottom:1px solid #eef1f8 !important;color:#283a7a;text-align:left !important}
#productGeneral .pcPIDesc #productDescription{font-size:15px;line-height:1.7;color:#3a3f52;max-width:52em}
#productGeneral .pcPIDesc #productDescription p:last-child{margin-bottom:0}
@media (max-width:900px){#productGeneral .pcPI{grid-template-columns:1fr 1fr;gap:20px}}
@media (max-width:700px){
  #productGeneral .pcPI{grid-template-columns:1fr;gap:16px}
  #productGeneral .pcPIMedia #productMainImage img{max-height:300px}
  #productGeneral .pcPIInfo h1#productName{font-size:22px !important}
  #productGeneral .pcPIDesc{padding:18px 16px}
}
#productGeneral .pcPIMedia #productMainImage{width:auto !important}
#productGeneral .pcPIMedia #productMainImage img{width:auto !important;max-width:100% !important;max-height:380px !important;margin:0 auto !important}
#productGeneral .pcPIDesc > h2{font-weight:700 !important}
#productGeneral > form{margin:0 !important;padding:0 !important}
@media (max-width:700px){#productGeneral .pcPIMedia #productMainImage img{max-height:300px !important}}

/* ======================= Login page (templates/tpl_login_default.php) ======================= */
#loginDefault.centerColumn{max-width:none !important}
#pcLogin{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--gr:#f7941d;--gr-d:#5f8f22;--ink:#252a40;--mut:#646a80;max-width:920px;margin:0 auto;padding:4px 0 20px;text-align:left;color:var(--ink);font-size:15px;line-height:1.55}
#pcLogin *{box-sizing:border-box}
#pcLogin .plHead{text-align:center;margin:8px 0 22px}
#pcLogin .plHead h1{font-size:30px !important;line-height:1.2 !important;margin:0 0 8px !important;padding:0 !important;border:0 !important;color:var(--pu-d);text-align:center !important}
#pcLogin .plHead p{margin:0 auto !important;padding:0 !important;max-width:36em;color:var(--mut);font-size:15.5px}
#pcLogin .plNotice{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:#fff9ec;border:1px solid #f0dfb4;border-left:4px solid #d68a00;color:#6b4a00;font-size:14px}
#pcLogin .plGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
#pcLogin .plCard{padding:28px 30px;border-radius:16px;border:1px solid var(--pu-b);background:#fff;box-shadow:0 10px 30px rgba(40,58,122,.07)}
#pcLogin .plCard h2{font-size:21px !important;line-height:1.25 !important;margin:0 0 16px !important;padding:0 !important;border:0 !important;color:var(--pu-d);font-weight:800;text-align:left !important}
#pcLogin .plNewCard{background:linear-gradient(160deg,#f6f8fd 0%,#e9edf8 100%)}
#pcLogin .plNewCard > p{margin:0 0 16px !important;padding:0 !important;color:#454a5e}
#pcLogin .cus_reg_log{margin:0;padding:0;border:0;background:none}
#pcLogin .plField{margin:0 0 16px}
#pcLogin .plField label{display:block;margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--pu-d)}
#pcLogin .plLabelRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#pcLogin .plForgot{font-size:13px;font-weight:600;color:var(--pu) !important;text-decoration:none !important;white-space:nowrap}
#pcLogin .plForgot:hover{text-decoration:underline !important}
#pcLogin .plField input[type=email],#pcLogin .plField input[type=text],#pcLogin .plField input[type=password]{display:block;width:100% !important;height:46px;margin:0 !important;padding:0 14px !important;border:1px solid #c5cee8 !important;border-radius:8px !important;background:#fff !important;font-size:15.5px !important;color:var(--ink);box-shadow:none}
#pcLogin .plField input:focus{outline:none;border-color:var(--pu) !important;box-shadow:0 0 0 3px rgba(58,81,161,.15) !important}
#pcLogin .plPwWrap{position:relative}
#pcLogin .plPwWrap input{padding-right:72px !important}
#pcLogin .plPwToggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);height:32px;padding:0 10px;border:0;border-radius:6px;background:var(--pu-l);color:var(--pu);font:700 12.5px/32px inherit;font-family:inherit;cursor:pointer}
#pcLogin .plPwToggle:hover{background:#e3e8f6}
#pcLogin .plSubmit{margin:6px 0 0}
#pcLogin .plSubmit input[type=submit],#pcLogin .plSubmit .submit_button,#pcLogin .plSubmit button,#pcLogin .plBtnAlt{display:flex !important;align-items:center;justify-content:center;width:100% !important;min-height:48px !important;padding:12px 20px !important;border-radius:8px !important;font-size:16px !important;font-weight:800 !important;cursor:pointer;text-decoration:none !important;box-sizing:border-box}
#pcLogin .plSubmit input[type=submit],#pcLogin .plSubmit .submit_button{background:var(--pu) !important;border:2px solid var(--pu) !important;color:#fff !important}
#pcLogin .plSubmit input[type=submit]:hover,#pcLogin .plSubmit .submit_button:hover{background:var(--pu-d) !important;border-color:var(--pu-d) !important}
#pcLogin .plBtnAlt{background:var(--gr) !important;border:2px solid var(--gr) !important;color:#3b2300 !important;font-family:inherit}
#pcLogin .plBtnAlt:hover{background:#ffa940 !important;border-color:#ffa940 !important}
#pcLogin .plSmall{margin:16px 0 0 !important;padding:14px 0 0 !important;border-top:1px solid #eef1f8;font-size:13px;color:var(--mut)}
#pcLogin .plSmall a{color:var(--pu);font-weight:600}
#pcLogin .plSteps{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
#pcLogin .plSteps li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid var(--pu-b);font-size:13.5px;color:var(--mut);line-height:1.4}
#pcLogin .plSteps li > span{flex:0 0 28px;height:28px;border-radius:50%;background:var(--pu);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
#pcLogin .plSteps strong{display:block;color:var(--ink);font-size:14.5px}
#pcLogin .plGuest{margin-top:20px}
#pcLogin .plGuest .plBtnAlt{width:auto !important;display:inline-flex !important}
@media (max-width:767px){
  #pcLogin .plGrid{grid-template-columns:1fr;gap:14px}
  #pcLogin .plCard{padding:22px 18px}
  #pcLogin .plHead h1{font-size:24px !important}
  #pcLogin .plHead{margin:4px 0 16px}
}
#pcLogin form{margin:0 !important;padding:0 !important;border:0 !important;background:none !important}
#pcLogin .plField label{padding:0 !important;float:none !important;width:auto !important}
#pcLogin .cus_reg_log{padding:0 !important;margin:0 !important;border:0 !important;box-shadow:none !important}

/* ======================= Trade account application (create_account) ======================= */
#createAcctDefault.centerColumn{max-width:none !important}
#pcApply{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--gr:#f7941d;--gr-d:#5f8f22;--ink:#252a40;--mut:#646a80;padding:4px 0 20px;text-align:left;color:var(--ink);font-size:15px;line-height:1.55}
#pcApply *{box-sizing:border-box}
#pcApply .paHead{padding:26px 30px;margin:0 0 20px;border-radius:16px;border:1px solid var(--pu-b);background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5fb 60%,#e6ebf7 100%)}
#pcApply .paHead h1{font-size:30px !important;line-height:1.2 !important;margin:0 0 8px !important;padding:0 !important;border:0 !important;color:var(--pu-d);text-align:left !important}
#pcApply .paHead p{margin:0 !important;padding:0 !important;color:#454a5e;font-size:15.5px;max-width:44em}
#pcApply .paHead a{color:var(--pu);font-weight:700}
#pcApply .paLayout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
#pcApply form{margin:0 !important;padding:0 !important}
#pcApply .cus_reg_log{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
#pcApply .paSection{margin:0 0 16px;padding:22px 24px 8px;border-radius:14px;border:1px solid #e4e8f3;background:#fff}
#pcApply .paSection h2{display:flex;align-items:center;gap:10px;font-size:18px !important;line-height:1.3 !important;margin:0 0 16px !important;padding:0 !important;border:0 !important;color:var(--pu-d);font-weight:800;text-align:left !important}
#pcApply .paNum{flex:0 0 28px;height:28px;border-radius:50%;background:var(--pu);color:#fff;font-size:13.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
#pcApply .paRow{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
#pcApply .paField{margin:0 0 16px;min-width:0}
#pcApply .paField.paWide{grid-column:1 / -1}
#pcApply .paField > label,#pcApply .paLabel{display:block;margin:0 0 6px;padding:0 !important;float:none !important;width:auto !important;font-size:13.5px;font-weight:700;color:var(--pu-d);line-height:1.3}
#pcApply .pcReqMark{color:#c0392b;font-weight:700}
#pcApply .pcOpt{color:#8189a3;font-weight:500;font-size:12.5px}
#pcApply .pcHint{display:block;margin:-2px 0 6px;font-size:12.5px;color:var(--mut);line-height:1.4}
#pcApply .paField input[type=text],#pcApply .paField input[type=email],#pcApply .paField input[type=tel],#pcApply .paField input[type=password],#pcApply .paField select{display:block;width:100% !important;height:44px;margin:0 !important;padding:0 12px !important;border:1px solid #c5cee8 !important;border-radius:8px !important;background:#fff !important;font-size:15px !important;color:var(--ink);box-shadow:none;float:none !important}
#pcApply .paField select{padding-right:32px !important}
#pcApply .paField input:focus,#pcApply .paField select:focus{outline:none;border-color:var(--pu) !important;box-shadow:0 0 0 3px rgba(58,81,161,.15) !important}
#pcApply #stateZoneWrap,#pcApply #stateInputWrap{display:block}
#pcApply .paRadios{display:flex;gap:8px}
#pcApply .paRadios input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
#pcApply .paRadios label{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:40px;padding:0 16px;border:1px solid #c5cee8;border-radius:8px;background:#fff;font-size:14.5px;font-weight:600;color:var(--pu-d);cursor:pointer}
#pcApply .paRadios input:checked + label{background:var(--pu);border-color:var(--pu);color:#fff}
#pcApply .paRadios input:focus-visible + label{box-shadow:0 0 0 3px rgba(58,81,161,.25)}
#pcApply .paPrefs{padding-bottom:18px}
#pcApply .paCheck{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px}
#pcApply .paCheck input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--pu)}
#pcApply .paCheck label{margin:0 !important;padding:0 !important;font-size:14.5px;color:var(--ink);float:none !important}
#pcApply .paFormat{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13.5px;color:var(--mut)}
#pcApply .paFormat input{accent-color:var(--pu);margin:0}
#pcApply .paFormat label{margin:0 8px 0 0 !important;padding:0 !important;color:var(--ink);float:none !important}
#pcApply .paSubmit{margin:6px 0 0;padding:20px 24px;border-radius:14px;background:var(--pu-l);border:1px solid var(--pu-b)}
#pcApply .paSubmit input[type=submit],#pcApply .paSubmit .submit_button{display:flex !important;align-items:center;justify-content:center;width:100% !important;min-height:52px !important;padding:12px 20px !important;border-radius:8px !important;background:var(--gr) !important;border:2px solid var(--gr) !important;color:#3b2300 !important;font-size:17px !important;font-weight:800 !important;cursor:pointer}
#pcApply .paSubmit input[type=submit]:hover{background:#ffa940 !important;border-color:#ffa940 !important}
#pcApply .paSubmit p{margin:12px 0 0 !important;padding:0 !important;font-size:13px;color:var(--mut);text-align:center}
#pcApply .paSubmit p a{color:var(--pu);font-weight:600}
#pcApply .paAside{position:sticky;top:16px;display:grid;gap:14px}
#pcApply .paAsideCard{padding:20px;border-radius:14px;border:1px solid var(--pu-b);background:linear-gradient(160deg,#f6f8fd,#e9edf8)}
#pcApply .paAsideCard h2{font-size:16px !important;margin:0 0 12px !important;padding:0 !important;border:0 !important;color:var(--pu-d);font-weight:800;text-align:left !important}
#pcApply .paAsideCard ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
#pcApply .paAsideCard li{display:flex;gap:10px;margin:0;font-size:13px;color:var(--mut);line-height:1.4}
#pcApply .paAsideCard li > span{flex:0 0 24px;height:24px;border-radius:50%;background:var(--gr);color:#3b2300;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
#pcApply .paAsideCard li strong{display:block;color:var(--ink);font-size:13.5px}
#pcApply .paAsideHelp{background:#fff}
#pcApply .paAsideHelp p{margin:0 !important;padding:0 !important;font-size:13.5px;color:var(--mut)}
#pcApply .paAsideHelp a{color:var(--pu);font-weight:700}
#pcApply .messageStackError,#pcApply .messageStackWarning{margin-bottom:16px !important}
@media (max-width:900px){#pcApply .paLayout{grid-template-columns:1fr}#pcApply .paAside{position:static;order:-1}#pcApply .paAsideHelp{display:none}}
@media (max-width:640px){
  #pcApply .paHead{padding:20px 18px}
  #pcApply .paHead h1{font-size:24px !important}
  #pcApply .paRow{grid-template-columns:1fr}
  #pcApply .paSection{padding:18px 16px 4px}
  #pcApply .paSubmit{padding:16px}
  #pcApply .paAsideCard ol{gap:8px}
}

/* ======================= About us (define_about_us_new.php) ======================= */
#aboutusBody .centerColumn{max-width:none !important}
#pcAbout{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--gr:#f7941d;--gr-d:#5f8f22;--ink:#252a40;--mut:#646a80;text-align:left;color:var(--ink);font-size:15px;line-height:1.6;padding:4px 0 10px}
#pcAbout *{box-sizing:border-box}
#pcAbout h1,#pcAbout h2,#pcAbout h3{border:0 !important;padding:0 !important;background:none !important;color:var(--pu-d);text-align:left !important;font-weight:800}
#pcAbout h2::before,#pcAbout h3::before{content:none !important;display:none !important}
#pcAbout h2{font-size:22px !important;line-height:1.25 !important;margin:0 0 14px !important}
#pcAbout h3{font-size:16px !important;line-height:1.3 !important;margin:0 0 6px !important}
#pcAbout p{margin:0 0 10px !important;padding:0 !important}
#pcAbout a{color:var(--pu)}
#pcAbout .paSec{margin:0 0 34px}
/* hero */
#pcAbout .paHero{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;margin:0 0 34px;padding:34px 36px;border-radius:18px;border:1px solid var(--pu-b);background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5fb 55%,#e6ebf7 100%)}
#pcAbout .paEyebrow{display:inline-block;margin:0 0 12px !important;padding:5px 12px !important;border-radius:999px;background:#fff1e0;color:var(--gr-d);font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#pcAbout .paHero h1{font-size:34px !important;line-height:1.15 !important;margin:0 0 14px !important}
#pcAbout .paLead{font-size:16.5px;color:#454a5e;margin:0 !important}
#pcAbout .paLead strong{color:var(--ink)}
#pcAbout .paHeroImgs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:120px 120px;gap:10px}
#pcAbout .paHeroImgs img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px rgba(40,58,122,.14)}
#pcAbout .paHeroImgs img:first-child{grid-row:1 / 3}
/* pillars */
#pcAbout .paPillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 14px}
#pcAbout .paPillars > div{padding:20px;border-radius:14px;border:1px solid #e4e8f3;background:#fff}
#pcAbout .paPillars p{font-size:14px;color:var(--mut);margin:0 !important}
#pcAbout .paIcon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 0 12px;border-radius:12px;background:var(--pu-l);color:var(--pu)}
#pcAbout .paIcon svg{width:22px;height:22px}
#pcAbout .paNoteLine{font-size:14px;color:var(--mut);padding:10px 14px !important;border-radius:10px;background:#f3f9ec;border-left:4px solid var(--gr)}
/* two cards */
#pcAbout .paTwo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#pcAbout .paCard{padding:24px 26px;border-radius:16px;border:1px solid #e4e8f3;background:#fff;display:flex;flex-direction:column}
#pcAbout .paCard h2{font-size:19px !important}
#pcAbout .paCard p{color:#454a5e;flex:1}
#pcAbout .paQE{background:linear-gradient(160deg,#f6f8fd,#e9edf8)}
#pcAbout .paQE img{width:150px;height:auto;margin:0 0 10px}
#pcAbout .paLink{font-weight:800;font-size:14px;text-decoration:none}
#pcAbout .paLink:hover{text-decoration:underline}
/* who we supply */
#pcAbout .paIntro{color:var(--mut);margin:-6px 0 16px !important}
#pcAbout .paWho{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#pcAbout .paWho > div{padding:18px;border-radius:14px;border:1px solid #e4e8f3;background:#fff}
#pcAbout .paWho .paWhoWide{grid-column:1 / -1}
#pcAbout .paWho ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#pcAbout .paWho li{margin:0;padding:4px 10px;border-radius:999px;background:var(--pu-l);border:1px solid var(--pu-b);font-size:12.5px;color:var(--pu-d)}
#pcAbout .paWho li::before,#pcAbout .paWho li::marker{content:none}
/* trade + visit bands */
#pcAbout .paTrade{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin:0 0 16px;padding:26px 30px;border-radius:16px;background:linear-gradient(135deg,#3a51a1,#283a7a);color:#dde3f5}
#pcAbout .paTrade > div{flex:1 1 420px}
#pcAbout .paTrade h2{color:#fff !important;margin:0 0 8px !important}
#pcAbout .paTrade p{color:#d3dbf2;font-size:14.5px}
#pcAbout .paTrade p:last-child{margin:0 !important}
#pcAbout .paTrade a{color:#ffc27a}
#pcAbout .paBtn{display:inline-flex;align-items:center;min-height:46px;padding:11px 22px;border-radius:8px;background:var(--gr);color:#3b2300 !important;font-weight:800;text-decoration:none !important;white-space:nowrap}
#pcAbout .paBtn:hover{background:#ffa940}
#pcAbout .paVisit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:24px 30px;border-radius:16px;background:#1f2d5f;color:#d3dbf2}
#pcAbout .paVisit h2{color:#fff !important;font-size:20px !important;margin:0 0 4px !important}
#pcAbout .paVisit p{margin:0 !important;font-size:14px}
#pcAbout .paVisit p a{color:#ffc27a;text-decoration:underline}
#pcAbout .paVisitLinks{display:flex;flex-wrap:wrap;gap:10px}
#pcAbout .paVisitLinks a{padding:10px 16px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:14px;text-decoration:none}
#pcAbout .paVisitLinks a:hover{background:rgba(255,255,255,.18)}
@media (max-width:900px){
  #pcAbout .paHero{grid-template-columns:1fr;padding:26px 22px}
  #pcAbout .paHeroImgs{grid-template-columns:repeat(3,1fr);grid-template-rows:110px}
  #pcAbout .paHeroImgs img:first-child{grid-row:auto}
  #pcAbout .paWho{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  #pcAbout .paHero h1{font-size:27px !important}
  #pcAbout .paLead{font-size:15.5px}
  #pcAbout .paHeroImgs{grid-template-rows:80px;gap:6px}
  #pcAbout .paPillars,#pcAbout .paTwo,#pcAbout .paWho{grid-template-columns:1fr}
  #pcAbout .paTrade,#pcAbout .paVisit{padding:22px 18px}
}

/* ======================= Contact us (templates/tpl_contact_us_default.php) ======================= */
#contactUsDefault.centerColumn,#contactusBody .centerColumn{max-width:none !important}
#pcContact{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--gr:#f7941d;--gr-d:#5f8f22;--ink:#252a40;--mut:#646a80;text-align:left;color:var(--ink);font-size:15px;line-height:1.55;padding:4px 0 16px}
#pcContact *{box-sizing:border-box}
#pcContact h1,#pcContact h2{border:0 !important;padding:0 !important;background:none !important;color:var(--pu-d);text-align:left !important;font-weight:800}
#pcContact h2::before{content:none !important;display:none !important}
#pcContact .pcoHead{padding:26px 30px;margin:0 0 20px;border-radius:16px;border:1px solid var(--pu-b);background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5fb 60%,#e6ebf7 100%)}
#pcContact .pcoHead h1{font-size:30px !important;line-height:1.2 !important;margin:0 0 8px !important}
#pcContact .pcoHead #contactUsNoticeContent{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;color:#454a5e;font-size:15.5px;max-width:48em}
#pcContact .pcoHead #contactUsNoticeContent p{margin:0 0 10px !important;padding:0 !important}
#pcContact .pcoQuick{list-style:none;margin:0 !important;padding:0 !important;display:flex;flex-wrap:wrap;gap:8px}
#pcContact .pcoQuick li{margin:0 !important;padding:7px 12px !important;border-radius:10px;background:#fff;border:1px solid var(--pu-b);font-size:13.5px;color:#454a5e}
#pcContact .pcoQuick li::before,#pcContact .pcoQuick li::marker{content:none}
#pcContact .pcoQuick a{color:var(--pu);font-weight:700}
#pcContact .pcoLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
#pcContact .pcoCard{padding:26px 28px;border-radius:16px;border:1px solid #e4e8f3;background:#fff;box-shadow:0 10px 30px rgba(40,58,122,.06)}
#pcContact .pcoCard h2{font-size:20px !important;margin:0 0 18px !important}
#pcContact form{margin:0 !important;padding:0 !important}
#pcContact .pcoRow{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
#pcContact .pcoField{margin:0 0 16px;min-width:0}
#pcContact .pcoField label{display:block;margin:0 0 6px;padding:0 !important;float:none !important;width:auto !important;font-size:13.5px;font-weight:700;color:var(--pu-d)}
#pcContact .pcReqMark{color:#c0392b}
#pcContact .pcoHint{display:block;margin:-2px 0 6px;font-size:12.5px;color:var(--mut)}
#pcContact .pcoField input,#pcContact .pcoField select,#pcContact .pcoField textarea{display:block;width:100% !important;margin:0 !important;border:1px solid #c5cee8 !important;border-radius:8px !important;background:#fff !important;font-size:15px !important;color:var(--ink);box-shadow:none;float:none !important;font-family:inherit}
#pcContact .pcoField input,#pcContact .pcoField select{height:44px;padding:0 12px !important}
#pcContact .pcoField textarea{min-height:170px;padding:10px 12px !important;resize:vertical;line-height:1.5}
#pcContact .pcoField input:focus,#pcContact .pcoField textarea:focus,#pcContact .pcoField select:focus{outline:none;border-color:var(--pu) !important;box-shadow:0 0 0 3px rgba(58,81,161,.15) !important}
#pcContact .g-recaptcha{margin:0 0 14px}
#pcContact .pcoSubmit input[type=submit],#pcContact .pcoSubmit .submit_button{display:flex !important;align-items:center;justify-content:center;width:100% !important;min-height:50px !important;padding:12px 20px !important;border-radius:8px !important;background:var(--pu) !important;border:2px solid var(--pu) !important;color:#fff !important;font-size:16px !important;font-weight:800 !important;cursor:pointer}
#pcContact .pcoSubmit input[type=submit]:hover{background:var(--pu-d) !important;border-color:var(--pu-d) !important}
#pcContact .messageStackError,#pcContact .messageStackWarning{margin-bottom:16px !important}
/* aside */
#pcContact .pcoAside{display:grid;gap:12px}
#pcContact .pcoMethod{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;border:1px solid var(--pu-b);background:#fff;color:var(--ink);text-decoration:none !important;transition:border-color .15s,box-shadow .15s}
#pcContact .pcoMethod:hover{border-color:var(--pu);box-shadow:0 8px 20px rgba(40,58,122,.1)}
#pcContact .pcoMethod > span:last-child{font-size:14px;color:#454a5e;line-height:1.4;min-width:0;overflow-wrap:anywhere}
#pcContact .pcoMethod strong{display:block;color:var(--pu-d);font-size:15px}
#pcContact .pcoMethod em{display:block;font-style:normal;font-weight:700;color:var(--pu);font-size:13px;margin-top:2px}
#pcContact .pcoIcon{flex:0 0 42px;height:42px;border-radius:12px;background:var(--pu-l);color:var(--pu);display:flex;align-items:center;justify-content:center}
#pcContact .pcoIcon svg{width:21px;height:21px}
#pcContact .pcoDetails{padding:18px;border-radius:14px;background:var(--pu-l);border:1px solid var(--pu-b)}
#pcContact .pcoDetails h2{font-size:14px !important;margin:0 0 8px !important;text-transform:uppercase;letter-spacing:.05em;color:var(--mut) !important}
#pcContact .pcoDetails address{font-style:normal;font-size:13.5px;line-height:1.55;color:#454a5e;margin:0;padding:0;border:0;background:none}
/* success */
#pcContact .pcoSuccess{display:flex;gap:18px;align-items:flex-start}
#pcContact .pcoTick{flex:0 0 46px;height:46px;border-radius:50%;background:#6aa72a;position:relative}
#pcContact .pcoTick::after{content:"";position:absolute;left:16px;top:9px;width:10px;height:20px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg)}
#pcContact .pcoSuccess h2{margin:4px 0 10px !important}
#pcContact .pcoSuccess p{margin:0 0 10px !important;padding:0 !important;color:#454a5e}
#pcContact .pcoSuccess a{color:var(--pu);font-weight:700}
#pcContact .pcoSuccessLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#pcContact .pcoBtn,#pcContact .pcoBtnGhost{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:8px;font-weight:800;text-decoration:none !important}
#pcContact .pcoBtn{background:var(--pu);color:#fff !important}
#pcContact .pcoBtnGhost{border:2px solid var(--pu);color:var(--pu) !important;background:#fff}
@media (max-width:900px){#pcContact .pcoLayout{grid-template-columns:1fr}#pcContact .pcoAside{grid-template-columns:1fr 1fr}#pcContact .pcoDetails{grid-column:1 / -1}}
@media (max-width:640px){
  #pcContact .pcoHead{padding:20px 18px}
  #pcContact .pcoHead h1{font-size:25px !important}
  #pcContact .pcoCard{padding:20px 16px}
  #pcContact .pcoRow,#pcContact .pcoAside{grid-template-columns:1fr}
}

/* ======================= Shipping & Returns (define_shippinginfo.php) ======================= */
#shippinginfoBody .centerColumn{max-width:none !important}
#pcShip{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--gr:#f7941d;--gr-d:#5f8f22;--ink:#252a40;--mut:#646a80;text-align:left;color:var(--ink);font-size:15px;line-height:1.6;padding:4px 0 16px}
#pcShip *{box-sizing:border-box}
#pcShip h1,#pcShip h2,#pcShip h3{border:0 !important;padding:0 !important;background:none !important;color:var(--pu-d);text-align:left !important;font-weight:800}
#pcShip h2::before,#pcShip h3::before{content:none !important;display:none !important}
#pcShip p{margin:0 0 10px !important;padding:0 !important}
#pcShip a{color:var(--pu)}
#pcShip .psHead{padding:26px 30px;margin:0 0 16px;border-radius:16px;border:1px solid var(--pu-b);background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5fb 60%,#e6ebf7 100%)}
#pcShip .psHead h1{font-size:30px !important;line-height:1.2 !important;margin:0 0 8px !important}
#pcShip .psHead p{margin:0 !important;color:#454a5e;font-size:15.5px;max-width:48em}
#pcShip .psGlance{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 26px}
#pcShip .psGlance > div{padding:14px 14px 12px;border-radius:12px;border:1px solid var(--pu-b);background:#fff;line-height:1.3}
#pcShip .psGlance span{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
#pcShip .psGlance strong{display:block;margin:4px 0 2px;font-size:22px;font-weight:800;color:var(--pu-d)}
#pcShip .psGlance strong small{font-size:12px;font-weight:700;color:var(--mut)}
#pcShip .psGlance em{display:block;font-style:normal;font-size:12.5px;color:var(--mut)}
#pcShip .psLayout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
#pcShip .psToc{position:sticky;top:16px;display:flex;flex-direction:column;padding:14px 0;border-radius:14px;border:1px solid #e4e8f3;background:#fff}
#pcShip .psToc > span{padding:0 16px 8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
#pcShip .psToc a{padding:6px 16px;border-left:3px solid transparent;font-size:13.5px;color:#454a62;text-decoration:none}
#pcShip .psToc a:hover{background:var(--pu-l);border-left-color:var(--pu);color:var(--pu-d)}
#pcShip .psGroup{font-size:13px !important;margin:22px 0 10px !important;text-transform:uppercase;letter-spacing:.06em;color:var(--mut) !important}
#pcShip .psMain > .psGroup:first-child{margin-top:0 !important}
#pcShip .psCard{margin:0 0 12px;padding:20px 24px;border-radius:14px;border:1px solid #e4e8f3;background:#fff;scroll-margin-top:16px}
#pcShip .psCard h3{font-size:18px !important;margin:0 0 10px !important}
#pcShip .psCard p:last-child{margin-bottom:0 !important}
#pcShip .psCard ul{margin:0 !important;padding:0 !important;list-style:none}
#pcShip .psCard li{position:relative;margin:0 0 8px;padding:0 0 0 20px;color:#3a3f52}
#pcShip .psCard li:last-child{margin-bottom:0}
#pcShip .psCard li::before{content:"";position:absolute;left:4px;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--gr)}
#pcShip .psCard li::marker{content:none}
#pcShip .psLegal{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;background:var(--pu-l);border-color:var(--pu-b)}
#pcShip .psLegal h3{font-size:15px !important}
#pcShip .psLegal p{font-size:13.5px;color:var(--mut)}
#pcShip .psHelp{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:16px;padding:20px 24px;border-radius:14px;background:#1f2d5f;color:#d3dbf2}
#pcShip .psHelp strong{display:block;color:#fff;font-size:16px}
#pcShip .psHelp span{font-size:14px}
#pcShip .psHelpLinks{display:flex;flex-wrap:wrap;gap:10px}
#pcShip .psHelpLinks a{padding:10px 16px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:14px;text-decoration:none}
#pcShip .psHelpLinks a:hover{background:rgba(255,255,255,.18)}
@media (max-width:1000px){#pcShip .psGlance{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){#pcShip .psLayout{grid-template-columns:1fr}#pcShip .psToc{display:none}}
@media (max-width:640px){
  #pcShip .psHead{padding:20px 18px}
  #pcShip .psHead h1{font-size:25px !important}
  #pcShip .psGlance{grid-template-columns:1fr 1fr}
  #pcShip .psCard{padding:18px 16px}
  #pcShip .psLegal{grid-template-columns:1fr}
}

/* Fancybox image viewer: solid dark backdrop */
.fancybox__container{--fancybox-bg:rgba(15,20,45,.92)}
.fancybox__backdrop{background:rgba(15,20,45,.92) !important;opacity:1}

/* product page: reviews panel */
#productGeneral .pcPIReviews{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:0 0 22px;padding:18px 24px;border-radius:14px;border:1px solid #e6eaf5;background:#f8f9fd;text-align:left}
#productGeneral .pcPIReviews h2{font-size:17px !important;margin:0 0 2px !important;padding:0 !important;border:0 !important;color:#283a7a;font-weight:800;text-align:left !important}
#productGeneral .pcPIReviews p{margin:0 !important;padding:0 !important;font-size:14px;color:#646a80}
#productGeneral .pcPIRevBtns{display:flex;flex-wrap:wrap;gap:10px}
#productGeneral .pcRevBtn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 18px;border-radius:8px;border:2px solid #3a51a1;background:#3a51a1;color:#fff !important;font-weight:800;font-size:14px;text-decoration:none !important}
#productGeneral .pcRevBtn:hover{background:#283a7a;border-color:#283a7a}
#productGeneral .pcRevBtn::before{content:"\2605";font-size:15px;color:#f3c623}
#productGeneral .pcRevGhost{background:#fff;color:#3a51a1 !important}
#productGeneral .pcRevGhost:hover{background:#f3f5fb;color:#283a7a !important}
#productGeneral .pcRevGhost::before{content:"\270E";color:#3a51a1}
@media (max-width:640px){#productGeneral .pcPIReviews{padding:16px}#productGeneral .pcPIRevBtns,#productGeneral .pcRevBtn{width:100%;justify-content:center}}
#productGeneral .pcPIReviews .pcRevBtn{box-sizing:border-box;height:44px;min-height:0;padding:0 18px !important;line-height:1 !important;margin:0 !important}

/* craft.com.au: retail "Buy Now" buttons in product grids - keep inside the card */
#productListing .productListing-data a:has(> span.normal_button),#productListing .productListing-data a:has(> .button){display:block !important;width:100%;max-width:100%;box-sizing:border-box;margin-top:4px}
#productListing .productListing-data span.normal_button,#productListing .productListing-data .button,#productListing .productListing-data input.submit_button{display:flex !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;justify-content:center;white-space:normal !important;min-height:40px;padding:8px 10px !important;margin:0 !important}
#productListing .productListing-data .productBasePrice,#productListing .productListing-data .productSpecialPrice{font-size:16px;font-weight:800;color:#283a7a}
#productListing .productListing-data br + br{display:none}
/* contact tweaks */
#pcContact .pcoBiz{margin:4px 2px 0;font-size:12.5px;line-height:1.6;color:var(--mut)}
#pcContact .pcoCaptcha{margin:6px 0 4px}
#pcContact .pcoCaptcha:empty{display:none}
@media (max-width:900px){#pcContact .pcoBiz{grid-column:1 / -1}}
@media (max-width:560px){#pcContact .pcoAside{grid-template-columns:1fr}}
/* ===== advanced search (#crSearch) ===== */
#crSearch{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--or:#f7941d;--ink:#252a40;--mut:#646a80;text-align:left;color:var(--ink);font-size:15px;line-height:1.55;padding:4px 0 10px}
#crSearch .csHead{padding:24px 28px;margin:0 0 18px;border-radius:16px;border:1px solid var(--pu-b);background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5fb 60%,#e6ebf7 100%)}
#crSearch .csHead h1{font-size:28px !important;line-height:1.2 !important;margin:0 0 6px !important;color:var(--pu-d) !important;padding:0 !important;border:0 !important}
#crSearch .csHead p{margin:0;color:#454a5e;font-size:15.5px}
#crSearch .csCard{padding:22px 26px;margin:0 0 16px;border-radius:16px;border:1px solid #e4e8f3;background:#fff;box-shadow:0 10px 30px rgba(40,58,122,.06)}
#crSearch .csCard h2{font-size:18px !important;margin:0 0 14px !important;color:var(--pu-d) !important;padding:0 !important;border:0 !important;background:none !important}
#crSearch .csCard h2 span{font-weight:400;font-size:14px;color:var(--mut)}
#crSearch .csLabel{display:block;font-weight:700;color:var(--pu-d);margin:0 0 8px;font-size:15px}
#crSearch .csBar{display:flex;gap:8px}
#crSearch .csBar input[type=search]{flex:1;min-width:0;height:50px !important;padding:0 16px !important;font-size:16px !important;border:2px solid var(--pu) !important;border-radius:10px !important;background:#fff !important;box-shadow:none !important;margin:0 !important}
#crSearch .csBar input[type=search]:focus{outline:3px solid rgba(58,81,161,.2)}
#crSearch input.cssButton,#crSearch .csBar input[type=submit]{height:50px;min-width:120px;padding:0 22px !important;margin:0 !important;border:0 !important;border-radius:10px !important;background:var(--pu) !important;color:#fff !important;font-weight:700 !important;font-size:15.5px !important;cursor:pointer;width:auto !important}
#crSearch input.cssButton:hover{background:var(--pu-d) !important}
#crSearch .csOpts{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}
#crSearch .csCheck{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:#454a5e;cursor:pointer;margin:0}
#crSearch .csCheck input{width:18px;height:18px;margin:0;accent-color:var(--pu)}
#crSearch .csSmall{font-size:13.5px;margin-top:8px}
#crSearch .csHelp{font-weight:700;font-size:14px;color:var(--pu);text-decoration:none}
#crSearch .csHelp:hover{text-decoration:underline}
#crSearch .csGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
#crSearch .csField label:not(.csCheck),#crSearch .csLegend{display:block;font-weight:700;font-size:14px;color:var(--pu-d);margin:0 0 6px}
#crSearch select,#crSearch .csPair input{width:100% !important;height:44px !important;padding:0 12px !important;font-size:15px !important;border:1px solid #cfd7ee !important;border-radius:9px !important;background:#fff !important;box-shadow:none !important;margin:0 !important;color:var(--ink)}
#crSearch .csPair{display:flex;align-items:center;gap:8px}
#crSearch .csPair>input,#crSearch .csMoney{flex:1;min-width:0}
#crSearch .csMoney{position:relative;display:block}
#crSearch .csMoney>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--mut);font-size:15px}
#crSearch .csMoney input{padding-left:24px !important}
#crSearch .csTo{color:var(--mut);font-size:14px}
#crSearch .csMore{margin:18px 0 0;border-top:1px solid #e4e8f3;padding-top:14px}
#crSearch .csMore summary{cursor:pointer;font-weight:700;color:var(--pu);font-size:14.5px;list-style:none}
#crSearch .csMore summary::-webkit-details-marker{display:none}
#crSearch .csMore summary:before{content:'+';display:inline-block;width:20px;height:20px;line-height:19px;text-align:center;margin-right:8px;border-radius:50%;background:var(--pu-l);border:1px solid var(--pu-b)}
#crSearch .csMore[open] summary:before{content:'\2212'}
#crSearch .csMore .csGrid{margin-top:14px}
#crSearch .csActions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e4e8f3}
#crSearch .csBack{font-weight:700;color:var(--pu);text-decoration:none;font-size:14.5px}
#crSearch .csPopular h2{font-size:16px !important;margin:6px 0 10px !important;color:var(--pu-d) !important;padding:0 !important;border:0 !important;background:none !important}
#crSearch .csChips{display:flex;flex-wrap:wrap;gap:8px}
#crSearch .csChips a{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--pu-l);border:1px solid var(--pu-b);color:var(--pu-d);font-weight:600;font-size:14px;text-decoration:none}
#crSearch .csChips a:hover{background:#fff;border-color:var(--pu)}
#crSearch .csChips a.csAll{background:var(--or);border-color:var(--or);color:#3b2300}
#crSearch .messageStackError,#crSearch .messageStackWarning{margin:0 0 14px}
@media (max-width:640px){
  #crSearch .csHead{padding:18px}
  #crSearch .csHead h1{font-size:24px !important}
  #crSearch .csCard{padding:18px 16px}
  #crSearch .csGrid{grid-template-columns:1fr}
  #crSearch .csBar{flex-direction:column}
  #crSearch .csBar input[type=submit]{width:100% !important}
  #crSearch .csActions{flex-direction:column-reverse;align-items:stretch;text-align:center}
  #crSearch .csActions input{width:100% !important}
}
#crSearch .csBar #csKeyword{order:1;flex:1 1 auto;width:auto !important}
#crSearch .csBar input[type=submit]{order:2;float:none}
#crSearch .csHead p{padding:0 !important}
@media (max-width:640px){#crSearch .csBar #csKeyword{flex:0 0 auto;width:100% !important}}
/* ===== shopping cart (#crCart) ===== */
#crCart{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--or:#f7941d;--ink:#252a40;--mut:#646a80;text-align:left;color:var(--ink);font-size:15px;line-height:1.5;padding:4px 0 16px}
#crCart .ccHead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 16px}
#crCart .ccHead h1{font-size:30px !important;margin:0 !important;padding:0 !important;border:0 !important;color:var(--pu-d) !important}
#crCart .ccHead p{margin:0;color:var(--mut)}
#crCart .ccLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
#crCart .ccItems{border:1px solid #e4e8f3;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(40,58,122,.06);overflow:hidden}
#crCart .ccItem{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;padding:18px 20px;border-bottom:1px solid #eef1f8;align-items:start}
#crCart .ccImg{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border:1px solid #eef1f8;border-radius:10px;background:#fff;overflow:hidden}
#crCart .ccImg img{max-width:100%;max-height:100%;width:auto !important;height:auto !important;object-fit:contain}
#crCart .ccName{display:block;font-weight:700;font-size:15.5px;color:var(--pu-d);text-decoration:none;line-height:1.35}
#crCart .ccName:hover{text-decoration:underline}
#crCart .ccEach{display:block;margin-top:3px;font-size:13.5px;color:var(--mut)}
#crCart .ccAttribs{margin:6px 0 0;padding:0 0 0 18px;font-size:13.5px;color:#454a5e}
#crCart .ccQtyRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
#crCart .ccQty{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13.5px;color:var(--mut);font-weight:600}
#crCart .ccQty input{width:64px !important;height:38px !important;padding:0 8px !important;text-align:center;font-size:15px !important;border:1px solid #cfd7ee !important;border-radius:8px !important;margin:0 !important;box-shadow:none !important}
#crCart button.ccUpd,#crCart button.ccUpdAll{height:38px;padding:0 14px;border:1px solid var(--pu-b);border-radius:8px;background:var(--pu-l);color:var(--pu-d);font-weight:700;font-size:13.5px;cursor:pointer}
#crCart button.ccUpd:hover,#crCart button.ccUpdAll:hover{border-color:var(--pu)}
#crCart .ccRemove{font-size:13.5px;color:#b3261e;text-decoration:none;font-weight:600}
#crCart .ccRemove:hover{text-decoration:underline}
#crCart .ccMin{display:block;margin-top:6px;font-size:12.5px;color:var(--mut)}
#crCart .ccFixed{font-weight:600}
#crCart .ccLine{font-weight:800;font-size:16.5px;color:var(--ink);white-space:nowrap;text-align:right}
#crCart .ccItemsFoot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:#fafbfe}
#crCart .ccItemsFoot a{font-weight:700;color:var(--pu);text-decoration:none}
#crCart .ccSummary{position:sticky;top:16px;padding:22px;border:1px solid var(--pu-b);border-radius:16px;background:linear-gradient(180deg,#fff,#f6f8fd)}
#crCart .ccSummary h2{font-size:18px !important;margin:0 0 14px !important;padding:0 !important;border:0 !important;background:none !important;color:var(--pu-d) !important}
#crCart .ccRow{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e4e8f3}
#crCart .ccRow strong{font-size:18px}
#crCart .ccMuted{color:#454a5e;font-size:14px}
#crCart .ccNote{margin:8px 0 16px;font-size:12.5px;color:var(--mut)}
#crCart a.ccCheckout{display:block;text-align:center;padding:14px;border-radius:10px;background:var(--or);color:#3b2300 !important;font-weight:800;font-size:16px;text-decoration:none}
#crCart a.ccCheckout:hover{filter:brightness(.95)}
#crCart .ccPaypal{margin-top:10px;text-align:center}
#crCart .ccPaypal img{max-width:100%}
#crCart .ccTrust{list-style:none;margin:16px 0 0;padding:12px 0 0;border-top:1px solid #e4e8f3;font-size:13px;color:#454a5e}
#crCart .ccTrust li{padding:3px 0 3px 20px;position:relative}
#crCart .ccTrust li:before{content:'\2713';position:absolute;left:0;color:#2e8540;font-weight:700}
#crCart .ccTrust a{color:var(--pu);font-weight:700}
#crCart .ccEmpty{max-width:560px;margin:20px auto 30px;text-align:center;padding:40px 24px;border:1px solid #e4e8f3;border-radius:16px;background:#fff}
#crCart .ccEmptyIcon{display:inline-flex;width:64px;height:64px;border-radius:50%;background:var(--pu-l);color:var(--pu);align-items:center;justify-content:center}
#crCart .ccEmptyIcon svg{width:32px;height:32px}
#crCart .ccEmpty h1{font-size:26px !important;margin:14px 0 6px !important;border:0 !important;padding:0 !important;color:var(--pu-d) !important}
#crCart .ccEmpty p{color:var(--mut);margin:0 0 20px}
#crCart .ccEmptyLinks{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#crCart .ccEmptyLinks a{min-width:170px}
#crCart a.ccGhost{display:block;padding:14px;border-radius:10px;border:2px solid var(--pu);color:var(--pu);font-weight:800;text-decoration:none}
@media (max-width:900px){#crCart .ccLayout{grid-template-columns:1fr}#crCart .ccSummary{position:static}}
@media (max-width:560px){
 #crCart .ccHead h1{font-size:25px !important}
 #crCart .ccItem{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:16px 14px}
 #crCart .ccImg{width:72px;height:72px}
 #crCart .ccLine{grid-column:2;text-align:left;margin-top:-4px}
 #crCart .ccItemsFoot{padding:12px 14px}
}
#crCart .ccHead p{padding:0 !important;margin:0 !important}#crCart .ccHead{align-items:center}
/* ===== checkout (.crCheckout) ===== */
.crCheckout{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--or:#f7941d;--ink:#252a40;--mut:#646a80;text-align:left;color:var(--ink);font-size:15px;line-height:1.5;padding:4px 0 18px}
.crCheckout h1{font-size:28px !important;margin:6px 0 16px !important;padding:0 !important;border:0 !important;color:var(--pu-d) !important}
.crSteps{display:flex;gap:6px;list-style:none;margin:0 0 14px;padding:0;counter-reset:s}
.crSteps li{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#f3f5fb;color:var(--mut);font-weight:600;font-size:14px;margin:0}
.crSteps li a{color:var(--pu);text-decoration:none}
.crSteps .crStepNum{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--pu-b);font-size:13px;font-weight:800;flex:none}
.crSteps li.now{background:var(--pu);color:#fff}.crSteps li.now .crStepNum{background:#fff;color:var(--pu);border-color:#fff}
.crSteps li.done .crStepNum{background:#2e8540;border-color:#2e8540;color:#fff}
.crLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.crCard{padding:20px 22px;margin:0 0 14px;border:1px solid #e4e8f3;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(40,58,122,.05)}
.crCard h2{font-size:17px !important;margin:0 0 12px !important;padding:0 !important;border:0 !important;background:none !important;color:var(--pu-d) !important}
.crCard h2 label{font:inherit;color:inherit;margin:0}
.crCardHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.crLink{font-weight:700;font-size:14px;color:var(--pu);text-decoration:none}
.crLink:hover{text-decoration:underline}
.crAddress{font-style:normal;line-height:1.55;color:#454a5e}
.crSmall{font-size:13.5px}
.crMeta{margin:8px 0 0;color:#454a5e;font-size:14px}
.crOpt{font-weight:400;color:var(--mut);font-size:13px}
.crOption{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 0 10px;border:1.5px solid #dbe1f2;border-radius:12px;cursor:pointer;background:#fff;font-weight:400}
.crOption:has(input:checked){border-color:var(--pu);background:#f6f8fd;box-shadow:0 0 0 3px rgba(58,81,161,.10)}
.crOption input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--pu);flex:none}
.crOptText{flex:1;min-width:0}
.crOptName{display:block;font-weight:700;color:var(--ink)}
.crOptDesc{display:block;font-size:13.5px;color:var(--mut)}
.crOptPrice{font-weight:800;white-space:nowrap}
.crCards{display:inline-flex;gap:4px;flex:none}.crCards img{display:block;height:24px;width:auto}
.crCheckout textarea{width:100% !important;min-height:84px;padding:10px 12px !important;border:1px solid #cfd7ee !important;border-radius:9px !important;font-size:15px !important;box-sizing:border-box}
.crActions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 14px}
.crBack{font-weight:700;color:var(--pu);text-decoration:none}
.crCheckout .crPrimary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border:0;border-radius:10px;background:var(--or);color:#3b2300 !important;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer}
.crCheckout .crPrimary:hover{filter:brightness(.95)}
.crCheckout .crGhost{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:2px solid var(--pu);border-radius:10px;background:#fff;color:var(--pu) !important;font-weight:800;text-decoration:none;cursor:pointer}
.crWide{width:100%}
.crHint{font-size:13px;color:var(--mut);margin:8px 0 0}
.crRight{text-align:right}
.crNote{padding:10px 12px;border-radius:9px;background:#fff8ec;border:1px solid #f6d9a8;font-size:14px}
.crCheck{display:flex;gap:10px;align-items:flex-start;margin:0 0 6px;font-weight:400;cursor:pointer}
.crCheck input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--pu);flex:none}
.crCoupon summary{cursor:pointer;font-weight:700;color:var(--pu)}
.crCouponRow{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.crCouponRow input{height:42px;padding:0 12px !important;border:1px solid #cfd7ee !important;border-radius:9px !important}
.crPayFields{padding:4px 4px 10px 32px}
.crTwo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.crTwo .crCard{margin:0}
.crTwo{margin-bottom:14px}
.crLines,.crSumItems{list-style:none;margin:0;padding:0}
.crLines li,.crSumItems li{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #eef1f8;font-size:14px}
.crSumQty{color:var(--mut);font-weight:700;flex:none;min-width:28px}
.crSumName{flex:1;min-width:0}
.crSumPrice{font-weight:700;white-space:nowrap}
.crAttr{margin:2px 0 0;padding-left:16px;font-size:12.5px;color:var(--mut)}
.crSumTotals{margin-top:10px}
.crSumTotals>div,#orderTotals>div{display:flex;justify-content:space-between;padding:4px 0;font-size:14px;clear:both}
.crSumTotals .totalBox,.crSumTotals .lineTitle{float:none !important;width:auto !important;text-align:left !important;padding:0 !important}
.crSumTotals #ottotal{font-weight:800;font-size:17px;border-top:1px solid #e4e8f3;margin-top:4px;padding-top:8px}
.crSumTotals #ottotal .lineTitle{order:0}
.crSummary{position:sticky;top:16px;padding:20px;border:1px solid var(--pu-b);border-radius:14px;background:linear-gradient(180deg,#fff,#f6f8fd)}
.crSummary h2{display:flex;justify-content:space-between;align-items:baseline;font-size:17px !important;margin:0 0 10px !important;padding:0 !important;border:0 !important;background:none !important;color:var(--pu-d) !important}
.crSummary h2 a{font-size:13px;font-weight:700;color:var(--pu);text-decoration:none}
.crSummary p{font-size:14px;color:#454a5e}
.crSumRow{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e4e8f3;font-size:14px}
.crSumMuted{color:#454a5e}
.crSumTrust{list-style:none;margin:14px 0 0;padding:10px 0 0;border-top:1px solid #e4e8f3;font-size:13px;color:#454a5e}
.crSumTrust li{padding:3px 0 3px 20px;position:relative}
.crSumTrust li:before{content:'\2713';position:absolute;left:0;color:#2e8540;font-weight:700}
.crSumTrust a{color:var(--pu);font-weight:700}
.crStripe #payment-element{margin:4px 0 14px}
.crStripe #payment-message{margin:0 0 10px;padding:10px 12px;border-radius:9px;background:#fdecea;color:#8a1c12;font-size:14px}
.crStripe .hidden{display:none !important}
.crStripe .spinner{width:18px;height:18px;border:3px solid rgba(59,35,0,.25);border-top-color:#3b2300;border-radius:50%;animation:crspin .8s linear infinite}
@keyframes crspin{to{transform:rotate(360deg)}}
.crThanks{text-align:center;padding:34px 24px}
.crThanks h1{margin:12px 0 6px !important}
.crTick{display:inline-flex;width:60px;height:60px;border-radius:50%;background:#e7f4ea;color:#2e8540;font-size:30px;font-weight:800;align-items:center;justify-content:center}
.crOrderNo{font-size:16px}
.crThanksLinks{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0 6px}
.crOrderDetails h1,.crOrderDetails h2{font-size:17px !important}
@media (max-width:900px){.crLayout{grid-template-columns:1fr}.crSummary{position:static}}
@media (max-width:600px){
 .crCheckout h1{font-size:24px !important}
 .crSteps li{padding:8px 6px;font-size:12px;flex-direction:column;gap:4px;text-align:center}
 .crCard{padding:16px 14px}
 .crTwo{grid-template-columns:1fr}
 .crActions{flex-direction:column-reverse;align-items:stretch;text-align:center}
 .crCheckout .crPrimary{width:100%}
 .crOption{flex-wrap:wrap}
}
.crSumTotals>div,#orderTotals>div{flex-direction:row-reverse}
.crSumTotals>div>div{float:none !important;width:auto !important;padding:0 !important;margin:0 !important;text-align:left !important}
.crAddress{padding:0 !important;margin:0 !important}
.crCheckout .crCard textarea{display:block;float:none !important;position:static !important;margin:0 !important}
.crActions .crBack{white-space:nowrap}
.crThanks h1{text-align:center}.crCheckout p{padding:0 !important}
#pcApply .paCaptcha{margin:0 0 12px}
/* ===== my account ===== */
.crAcct{--pu:#3a51a1;--pu-d:#283a7a;--pu-l:#f3f5fb;--pu-b:#dbe1f2;--or:#f7941d;--ink:#252a40;--mut:#646a80;text-align:left;color:var(--ink);font-size:15px;line-height:1.5;padding:4px 0 18px}
.crAcct .caHead{padding:22px 26px;margin:0 0 18px;border-radius:16px;border:1px solid var(--pu-b);background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5fb 60%,#e6ebf7 100%)}
.crAcct .caHead h1{font-size:28px !important;margin:0 0 4px !important;padding:0 !important;border:0 !important;color:var(--pu-d) !important}
.crAcct .caHead p{margin:0 !important;padding:0 !important;color:#454a5e}
.crAcct .caGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}
.crAcct .caCard{padding:20px 22px;border:1px solid #e4e8f3;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(40,58,122,.05)}
.crAcct .caCard h2{font-size:18px !important;margin:0 0 12px !important;padding:0 !important;border:0 !important;background:none !important;color:var(--pu-d) !important}
.crAcct .caCardHead{display:flex;justify-content:space-between;align-items:baseline}
.crAcct .caCardHead a{font-weight:700;font-size:14px;color:var(--pu);text-decoration:none}
.crAcct .caOrderList,.crAcct .caLinks{list-style:none;margin:0;padding:0}
.crAcct .caOrderList a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"no total" "date status";gap:2px 10px;padding:12px 14px;margin:0 0 8px;border:1px solid #e4e8f3;border-radius:10px;text-decoration:none;color:var(--ink)}
.crAcct .caOrderList a:hover{border-color:var(--pu);background:#f8f9fd}
.crAcct .caOrderNo{grid-area:no;font-weight:800;color:var(--pu-d)}
.crAcct .caOrderDate{grid-area:date;font-size:13.5px;color:var(--mut)}
.crAcct .caStatus{grid-area:status;justify-self:end;font-size:12.5px;font-weight:700;padding:2px 10px;border-radius:999px;background:#e7f4ea;color:#21613a}
.crAcct .caTotal{grid-area:total;justify-self:end;font-weight:800}
.crAcct .caLinks a{display:block;padding:11px 0;border-bottom:1px solid #eef1f8;text-decoration:none}
.crAcct .caLinks a strong{display:block;color:var(--pu-d)}
.crAcct .caLinks a span{display:block;font-size:13.5px;color:var(--mut)}
.crAcct .caLinks a:hover strong{text-decoration:underline}
.crAcct .caEmpty{color:var(--mut)}
.crAcct .caHelp{margin:16px 0 0;font-size:14px;color:var(--mut)}
.crAcct .caHelp a{color:var(--pu);font-weight:700}
@media (max-width:800px){.crAcct .caGrid{grid-template-columns:1fr}}
/* generic account sub-pages (core templates) */
#accountHistoryDefault,#accountHistInfo,#addressBookDefault,#accountEditDefault,#accountPassword,#accountNewslettersDefault,#accountNotifications,#addressBookProcessDefault,#passwordForgotten,#checkoutSuccess .crOrderDetails{--pu:#3a51a1;--pu-d:#283a7a;color:#252a40;font-size:15px;text-align:left}
#accountHistoryDefault h1,#accountHistInfo h1,#addressBookDefault h1,#accountEditDefault h1,#accountPassword h1,#accountNewslettersDefault h1,#accountNotifications h1,#addressBookProcessDefault h1,#passwordForgotten h1{font-size:28px !important;color:#283a7a !important;border:0 !important;padding:0 !important;margin:0 0 16px !important}
#accountHistInfo h2,#accountHistInfo h3,.crOrderDetails h2,.crOrderDetails h3,#addressBookDefault h2{font-size:17px !important;color:#283a7a !important;border:0 !important;background:none !important;padding:0 !important;margin:18px 0 8px !important}
#accountHistInfo table,.crOrderDetails table,#accountHistoryDefault table{width:100%;border-collapse:collapse;margin:4px 0 8px}
#accountHistInfo th,.crOrderDetails th{background:#f3f5fb !important;color:#283a7a;font-size:13px;text-align:left;padding:8px 10px !important;border:0 !important}
#accountHistInfo td,.crOrderDetails td{padding:8px 10px !important;border-bottom:1px solid #eef1f8;vertical-align:top;font-size:14.5px}
#accountHistInfo #orderTotals,.crOrderDetails #orderTotals{display:grid;grid-template-columns:1fr auto;gap:4px 16px;justify-items:end;max-width:360px;margin:8px 0 8px auto}
#accountHistInfo #orderTotals>*,.crOrderDetails #orderTotals>*{float:none !important;margin:0 !important;font-size:14.5px}
#accountHistInfo #orderTotals .lineTitle,.crOrderDetails #orderTotals .lineTitle{grid-column:1;justify-self:start}
#accountHistInfo #orderTotals .amount,.crOrderDetails #orderTotals .amount{grid-column:2;font-weight:700}
#accountHistInfo #orderTotals br,.crOrderDetails #orderTotals br{display:none}
#accountHistInfo #orderTotals .lineTitle:nth-last-of-type(1),.crOrderDetails #orderTotals .lineTitle:nth-last-of-type(1){font-weight:800}
#accountHistInfo hr,.crOrderDetails hr{border:0;border-top:1px solid #e4e8f3;margin:12px 0}
#accountHistInfo address,.crOrderDetails address{font-style:normal;padding:0 !important;margin:0 0 8px !important;line-height:1.55;color:#454a5e}
#accountEditDefault fieldset,#accountPassword fieldset,#addressBookProcessDefault fieldset,#accountNewslettersDefault fieldset,#accountNotifications fieldset,#passwordForgotten fieldset,#addressBookDefault fieldset{border:1px solid #e4e8f3 !important;border-radius:14px !important;background:#fff !important;padding:18px 20px !important;margin:0 0 14px !important;box-shadow:0 8px 24px rgba(40,58,122,.05)}
#accountEditDefault legend,#accountPassword legend,#addressBookProcessDefault legend,#accountNewslettersDefault legend,#accountNotifications legend,#passwordForgotten legend,#addressBookDefault legend{font-weight:800;color:#283a7a;font-size:16px;padding:0 6px}
#accountEditDefault label.inputLabel,#accountPassword label.inputLabel,#addressBookProcessDefault label.inputLabel,#passwordForgotten label.inputLabel{display:block;float:none !important;width:auto !important;font-weight:700;font-size:14px;color:#283a7a;margin:10px 0 4px}
#accountEditDefault input[type=text],#accountEditDefault input[type=email],#accountEditDefault input[type=tel],#accountPassword input[type=password],#addressBookProcessDefault input[type=text],#addressBookProcessDefault select,#passwordForgotten input[type=email],#passwordForgotten input[type=text]{display:block;width:100% !important;max-width:460px;height:44px !important;padding:0 12px !important;border:1px solid #cfd7ee !important;border-radius:9px !important;font-size:15px !important;box-sizing:border-box;margin:0 !important}
#accountEditDefault br.clearBoth,#accountPassword br.clearBoth,#addressBookProcessDefault br.clearBoth{display:none}
#accountEditDefault .alert,#accountPassword .alert,#addressBookProcessDefault .alert{color:#b3261e;font-size:13px}
@media (max-width:600px){#accountHistInfo #orderTotals,.crOrderDetails #orderTotals{max-width:none}}
#accountHistInfo #orderTotals,.crOrderDetails #orderTotals{grid-auto-flow:row dense}
.qmin,.qunit,.qmax{display:block;font-size:13px;color:#646a80}

/* ---------- Search results (#crResults) ---------- */
#crResults .crResHead{background:#f4f6fb;border:1px solid #e1e5f0;border-radius:12px;padding:20px 22px;margin:0 0 18px}
#crResults .crResHead h1{margin:0 0 4px !important;padding:0 !important;border:0 !important;font-size:26px !important;color:var(--pu-d,#283a7a);word-break:break-word}
#crResults .crResCount{margin:0 0 14px;padding:0 !important;color:#646a80;font-size:14px}
#crResults .crResForm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
#crResults .crResForm input[type=search]{flex:1 1 240px;min-width:0;height:44px;border:1.5px solid #c9cfe0;border-radius:8px;padding:0 14px;font-size:15px;background:#fff;box-sizing:border-box}
#crResults .crResForm input[type=search]:focus{outline:none;border-color:var(--pu,#3a51a1);box-shadow:0 0 0 3px rgba(58,81,161,.15)}
#crResults .crResForm button{height:44px;padding:0 22px;border:0;border-radius:8px;background:var(--pu,#3a51a1);color:#fff;font-weight:700;font-size:15px;cursor:pointer}
#crResults .crResForm button:hover{background:var(--pu-d,#283a7a)}
#crResults .crResAdv{font-size:13px;color:var(--pu,#3a51a1);margin-left:6px}
#crResults .crNoRes{border:1px solid #e1e5f0;border-radius:12px;padding:22px 24px;background:#fff}
#crResults .crNoRes h2{font-size:20px;margin:0 0 10px;color:#252a40;word-break:break-word}
#crResults .crNoRes ul{margin:0 0 18px;padding-left:20px;line-height:1.7;color:#454a5e;font-size:15px}
#crResults .crNoRes h3{font-size:15px;margin:0 0 10px;color:#252a40}
#crResults .crNoResCats{display:flex;flex-wrap:wrap;gap:8px}
#crResults .crNoResCats a{display:inline-block;padding:8px 14px;border:1px solid #c9cfe0;border-radius:999px;color:var(--pu-d,#283a7a);font-weight:600;font-size:14px;text-decoration:none;background:#f8f9fc}
#crResults .crNoResCats a:hover{border-color:var(--pu,#3a51a1);background:#eef1fa}
#productListing img.listingProductImage{max-width:100% !important;max-height:130px !important;width:auto !important;height:auto !important;object-fit:contain}
#productListing .productListing-data .qmax{display:none}
@media (max-width:700px){#crResults .crResHead{padding:16px}#crResults .crResHead h1{font-size:21px !important}#crResults .crResAdv{margin:4px 0 0}}
#crResults .crSr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Product page buy box (2026-11-10 walkthrough) ---------- */
#productGeneral .pcPIInfo h2#productPrices{font-size:28px !important;font-weight:800 !important;color:var(--pu-d,#283a7a) !important;margin:6px 0 14px !important;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#productGeneral #productPrices .crGst{font-size:13px;font-weight:600;color:#646a80}
#productGeneral #cartAdd{padding:16px 18px !important}
#productGeneral .crBuyRow{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
#productGeneral .crBuyQty{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#454a5e;margin:0}
#productGeneral .crBuyQty input{width:84px !important;height:48px !important;box-sizing:border-box;border:1.5px solid #c9cfe0 !important;border-radius:8px !important;font-size:17px !important;text-align:center;padding:0 6px !important;background:#fff}
#productGeneral .crBuyQty input:focus{outline:none;border-color:var(--pu,#3a51a1) !important;box-shadow:0 0 0 3px rgba(58,81,161,.15)}
#productGeneral .crBuyBtn{flex:1 1 180px;height:48px;border:0;border-radius:8px;background:var(--or,#f7941d);color:#2b1a00;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.12)}
#productGeneral .crBuyBtn:hover{background:#e8840a}
#productGeneral .crBuyMin{margin-top:8px}
#productGeneral .crBuyOut{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#454a5e}
#productGeneral .crBuyOut strong{color:#b3261e;font-size:16px}
#productGeneral .crBuyFacts{list-style:none;margin:12px 0 4px !important;padding:0 !important;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:#454a5e}
#productGeneral .crBuyFacts li{margin:0 !important;padding:0 0 0 20px !important;position:relative;background:none !important;list-style:none !important}
#productGeneral .crBuyFacts li::before{content:"";position:absolute;left:2px;top:6px;width:9px;height:9px;border-radius:50%;background:#c9cfe0}
#productGeneral .crBuyFacts li.crOk{color:#2e8540;font-weight:700}
#productGeneral .crBuyFacts li.crOk::before{background:#2e8540}
#productGeneral .crBuyFacts li.crCode{color:#7a8094}
@media (max-width:700px){#productGeneral .crBuyBtn{flex-basis:100%}#productGeneral .crBuyQty{flex-direction:row;align-items:center;gap:10px}#productGeneral .pcPIInfo h2#productPrices{font-size:24px !important}}
#productGeneral .pcPIInfo h2#productPrices .productSpecialPrice{color:#b3261e}#productGeneral .pcPIInfo h2#productPrices .normalprice{font-size:16px;color:#7a8094;font-weight:600}

/* ---------- Generic friendly empty / not-found pages ---------- */
.crEmptyPage{background:#f4f6fb;border:1px solid #e1e5f0;border-radius:12px;padding:28px 26px;margin:6px 0 20px;text-align:left}
.crEmptyPage h1{margin:0 0 8px !important;padding:0 !important;border:0 !important;font-size:26px !important;color:var(--pu-d,#283a7a)}
.crEmptyPage p{font-size:15px;line-height:1.6;color:#454a5e;margin:0 0 14px}
.crEmptyBtn{display:inline-block;padding:11px 20px;border-radius:8px;background:var(--pu,#3a51a1);color:#fff !important;font-weight:700;text-decoration:none !important;margin:0 8px 8px 0}
.crEmptyBtn:hover{background:var(--pu-d,#283a7a)}
.crEmptyBtn.crGhostBtn{background:#fff;color:var(--pu-d,#283a7a) !important;border:1.5px solid #c9cfe0}
.crEmptyPage form{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 16px}
.crEmptyPage input[type=search]{flex:1 1 220px;height:44px;border:1.5px solid #c9cfe0;border-radius:8px;padding:0 14px;font-size:15px;box-sizing:border-box}
.crEmptyPage button{height:44px;padding:0 20px;border:0;border-radius:8px;background:var(--pu,#3a51a1);color:#fff;font-weight:700;cursor:pointer}
#crNotFound .crNoResCats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
#crNotFound .crNoResCats a{display:inline-block;padding:8px 14px;border:1px solid #c9cfe0;border-radius:999px;color:var(--pu-d,#283a7a);font-weight:600;font-size:14px;text-decoration:none;background:#fff}
#crNotFound .crNoResCats a:hover{border-color:var(--pu,#3a51a1);background:#eef1fa}
#crNotFound .crNfLabel{margin:4px 0 8px}
#crNotFound .crNfHelp{font-size:14px;margin:0}
#navBreadCrumb:empty{display:none !important}
.crEmptyPage p,.crEmptyPage form{padding:0 !important}
.crEmptyPage h1{padding:0 !important}
.crPwBox{max-width:560px;margin:10px auto 30px !important}
.crPwForm{display:flex !important;flex-direction:column;gap:8px;margin:0 0 16px !important}
.crPwForm label{font-weight:700;font-size:14px;color:#454a5e}
.crPwForm input[type=email]{width:100%;height:46px;border:1.5px solid #c9cfe0;border-radius:8px;padding:0 14px;font-size:16px;box-sizing:border-box}
.crPwForm button{align-self:flex-start;margin-top:4px}
.crPwBox .crNfHelp{font-size:14px}

/* ---------- Order details (account_history_info + checkout_success) ---------- */
.crOrderView{padding-top:4px}
.crOrderView .crOVHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.crOrderView .crOVHead h1{margin:0 0 4px !important;padding:0 !important;border:0 !important;font-size:26px !important;color:var(--pu-d)}
.crOrderView .crOVHead p{margin:0 !important;padding:0 !important;color:var(--mut);font-size:14px}
.crOrderView .crOVStatus{display:inline-block;background:#e7f4ea;color:#2e8540;font-weight:700;border-radius:999px;padding:1px 10px;font-size:13px}
.crOrderView .crCard{margin-bottom:14px}
.crOrderView .crSumName a{color:var(--ink);text-decoration:none;font-weight:600}
.crOrderView .crSumName a:hover{color:var(--pu);text-decoration:underline}
.crOrderView .crOVTot{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:14.5px;color:#454a5e}
.crOrderView .crOVTot.crOVGrand{font-size:17px;font-weight:800;color:var(--ink);border-top:1px solid #e4e8f3;margin-top:6px;padding-top:10px}
.crOrderView .crOVStatusList{list-style:none;margin:0 !important;padding:0 !important}
.crOrderView .crOVStatusList li{padding:10px 0 !important;border-bottom:1px solid #eef1f8;display:flex;flex-wrap:wrap;gap:4px 12px;background:none !important;margin:0 !important}
.crOrderView .crOVStatusList li:last-child{border-bottom:0}
.crOrderView .crOVDate{color:var(--mut);font-size:13.5px;min-width:90px}
.crOrderView .crOVComment{flex-basis:100%;font-size:14px;color:#454a5e;word-break:break-word}
.crOrderDetails .crOVTitle{font-size:20px;margin:22px 0 12px;color:var(--pu-d)}
.crOrderView .crTwo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:700px){.crOrderView .crTwo{grid-template-columns:1fr}.crOrderView .crOVHead h1{font-size:22px !important}}
.crOrderView #orderTotals.crOVTotals{display:block !important;float:none !important;width:auto !important;margin:10px 0 0 !important;padding:8px 0 0 !important;border-top:1px solid #eef1f8}
.crOrderView #orderTotals .crOVTot{display:flex !important;float:none !important;width:auto !important;justify-content:space-between}
.crOrderView #orderTotals .crOVTot span{float:none !important;width:auto !important;display:inline !important;text-align:left;padding:0 !important}
.crOrderView #orderTotals .crOVTot span:last-child{text-align:right;font-weight:600}
.crOrderView #orderTotals.crOVTotals>div.crOVTot{flex-direction:row !important;max-width:none !important;font-size:14.5px}.crOrderView #orderTotals.crOVTotals{max-width:none !important}.crOrderView #orderTotals.crOVTotals>div.crOVGrand{font-size:17px !important}
@media (max-width:767px){.pcAdvSearch{display:none !important}}
/* order history list + address book */
.crOrderList{list-style:none;margin:0 0 12px !important;padding:0 !important;display:flex;flex-direction:column;gap:10px}
.crOrderList li{margin:0 !important;padding:0 !important;background:none !important;list-style:none !important}
.crOrderList a{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e4e8f3;border-radius:12px;background:#fff;text-decoration:none !important;color:var(--ink)}
.crOrderList a:hover{border-color:var(--pu);box-shadow:0 2px 8px rgba(40,58,122,.08)}
.crOLMain{flex:1;display:flex;flex-direction:column;gap:2px}
.crOLMain strong{font-size:16px;color:var(--pu-d)}
.crOLMain span,.crOLSide span{font-size:13.5px;color:var(--mut)}
.crOLSide{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.crOLSide strong{font-size:16px}
.crOLGo{font-size:26px;color:#9aa1b5;line-height:1}
.crOLPages{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--mut)}
.crAddrGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0 0 14px}
.crAddrGrid .crCard{margin:0 !important}
.crAddrPrimary{border-color:var(--pu) !important}
.crAddrActions{display:flex;gap:16px;margin-top:10px}
.crDanger{color:#b3261e !important}
.crOrderView .crOVHead p{max-width:560px}
/* write a review */
#reviewsWrite{max-width:720px}
#reviewsWrite h1{margin:4px 0 14px !important;padding:0 !important;border:0 !important}
.crRevProd{display:flex;align-items:center;gap:14px}
.crRevProd img{width:80px;height:80px;object-fit:contain;border-radius:8px;background:#fff}
.crRevName{font-weight:700;font-size:16px;color:var(--pu-d);text-decoration:none;display:block}
.crStars{display:inline-flex;flex-direction:row-reverse;gap:4px;margin:2px 0 4px}
.crStars input{position:absolute;opacity:0;width:1px;height:1px}
.crStars label{font-size:34px;line-height:1;color:#d5d9e6;cursor:pointer;transition:color .1s}
.crStars input:checked ~ label,.crStars label:hover,.crStars label:hover ~ label{color:#f7941d}
.crStars input:focus-visible + label{outline:2px solid var(--pu);outline-offset:2px;border-radius:4px}
#reviewsWrite textarea{width:100%;box-sizing:border-box;min-height:130px}

/* new vector logo (2026-11-11) */
.pcLogo img{height:94px !important;width:auto !important}
@media (max-width:767px){.pcLogo img{height:70px !important}}

/* header search: box + button joined, same height as the Cart button (2026-11-11) */
.pcMastTools{align-items:center}
.pcSearch{padding:0 !important;align-items:stretch;background:transparent !important;box-shadow:0 2px 6px rgba(40,58,122,.12) !important;border-radius:8px !important}
.pcSearch input[type=search]{margin:0 !important;height:46px !important;box-sizing:border-box !important;border:2px solid #3a51a1 !important;border-right:0 !important;border-radius:8px 0 0 8px !important;padding:0 14px !important;font-size:15px !important;background:#fff;outline:none}
.pcSearch input[type=search]:focus{box-shadow:none !important;border-color:#283a7a !important}
.pcSearch button{margin:0 !important;height:46px !important;box-sizing:border-box !important;border:2px solid #3a51a1 !important;border-radius:0 8px 8px 0 !important;padding:0 18px !important;font-size:15px !important;line-height:1 !important}
.pcSearch button:hover{border-color:#2f4489 !important}
.pcCartBtn,.pcCheckoutBtn{height:46px !important;box-sizing:border-box !important;display:inline-flex !important;align-items:center}
.pcAdvSearch{text-shadow:none !important;margin-top:5px !important;font-size:12px !important}
@media (max-width:767px){.pcSearch input[type=search],.pcSearch button,.pcCartBtn{height:44px !important}}
.pcSearch{flex:1 1 0 !important;min-width:0 !important}
.pcSearch input[type=search]{flex:1 1 auto !important;min-width:0 !important;width:100% !important}
.pcSearch button{flex:0 0 auto !important}
.pcCartBtn{flex:0 0 auto !important}
@media (max-width:767px){.pcSearch button{padding:0 14px !important}}
.crOrderView .crCard .crPrimary{display:inline-flex !important;width:auto !important;max-width:100%;box-sizing:border-box}