:root{--snav-ink:#263c34;--snav-line:#e5e3dc;--snav-paper:#f5f3ec}.snav-desktop{position:relative;width:100%;z-index:40;color:var(--snav-ink);font-family:inherit}.snav-desktop *,.snav-drawer *{box-sizing:border-box}.snav-desktop ul,.snav-drawer ul{list-style:none;margin:0;padding:0}.snav-top{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.1vw,22px);padding:0 18px!important;min-height:62px}.snav-top>li{margin:0;padding:0}.snav-top-link,.snav-top summary{display:flex;align-items:center;gap:7px;min-height:48px;padding:12px 7px;font-size:13px;line-height:1.3;font-weight:500;letter-spacing:.02em;text-decoration:none;color:inherit;white-space:nowrap;text-transform:none}.snav-top summary{cursor:pointer;list-style:none}.snav-desktop summary::-webkit-details-marker,.snav-drawer summary::-webkit-details-marker{display:none}.snav-top summary svg,.snav-mobile-group summary svg{transition:transform .16s}.snav-group[open]>summary svg,.snav-mobile-group[open]>summary svg{transform:rotate(180deg)}.snav-group[open]>summary{color:#6c7353}.snav-top a:hover,.snav-top summary:hover{color:#6c7353}.snav-sale>a{color:#9b493b!important}.snav-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);width:min(790px,calc(100vw - 48px));padding:25px 30px 28px;background:#fff;border:1px solid var(--snav-line);box-shadow:0 14px 30px #263c3414;border-radius:0 0 5px 5px;text-align:left}.snav-panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--snav-line);padding-bottom:16px;margin-bottom:13px;gap:20px}.snav-panel-heading>span{font-family:Georgia,serif;font-size:22px}.snav-panel-heading>a{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:inherit}.snav-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 20px}.snav-links li{margin:0}.snav-links a{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 6px;color:var(--snav-ink);font-size:14px;line-height:1.4;font-weight:400;text-transform:none;text-decoration:none;border-radius:3px;overflow-wrap:anywhere}.snav-links a:hover,.snav-links a[aria-current=page]{background:var(--snav-paper)}.snav-subheading{grid-column:1/-1;font-weight:600}.snav-subheading a{font-weight:600}.snav-swatch{width:20px;height:20px;border:1px solid #0002;background:var(--snav-swatch);border-radius:50%;flex-shrink:0}.snav-open{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:0;color:inherit;padding:9px;cursor:pointer}.snav-open svg{display:block}.snav-desktop a:focus-visible,.snav-desktop summary:focus-visible,.snav-drawer a:focus-visible,.snav-drawer summary:focus-visible,.snav-drawer button:focus-visible,.snav-open:focus-visible{outline:2px solid #7f7158;outline-offset:3px}.snav-desktop summary:focus-visible{outline-offset:-4px}.snav-drawer{position:fixed;inset:0 auto 0 0;margin:0;border:0;padding:0;width:min(410px,94vw);max-width:none;height:100vh;height:100dvh;max-height:100dvh;background:#fff;color:var(--snav-ink);box-shadow:8px 0 40px #0002;overflow:hidden;font-family:inherit}.snav-drawer:not([open]){display:none}.snav-drawer[open]{display:flex;flex-direction:column}.snav-drawer::backdrop{background:#13281f75}.snav-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0;padding:16px 16px 12px 22px;border-bottom:1px solid var(--snav-line)}.snav-drawer-head>span{font-size:15px;font-weight:500}.snav-close{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;border-radius:50%;cursor:pointer;color:inherit}.snav-close:hover{background:var(--snav-paper)}.snav-drawer-scroll{overflow:auto;overscroll-behavior:contain;padding:20px 22px 30px;padding-bottom:max(30px,env(safe-area-inset-bottom));flex:1;min-height:0}.snav-search{display:flex;align-items:center;border:1px solid #d8dcd2;border-radius:3px;background:#fff;margin:0 0 16px}.snav-search input{border:0!important;box-shadow:none!important;min-width:0;width:100%;flex:1;padding:12px!important;margin:0!important;min-height:46px;font:inherit;font-size:16px;line-height:1.3;color:var(--snav-ink);background:none}.snav-search button{border:0;display:grid;place-items:center;min-width:44px;height:46px;padding:10px;background:none;color:inherit;cursor:pointer}.snav-search:focus-within{outline:2px solid #7f7158;outline-offset:2px}.snav-search input:focus{outline:none}.snav-rug-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf0e5;padding:16px;border-radius:3px;color:var(--snav-ink)!important;text-decoration:none!important;margin:0 0 18px}.snav-rug-card strong{display:block;font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.3}.snav-rug-card small{display:block;font-size:11px;line-height:1.5;margin-top:5px}.snav-rug-card>span:last-child{font-size:22px}.snav-mobile-list>li{border-bottom:1px solid var(--snav-line)}.snav-mobile-list>li>a,.snav-mobile-group>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:54px;margin:0;padding:14px 2px;font:inherit;font-weight:500;font-size:16px;line-height:1.45;color:inherit;text-decoration:none;list-style:none;cursor:pointer;text-transform:none}.snav-mobile-list>li>a>span{font-size:16px}.snav-mobile-panel{padding:0 0 16px}.snav-mobile-panel .snav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 12px}.snav-mobile-panel .snav-links a{font-size:13px;padding:10px 5px;min-height:46px}.snav-view-all{display:block;padding:8px 5px 12px;color:#5b674e;text-decoration:underline;text-underline-offset:4px;font-size:12px}.snav-support{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin:26px 0 0;padding-top:3px}.snav-support p{grid-column:1/-1;margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#72796c}.snav-support a{display:flex;align-items:center;min-height:44px;font-size:12px;color:var(--snav-ink);text-decoration:none;line-height:1.5}.snav-support .snav-phone{grid-column:1/-1;border-top:1px solid var(--snav-line);margin-top:16px;padding-top:10px;font-size:14px}.snav-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.snav-locked,body.snav-locked{overflow:hidden!important}.snav-nojs{padding:12px;display:flex;flex-wrap:wrap;gap:16px;font-size:13px}@media(max-width:1024px){.snav-desktop{display:none}.snav-open{margin-left:-5px!important}.main_hdr .mobile-nav{align-items:center}.snav-nojs{background:#fff}.snav-drawer .snav-search input{font-size:16px!important}}@media(min-width:1025px){.snav-nojs{display:none}.snav-top{flex-wrap:nowrap}.snav-desktop{display:block}.snav-drawer{display:none!important}}@media(prefers-reduced-motion:reduce){.snav-desktop *,.snav-drawer *{transition:none!important;scroll-behavior:auto!important}}.snav-rug-icon{flex-shrink:0}.snav-rug-card{background:#263c34;border:1px solid #263c34;color:#fff!important;border-radius:8px;justify-content:flex-start;gap:18px;padding:20px 16px;margin-bottom:20px;transition:background .18s}.snav-rug-card:hover{background:#3c5143}.snav-rug-card strong{font-size:24px;line-height:1.2;margin:5px 0 8px}.snav-rug-card small{font-size:12px;line-height:1.5;color:#e5eadc;margin:0}.snav-rug-card small:first-child{font-size:9px;letter-spacing:.12em}.snav-rug-card>span:last-child{font-size:inherit}.snav-rug-art{display:grid;place-items:center;width:68px;height:88px;flex-shrink:0;border-radius:3px;background:#e5dece;color:#7c7562;box-shadow:inset 0 0 0 5px #e5dece,inset 0 0 0 7px #9a927d,3px 4px #13271d55;transform:rotate(-7deg)}.snav-rug-art svg{width:34px;height:42px;opacity:.8}.snav-mobile-panel .snav-links a{font-size:14px}.snav-support a{font-size:13px}.snav-view-all{font-size:13px;min-height:44px}.snav-panel-heading>a{min-height:44px;display:flex;align-items:center}@media(min-width:1025px)and (max-width:1180px){.snav-top{gap:4px;padding:0 12px!important}.snav-top-link,.snav-top summary{font-size:12px;padding:12px 5px;gap:5px}}@media(prefers-reduced-motion:reduce){.snav-header-rug,.snav-rug-card{transition:none}}.snav-header-icons{display:contents}.snav-header-rug{display:none}@media(min-width:1025px){.main_hdr{min-height:108px;padding-top:12px;padding-bottom:12px}.main_hdr .icons-col{flex-direction:column;align-items:flex-end;gap:12px}.main_hdr .snav-header-icons{display:flex;width:100%;justify-content:flex-end}.main_hdr .snav-header-rug{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid #263c34;border-radius:4px;background:#263c34;color:#fff;font-size:12px;font-weight:500;line-height:20px;letter-spacing:.01em;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background .16s,border-color .16s}.main_hdr .snav-header-rug--with-settings{margin-right:26px}.snav-header-rug svg{flex-shrink:0}.main_hdr .snav-header-rug:hover{background:#3c5143;border-color:#3c5143;color:#fff}.main_hdr .snav-header-rug:focus-visible{outline:2px solid #7f7158;outline-offset:3px}.snav-top{min-height:54px}.sticky_hdr .main_hdr{padding-top:12px;padding-bottom:12px;min-height:108px}}.snav-desktop-slot{display:none}@media(min-width:1025px){.main_hdr.snav-compact-header,.sticky_hdr .main_hdr.snav-compact-header{display:grid;grid-template-columns:160px minmax(0,1fr) 220px;grid-template-areas:"logo search icons" "nav nav nav";gap:6px 24px;align-items:center;min-height:0;padding-top:12px;padding-bottom:12px;overflow:visible}.snav-compact-header>.header-logo{grid-area:logo;width:auto;max-width:none;min-width:0;margin:0;padding:0;justify-self:start}.snav-compact-header>.txtBlock{grid-area:search;width:auto;max-width:none;min-width:0;margin:0;padding:0}.snav-compact-header>.txtBlock .search{width:100%;max-width:100%;margin:0}.snav-compact-header>.icons-col{grid-area:icons;width:auto;max-width:none;min-width:0;margin:0;padding:0;align-self:center}.snav-compact-header>.snav-desktop-slot{display:block;grid-area:nav;min-width:0;width:100%;align-self:end}.snav-compact-header .snav-top{min-height:44px;padding:0!important;gap:8px}.snav-compact-header .snav-top-link,.snav-compact-header .snav-top summary{min-height:44px;padding:8px 5px}}@media(min-width:1280px){.main_hdr.snav-compact-header,.sticky_hdr .main_hdr.snav-compact-header{grid-template-columns:clamp(150px,12vw,180px) minmax(0,1fr) 220px;grid-template-areas:"logo search icons" "logo nav icons";grid-template-rows:minmax(44px,auto) 44px}.snav-compact-header .snav-top{justify-content:space-between;gap:4px}}@media(min-width:1280px)and (max-width:1439px){.snav-compact-header .snav-top-link,.snav-compact-header .snav-top summary{font-size:12px;padding:8px 3px;gap:5px;letter-spacing:0}}#cartLink .snav-cart-icon{display:inline-block;width:22px;height:24px;vertical-align:middle;flex-shrink:0}#cartLink .snav-cart-bag{fill:none}#cartLink[data-snav-cart-state=empty] #CartCount{display:none!important}#cartLink[data-snav-cart-state=filled] .snav-cart-icon{color:#486651}#cartLink[data-snav-cart-state=filled] .snav-cart-bag{fill:#91aa98}.snav-drawer{box-sizing:border-box;max-height:100vh;max-height:100dvh}.snav-drawer-head{padding-top:max(16px,env(safe-area-inset-top,0px));padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.snav-drawer-scroll{padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px));padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}@media(max-width:767px),(max-width:1024px)and (max-height:500px){.snav-drawer{width:100%;box-shadow:none}.snav-drawer::backdrop{background:#fff}html.snav-locked,body.snav-locked{background:#fff!important;background-image:none!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/sutton-navigation.css.map */