.sh-office-shelf{position:relative;isolation:isolate;margin:0 0 46px;padding:6px 12px 26px;border-radius:18px;background:radial-gradient(ellipse at 5% 82%,#edf5dc80,transparent 32%),#fff;overflow:hidden;color:#14271b}
.sh-office-shelf *{box-sizing:border-box}
.sh-office-shelf:after{content:"";position:absolute;z-index:-1;width:400px;height:100px;right:-130px;bottom:-77px;transform:rotate(-14deg);border-radius:50%;background:#8dbf3c;box-shadow:0 -11px #f5a52c,0 -19px #dbeab8;pointer-events:none}
.sh-office-shelf .sh-office-icon{display:block;width:23px;height:23px;flex:0 0 23px;color:inherit}
.sh-office-shelf :is(button,a):focus-visible{outline:3px solid #ff8a17;outline-offset:3px}
.sh-office-heading{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:125px;padding:12px 18px 22px;gap:20px}
.sh-office-heading:before{content:"";position:absolute;z-index:-1;right:100px;top:-65px;width:490px;height:185px;border-radius:50% 30% 70% 20%;transform:rotate(-14deg);background:linear-gradient(160deg,#cce2a3ab,#edf5df44);box-shadow:0 15px 0 #f4f8ec;pointer-events:none}
.sh-office-heading-copy{position:relative;z-index:1}
.sh-office-eyebrow{display:flex;align-items:center;gap:10px;color:#376722;font-size:11px;font-weight:700;letter-spacing:1.6px;line-height:1.6}
.sh-office-eyebrow:before{content:"";height:4px;width:28px;background:#ff7310;border-radius:4px;flex-shrink:0}
.sh-office-heading h2{position:relative;font-size:36px;line-height:1.2;color:#102416;letter-spacing:-.9px;margin:7px 0 14px;font-weight:750}
.sh-office-heading h2>svg{position:absolute;bottom:-15px;left:95px;width:165px;height:16px;fill:none;stroke:#ff7712;stroke-width:3;stroke-linecap:round}
.sh-office-art{position:absolute;right:160px;bottom:0;width:330px;height:150px;object-fit:contain;object-position:center bottom;pointer-events:none}
.sh-office-view-all{display:inline-flex;position:relative;z-index:1;align-items:center;justify-content:center;gap:12px;flex-shrink:0;background:linear-gradient(135deg,#ff8b12,#ff6500);color:#fff!important;border:1px solid #fff;border-radius:25px;padding:12px 23px;font-size:14px;font-weight:700;text-decoration:none!important;box-shadow:0 8px 19px #ff7a0d14}
.sh-office-view-all:hover{background:#ee6605}
.sh-office-tabs{display:flex;align-items:center;gap:10px;padding:10px 3px 20px;margin:0 0 10px;overflow-x:auto;scrollbar-width:none}
.sh-office-tabs::-webkit-scrollbar{display:none}
.sh-office-tabs [role=tab]{font:600 13px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;min-height:44px;flex:1 0 auto;border:1px solid #dfe7d6;border-radius:26px;background:linear-gradient(#fff,#f9fbf7);color:#203525;box-shadow:0 3px 5px #2f5b1510;cursor:pointer;transition:background .2s,color .2s}
.sh-office-tabs [role=tab] .sh-office-icon{color:#3f6d26;width:22px;height:22px;flex-basis:22px}
.sh-office-tabs [role=tab][aria-selected=true]{background:linear-gradient(160deg,#639c16,#326d0b);color:#fff;border-color:#568c1b;box-shadow:0 4px 8px #406e1620}
.sh-office-tabs [role=tab][aria-selected=true] .sh-office-icon{color:#fff}
.sh-office-tabs [role=tab]:hover{border-color:#6b9a42}
.sh-office-body{display:grid;grid-template-columns:235px minmax(0,1fr);gap:16px;align-items:stretch}
.sh-office-sidebar{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d6e1c9;border-radius:13px;background:linear-gradient(120deg,#fff,#fbfdf9);box-shadow:0 5px 12px #3a6a1910;align-self:stretch}
.sh-office-sidebar[open]:after{content:"";position:absolute;z-index:-1;left:20px;bottom:-65px;width:330px;height:85px;border-radius:50%;transform:rotate(-12deg);background:#aacb6a;box-shadow:0 -15px #e8f1d7;pointer-events:none}
.sh-office-sidebar summary{position:relative;display:flex;align-items:center;gap:10px;list-style:none;padding:18px 15px;background:linear-gradient(140deg,#5e8e25,#2c5819 68%,#74a721);font-size:15px;font-weight:700;color:#fff;cursor:pointer;overflow:hidden}
.sh-office-sidebar summary::-webkit-details-marker{display:none}
.sh-office-sidebar summary:after{content:"";position:absolute;right:-40px;top:-28px;width:150px;height:70px;border-radius:50%;background:#ffffff0f;transform:rotate(-18deg);pointer-events:none}
.sh-office-sidebar summary>.sh-icon{display:none;margin-left:auto}
.sh-office-sidebar nav{padding:10px 10px 33px}
.sh-office-sidebar nav a{display:flex;align-items:center;gap:11px;padding:13px 9px;text-decoration:none;color:#233721;font-size:13px;line-height:1.25;min-height:47px;position:relative;border-bottom:1px solid #eaf0e4}
.sh-office-sidebar nav a:last-child{border:0}
.sh-office-sidebar nav a>.sh-office-icon{color:#3e7026;width:22px;height:22px;flex-basis:22px}
.sh-office-sidebar nav a>.sh-icon{margin-left:auto;color:#244d19}
.sh-office-sidebar nav a.is-current{color:#fa6a05;font-weight:700;border:0;border-radius:7px;background:linear-gradient(90deg,#fff0d9,#fff0de);padding-left:10px}
.sh-office-sidebar nav a.is-current:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:3px;background:#ff7914}
.sh-office-sidebar nav a.is-current :is(.sh-office-icon,.sh-icon){color:#ff6d08}
.sh-office-sidebar nav a:hover{color:#f36d0a;background:#fff6e9}
.sh-office-results{min-width:0}
.sh-office-panel[hidden]{display:none}
.sh-office-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;height:100%}
.sh-office-card-wrap{position:relative;min-width:0;height:100%}
.sh-office-shelf .sh-product-card{height:100%;border:1px solid #e7ebe5;border-radius:14px;background:linear-gradient(#fff,#fdfefc);box-shadow:0 5px 11px #2437190d;overflow:hidden;transition:transform .2s,box-shadow .2s}
.sh-office-shelf .sh-product-card:hover{transform:translateY(-3px);box-shadow:0 9px 17px #24371917}
.sh-office-shelf .sh-product-image{display:block;aspect-ratio:1.08;padding:10px 10px 0;background:none;overflow:hidden;position:relative}
.sh-office-shelf .sh-product-image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px;background:#f8f9f7;mix-blend-mode:multiply}
.sh-office-shelf .sh-product-info{padding:12px 13px 13px;display:flex;flex-direction:column;flex:1}
.sh-office-shelf .sh-product-name{font-size:15px;font-weight:700;line-height:1.35;min-height:41px;max-height:41px;color:#102317;letter-spacing:-.2px;margin:0 0 7px}
.sh-office-shelf .sh-product-price{font-size:21px;color:#ff6d08;font-weight:700;line-height:1.4;min-height:33px;margin:0 0 10px;gap:6px}
.sh-office-shelf .sh-product-price del{font-size:11px;color:#7d877c;font-weight:400}
.sh-office-shelf .sh-product-price ins{text-decoration:none}
.sh-office-shelf .sh-product-action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:39px;border:0;border-radius:8px;background:linear-gradient(160deg,#659e15,#337508);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none;padding:9px 5px;margin-top:auto}
.sh-office-shelf .sh-product-action:hover{background:#326e10}
.sh-office-shelf .sh-product-action .sh-featured-icon{width:22px;height:22px;flex:0 0 22px}
.sh-office-shelf .added_to_cart{font-size:11px;color:#3f7227;text-align:center;padding-top:8px}
.sh-office-save{position:absolute;right:18px;top:17px;display:grid;place-items:center;width:31px;height:31px;padding:6px;border:0;border-radius:50%;color:#7b671b;background:#fff;box-shadow:0 2px 6px #00000015;cursor:pointer}
.sh-office-save .sh-office-icon{width:19px;height:19px}
.sh-office-save[aria-pressed=true]{color:#ff6f0b;background:#fff1e5}
.sh-office-save[aria-pressed=true] svg{fill:#ff7b14;stroke:#ff6f0b}
.sh-office-empty{padding:30px;background:#f8fbf3;border-radius:12px;font-size:14px}
@media(min-width:1024px) and (max-width:1199px){.sh-office-body{grid-template-columns:195px minmax(0,1fr);gap:12px}.sh-office-sidebar summary{font-size:13px;padding:17px 10px}.sh-office-sidebar nav a{font-size:12px;gap:7px;padding-left:5px}.sh-office-products{gap:10px}.sh-office-shelf .sh-product-info{padding:10px}.sh-office-shelf .sh-product-name{font-size:13px;min-height:36px;max-height:36px}.sh-office-shelf .sh-product-action{font-size:11px;gap:5px}.sh-office-tabs [role=tab]{padding:11px 13px;gap:7px;font-size:12px}}
@media(min-width:768px) and (max-width:1023px){.sh-office-body{grid-template-columns:195px minmax(0,1fr)}.sh-office-products{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-office-art{width:250px;right:110px;opacity:.8}.sh-office-heading h2{font-size:30px}.sh-office-eyebrow{font-size:9px;letter-spacing:1px}.sh-office-view-all{font-size:12px;padding:10px 16px}.sh-office-heading{padding-left:5px}.sh-office-tabs [role=tab]{flex:0 0 auto}}
@media(max-width:767px){
 .sh-office-shelf{padding:5px 0 22px;margin-bottom:30px;border-radius:12px}
 .sh-office-heading{min-height:128px;padding:12px 6px 17px;align-items:flex-start;flex-direction:column;justify-content:center;gap:14px}
 .sh-office-heading-copy{max-width:75%}.sh-office-heading h2{font-size:27px;margin-top:6px;margin-bottom:0;letter-spacing:-.5px}.sh-office-heading h2>svg{width:120px;left:55px;bottom:-13px}
 .sh-office-eyebrow{font-size:8px;letter-spacing:.7px;gap:6px}.sh-office-eyebrow:before{width:17px;height:3px}
 .sh-office-art{width:155px;height:94px;right:-28px;bottom:0;opacity:.7}
 .sh-office-heading:before{right:-60px;top:-30px;width:220px;height:120px}
 .sh-office-view-all{font-size:11px;min-height:32px;padding:7px 13px;gap:8px;margin-top:9px}
 .sh-office-tabs{padding:8px 4px 15px;gap:8px;margin-bottom:3px}
 .sh-office-tabs [role=tab]{font-size:12px;min-height:39px;padding:9px 13px;gap:7px;flex:0 0 auto}
 .sh-office-tabs [role=tab] .sh-office-icon{width:19px;height:19px;flex-basis:19px}
 .sh-office-body{display:block}
 .sh-office-sidebar{margin:0 2px 14px;border-radius:10px}
 .sh-office-sidebar summary{padding:12px 14px;font-size:13px}
 .sh-office-sidebar summary>.sh-office-icon{width:21px;height:21px;flex-basis:21px}
 .sh-office-sidebar summary>.sh-icon{display:block}
 .sh-office-sidebar[open] summary>.sh-icon{transform:rotate(180deg)}
 .sh-office-sidebar nav{padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 7px}
 .sh-office-sidebar nav a{font-size:11px;gap:7px;padding:10px 5px}
 .sh-office-sidebar nav a>.sh-office-icon{width:18px;height:18px;flex-basis:18px}
 .sh-office-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 2px}
 .sh-office-shelf .sh-product-card{border-radius:12px}
 .sh-office-shelf .sh-product-image{padding:8px 8px 0;aspect-ratio:1.03}
 .sh-office-shelf .sh-product-info{padding:10px}
 .sh-office-shelf .sh-product-name{font-size:13px;min-height:36px;max-height:36px;line-height:1.35}
 .sh-office-shelf .sh-product-price{font-size:18px;min-height:28px;margin-bottom:8px}
 .sh-office-shelf .sh-product-action{font-size:11px;min-height:36px;gap:5px;padding:8px 3px}
 .sh-office-shelf .sh-product-action .sh-featured-icon{width:18px;height:18px;flex-basis:18px}
 .sh-office-save{width:27px;height:27px;top:13px;right:13px;padding:5px}.sh-office-save .sh-office-icon{width:17px;height:17px}
}
@media(max-width:359px){.sh-office-heading h2{font-size:25px}.sh-office-eyebrow{font-size:7px}.sh-office-art{width:135px;right:-36px}.sh-office-shelf .sh-product-name{font-size:12px;min-height:33px;max-height:33px}.sh-office-shelf .sh-product-info{padding:9px}.sh-office-shelf .sh-product-action{font-size:10px;gap:4px}.sh-office-products{gap:8px}}
@media(prefers-reduced-motion:reduce){.sh-office-shelf *{transition:none!important}}
.sh-office-panel{height:100%}
.sh-office-shelf .sh-product-price .amount,.sh-office-shelf .sh-product-price .woocommerce-Price-currencySymbol{color:inherit;font-size:inherit;font-weight:inherit}
.sh-office-art{height:126px}
@media(max-width:767px){.sh-office-art{height:94px}}
.sh-office-shelf{--shelf-ink:#376722;--shelf-mid:#639c16;--shelf-deep:#326d0b;--shelf-line:#dfe7d6;--shelf-pale:#f7fbf1;--shelf-wave:#aacb6a;--shelf-wave-light:#e8f1d7}
.sh-office-shelf[data-tone=paper]{--shelf-ink:#1a6187;--shelf-mid:#298bb7;--shelf-deep:#15567f;--shelf-line:#d8e7ef;--shelf-pale:#f0f8fd;--shelf-wave:#82c3df;--shelf-wave-light:#e3f2fa;background:radial-gradient(ellipse at 5% 82%,#e1f3fc80,transparent 32%),#fff}
.sh-office-shelf[data-tone=safety]{--shelf-ink:#985010;--shelf-mid:#e58816;--shelf-deep:#a65308;--shelf-line:#efdfc5;--shelf-pale:#fff8ec;--shelf-wave:#efb842;--shelf-wave-light:#fff0cc;background:radial-gradient(ellipse at 5% 82%,#fff0ca80,transparent 32%),#fff}
.sh-office-shelf .sh-office-eyebrow{color:var(--shelf-ink)}
.sh-office-shelf .sh-office-tabs [role=tab]{border-color:var(--shelf-line);background:linear-gradient(#fff,var(--shelf-pale))}
.sh-office-shelf .sh-office-tabs [role=tab] .sh-office-icon{color:var(--shelf-ink)}
.sh-office-shelf .sh-office-tabs [role=tab][aria-selected=true]{background:linear-gradient(160deg,var(--shelf-mid),var(--shelf-deep));border-color:var(--shelf-mid);color:#fff}
.sh-office-shelf .sh-office-tabs [role=tab][aria-selected=true] .sh-office-icon{color:#fff}
.sh-office-shelf .sh-office-tabs [role=tab]:hover{border-color:var(--shelf-mid)}
.sh-office-shelf .sh-office-sidebar{border-color:var(--shelf-line);background:linear-gradient(120deg,#fff,var(--shelf-pale))}
.sh-office-shelf .sh-office-sidebar summary{background:linear-gradient(140deg,var(--shelf-mid),var(--shelf-deep) 68%,var(--shelf-mid))}
.sh-office-shelf .sh-office-sidebar nav a>.sh-office-icon{color:var(--shelf-ink)}
.sh-office-shelf .sh-office-sidebar[open]:after{background:var(--shelf-wave);box-shadow:0 -15px var(--shelf-wave-light)}
.sh-office-shelf .sh-product-action{background:linear-gradient(160deg,var(--shelf-mid),var(--shelf-deep))}
.sh-office-shelf .sh-product-action:hover{background:var(--shelf-deep)}
.sh-office-shelf:not([data-tone=office]):after{background:var(--shelf-wave);box-shadow:0 -11px var(--shelf-mid),0 -19px var(--shelf-wave-light)}
.sh-office-shelf:not([data-tone=office]) .sh-office-heading:before{background:linear-gradient(160deg,var(--shelf-wave-light),var(--shelf-pale));box-shadow:0 15px var(--shelf-pale)}
.sh-office-shelf:not([data-tone=office]) .sh-office-heading h2{font-size:32px;letter-spacing:-.7px;max-width:550px}
.sh-office-shelf:not([data-tone=office]) .sh-office-heading h2>svg{stroke:var(--shelf-mid)}
.sh-office-shelf:not([data-tone=office]) .sh-office-view-all{background:linear-gradient(135deg,var(--shelf-mid),var(--shelf-deep))}
.sh-office-shelf:not([data-tone=office]) .sh-office-sidebar nav a.is-current{background:var(--shelf-wave-light);color:var(--shelf-ink)}
.sh-office-shelf:not([data-tone=office]) .sh-office-sidebar nav a.is-current:before{background:var(--shelf-mid)}
.sh-office-shelf:not([data-tone=office]) .sh-office-sidebar nav a.is-current :is(.sh-office-icon,.sh-icon){color:var(--shelf-ink)}
@media(min-width:768px) and (max-width:1023px){.sh-office-shelf:not([data-tone=office]) .sh-office-heading-copy{max-width:58%}.sh-office-shelf:not([data-tone=office]) .sh-office-heading h2{font-size:28px}.sh-office-shelf:not([data-tone=office]) .sh-office-art{opacity:.65;right:100px;width:220px}}
@media(max-width:767px){.sh-office-shelf:not([data-tone=office]) .sh-office-heading{min-height:155px}.sh-office-shelf:not([data-tone=office]) .sh-office-heading h2{font-size:25px}.sh-office-shelf:not([data-tone=office]) .sh-office-heading-copy{max-width:78%}.sh-office-shelf:not([data-tone=office]) .sh-office-art{right:-10px;width:140px;opacity:.6}}
@media(max-width:359px){.sh-office-shelf:not([data-tone=office]) .sh-office-heading h2{font-size:23px}}
