/* sw-test.css - SheetWorld PREVIEW styles (only loaded when preview is on) */
#sw-preview-bar{position:fixed;left:12px;bottom:12px;z-index:99999;background:#1d2b36;color:#fff;font:13px/1.3 Arial,sans-serif;padding:8px 12px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
#sw-preview-bar a{color:#9fd3ff;margin-left:8px;text-decoration:underline}
.sw-searchbar{background:#f4f7f9;border-bottom:1px solid #e3e8eb;padding:10px 16px}
.sw-hsearch{position:relative;max-width:640px;margin:0 auto;display:flex}
.sw-hsearch input{flex:1;min-width:0;height:42px;border:1px solid #c9d3da;border-right:0;border-radius:21px 0 0 21px;padding:0 16px;font-size:16px;color:#1d2b36;background:#fff;outline:none;-webkit-appearance:none}
.sw-hsearch input:focus{border-color:#2a6f97}
.sw-hsearch button{height:42px;width:54px;border:1px solid #2a6f97;background:#2a6f97;border-radius:0 21px 21px 0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sw-hsearch button svg{width:20px;height:20px}
.sw-sugg{position:absolute;left:0;right:54px;top:44px;background:#fff;border:1px solid #d7dee3;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:9999;overflow:hidden}
.sw-sugg a{display:block;padding:10px 14px;color:#1d2b36;font-size:15px;text-decoration:none;border-bottom:1px solid #f0f3f5}
.sw-sugg a:hover,.sw-sugg a.on{background:#eef6fb}
.sw-sugg .sw-all{font-weight:600;color:#2a6f97}
@media (max-width:767px){.sw-searchbar{padding:8px 10px}.sw-hsearch input{height:40px}.sw-hsearch button{height:40px}}
.footer .col h3.sw-fh{margin:0;padding:20px 0 5px;font-family:inherit;font-size:14px;line-height:17px;color:#fff!important;font-weight:bold;text-transform:uppercase;letter-spacing:.5px}
img[src*="sw-logo.svg"]{width:136px!important;height:auto!important;max-width:none!important}
.sw-trust-row{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 6px;padding:10px 12px;background:#f6faf7;border:1px solid #d9eadf;border-radius:10px;font:14px/1.3 Arial,sans-serif;color:#24402f;clear:both}
.sw-trust-row span:before{content:"\2713\00a0";color:#3a8f5c;font-weight:bold}
.sw-custom-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 16px;padding:12px 16px;background:#eef6fb;border:1px solid #cfe2ee;border-radius:10px;font:15px/1.35 Arial,sans-serif;color:#1d2b36;clear:both}
.sw-custom-nudge b{color:#0f3557}
.sw-custom-nudge a{background:#0f3557;color:#fff!important;padding:9px 16px;border-radius:8px;text-decoration:none;font-weight:600;white-space:nowrap}
@media (max-width:767px){
  .zoom-left,.zoomWrapper{width:100%!important;height:auto!important;float:none!important}
  #img_01{position:static!important;width:100%!important;height:auto!important}
}
@media (min-width:768px){
  div.sw-shop{max-width:1100px;margin:10px auto 24px;padding:22px 16px 10px}
  div.sw-shop h2{font-size:26px;text-align:center}
  .sw-shop .sw-sub{text-align:center;font-size:15px}
  .sw-shop .sw-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px}
  .sw-grid .sw-t{font-size:16px}
  .sw-grid a:hover{border-color:#2a6f97;box-shadow:0 4px 14px rgba(0,0,0,.08)}
}
.sw-results{max-width:1100px;margin:16px auto 30px;padding:0 14px;font-family:Arial,sans-serif}
.sw-results h1{font-size:24px;margin:8px 0 4px;color:#1d2b36}
.sw-results .sw-count{color:#5b6770;margin:0 0 14px;font-size:14px}
.sw-results h2{font-size:18px;margin:22px 0 10px;color:#1d2b36}
.sw-rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.sw-rgrid a{display:block;border:1px solid #e3e8eb;border-radius:10px;overflow:hidden;text-decoration:none;color:#1d2b36;background:#fff}
.sw-rgrid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#f2f5f7}
.sw-rgrid .t{display:block;padding:8px 10px 2px;font-size:14px;line-height:1.3}
.sw-rgrid .p{display:block;padding:0 10px 10px;font-size:14px;font-weight:600;color:#2a6f97}
.sw-chips{display:flex;flex-wrap:wrap;gap:8px}
.sw-chips a{border:1px solid #cfd8de;border-radius:18px;padding:7px 14px;color:#1d2b36;text-decoration:none;font-size:14px;background:#fff}
.sw-chips a:hover{border-color:#2a6f97}
@media (max-width:767px){.sw-rgrid{grid-template-columns:1fr 1fr;gap:10px}}
img[src*="sw-logo-white.svg"]{width:84px!important;height:auto!important;max-width:none!important}
@media (max-width:767px){#col_wrap img[data-swmain]{width:100%!important;height:auto!important;max-width:100%!important;display:block}}

/* ===== new shop menu ===== */
.swm{position:relative;z-index:50;background:#fff;border-top:1px solid #eef1f3;font-family:Arial,Helvetica,sans-serif}
.swm-top{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:6px 10px}
.swm-item{position:static}
.swm-btn{background:none;border:0;padding:10px 14px;font-size:15px;font-weight:600;color:#1d2b36;cursor:pointer;border-radius:8px;font-family:inherit}
.swm-btn:after{content:"";display:inline-block;margin-left:7px;border:4px solid transparent;border-top-color:#7a8790;transform:translateY(2px)}
.swm-item:hover .swm-btn,.swm-item.open .swm-btn{background:#eef4f8;color:#0f3557}
.swm-custom .swm-btn{background:#0f3557;color:#fff}
.swm-custom .swm-btn:after{border-top-color:#cfe2ee}
.swm-custom:hover .swm-btn,.swm-custom.open .swm-btn{background:#16497a;color:#fff}
.swm-panel{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #e3e8eb;box-shadow:0 14px 30px rgba(15,53,87,.14)}
.swm-item.open .swm-panel{display:block}
.swm-panel-in{max-width:1100px;margin:0 auto;padding:18px 20px 22px;display:flex;gap:40px}
.swm-col{flex:0 0 auto;min-width:240px}
.swm-col:has(.swm-brands){flex:1 1 auto}
.swm-col h4{margin:0 0 8px;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#6b7780;font-weight:700}
.swm-list{list-style:none;margin:0;padding:0}
.swm-list li{break-inside:avoid}
.swm-list a{display:block;padding:6px 0;color:#1d2b36;font-size:14.5px;text-decoration:none;line-height:1.3}
.swm-list a:hover{color:#2a6f97;text-decoration:underline}
.swm-d{color:#7a8790;font-size:13px;white-space:nowrap}
.swm-brands{columns:3;column-gap:28px}
.swm-2col{columns:2;column-gap:28px}
.swm-nudge{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:#0f3557;text-decoration:none;border-bottom:2px solid #9fc6e0}
.swm-custom-box{max-width:420px;background:#eef6fb;border:1px solid #cfe2ee;border-radius:12px;padding:16px;font-size:15px;line-height:1.45;color:#1d2b36;margin-bottom:10px}
.swm-custom-box b{display:block;font-size:16px;color:#0f3557;margin-bottom:4px}
.swm-cta{display:inline-block;margin-top:12px;background:#0f3557;color:#fff!important;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:700}
[data-swold]{display:none!important}
.swm-chips,.swm-drawer,.swm-overlay{display:none}
@media (max-width:1100px){.swm-btn{padding:9px 9px;font-size:14px}.swm-brands{columns:2}}
@media (max-width:767px){
  .swm{display:none}
  .mobile-category-menu{display:none!important}
  .swm-chips{display:flex;gap:8px;overflow-x:auto;padding:8px 10px 10px;background:#1d2b36;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .swm-chips::-webkit-scrollbar{display:none}
  .swm-chip{flex:0 0 auto;border:1px solid #4d6170;background:transparent;color:#fff;border-radius:18px;padding:7px 13px;font-size:14px;font-weight:600;font-family:Arial,sans-serif;white-space:nowrap}
  .swm-chip-custom{background:#fff;color:#0f3557;border-color:#fff}
  .swm-overlay:not([hidden]){display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100000}
  .swm-drawer:not([hidden]){display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:88vw;max-width:400px;background:#fff;z-index:100001;box-shadow:4px 0 24px rgba(0,0,0,.25);font-family:Arial,Helvetica,sans-serif}
  .swm-dr-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#1d2b36;color:#fff;font-size:17px;font-weight:700}
  .swm-close{background:none;border:0;color:#fff;font-size:30px;line-height:1;padding:0 4px}
  .swm-dr-body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:30px}
  .swm-sec{border-bottom:1px solid #e9eef1}
  .swm-sec summary{list-style:none;cursor:pointer;padding:15px 16px;font-size:16px;font-weight:700;color:#1d2b36;display:flex;justify-content:space-between}
  .swm-sec summary::-webkit-details-marker{display:none}
  .swm-sec summary:after{content:"+";font-size:20px;color:#7a8790;line-height:1}
  .swm-sec[open] summary:after{content:"\2212"}
  .swm-sec-custom summary{color:#0f3557}
  .swm-sec h4{margin:4px 16px 2px;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#6b7780}
  .swm-sec .swm-list{padding:0 16px 8px;columns:1}
  .swm-sec .swm-list a{padding:9px 0;font-size:15px;border-bottom:1px solid #f3f5f7}
  .swm-sec .swm-nudge{margin:4px 16px 14px}
  .swm-sec .swm-custom-box{margin:0 16px 10px}
  .swm-dr-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding:16px}
  .swm-dr-links a{color:#2a6f97;font-size:15px}
  html.swm-lock,html.swm-lock body{overflow:hidden}
}
/* product grids: true rows, so a tall box never leaves a hole */
.product-list ul.list-ul{display:flex!important;flex-wrap:wrap;align-items:stretch}
.product-list ul.list-ul > li.item-li{float:none!important}
.product-list ul.list-ul:after,.product-list ul.list-ul:before{display:none}
.swm-quote{display:block;margin-top:12px;font-size:14px;color:#2a6f97;text-decoration:underline}
.sw-searchbar-m{clear:both;position:relative;z-index:5}

@media (max-width:767px){
  #shopping_cart.sw-mcart,#shopping_carts.sw-mcart{z-index:100003;max-height:75vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
  #shopping_cart.sw-mcart > div,#shopping_cart.sw-mcart table,#shopping_carts.sw-mcart > div,#shopping_carts.sw-mcart table{position:static!important;width:100%!important;max-width:100%!important;left:auto!important;top:auto!important;margin:0!important}
}