/* WordPress and WooCommerce pieces the HTML design never had, in the design's tokens. */
[hidden]{display:none!important}
.cc-hide{display:none!important}
.cc-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.cc-skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100;background:#fff;padding:10px 14px;box-shadow:0 0 0 2px var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* product page tweaks */
.sizes-head a{text-decoration:underline;display:flex;align-items:center;gap:6px}
.rv .u{font-size:13px}
.cc-buy{margin:0}
.dfoot .cc-view-cart{display:block;text-align:center;margin-top:12px;font-size:13px}

/* collection filter dropdowns */
.cc-filter{position:relative}
.cc-pop{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:30;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.08);min-width:190px;padding:8px;max-height:320px;overflow:auto}
.cc-filter.open .cc-pop{display:grid}
.cc-pop a{display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px}
.cc-pop a:hover,.cc-pop a.on{background:var(--soft)}
.cc-pop a.on{font-weight:600}
.cc-pop i{width:16px;height:16px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
a.chip{display:flex}
@media (max-width:760px){.toolbar{height:auto;flex-wrap:wrap;gap:12px;padding:12px 0}.toolbar .l{flex-wrap:wrap}.cc-sort{width:100%;justify-content:space-between}}

/* reviews (WooCommerce's review template inside the design's box) */
.cc-reviews{flex:1;min-width:0}
.cc-reviews .woocommerce-Reviews-title,.cc-reviews #reply-title{font-size:18px;font-weight:700;margin:0 0 14px}
.cc-reviews ol.commentlist{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:14px}
.cc-reviews .comment_container{border:1px solid var(--line);padding:16px 18px;display:flex;gap:14px}
.cc-reviews .avatar{width:40px;height:40px;border-radius:50%}
.cc-reviews .star-rating{color:var(--star);font-size:13px}
.cc-reviews .comment-form input[type=text],.cc-reviews .comment-form input[type=email],.cc-reviews textarea{width:100%;border:1px solid var(--line);padding:12px;font:inherit}
.cc-reviews .comment-form p{margin:0 0 14px}
.cc-reviews .stars a{color:var(--star);margin-right:4px}
.cc-reviews .form-submit input{height:48px;padding:0 26px;background:var(--ink);color:#fff;border:0;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.cc-reviews .woocommerce-noreviews{color:var(--muted)}

/* info pages */
.cc-prose{max-width:760px;margin:10px auto 80px;font-size:16px;line-height:1.7;color:var(--ink-2)}
.cc-prose h2{font-size:24px;color:var(--ink);margin:36px 0 10px}
.cc-prose h3{font-size:18px;color:var(--ink);margin:26px 0 8px}
.cc-prose a{text-decoration:underline}
.cc-prose table{width:100%;border-collapse:collapse;margin:18px 0}
.cc-prose th,.cc-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.cc-prose th{background:var(--soft);color:var(--ink)}

/* cart, checkout, my account: WooCommerce's layout CSS stays, the look comes from here */
.cc-wc{margin:10px 0 80px}
.cc-wc,.cc-wc input,.cc-wc select,.cc-wc textarea,.cc-wc button{font-family:var(--font)}
.cc-wc .button,.cc-wc button.button,.cc-wc input.button,.cc-wc a.checkout-button,.cc-wc #place_order{background:var(--ink)!important;color:#fff!important;border-radius:0!important;height:50px;padding:0 28px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.06em;font-size:14px!important;display:inline-flex!important;align-items:center;justify-content:center;border:0!important}
.cc-wc .button:hover,.cc-wc #place_order:hover{background:var(--accent)!important}
.cc-wc input.input-text,.cc-wc select,.cc-wc textarea,.cc-wc .select2-selection{border:1px solid var(--line)!important;border-radius:0!important;padding:12px!important;min-height:46px;font-size:14px}
.cc-wc .select2-selection{height:46px!important}
.cc-wc table.shop_table{border-radius:0;border-color:var(--line)}
.cc-wc table.shop_table th{font-weight:600;text-transform:uppercase;font-size:12.5px;letter-spacing:.05em}
.cc-wc .woocommerce-info,.cc-wc .woocommerce-message,.cc-wc .woocommerce-error{border-top-color:var(--accent);background:var(--soft)}
.cc-wc .woocommerce-info::before,.cc-wc .woocommerce-message::before{color:var(--accent)}
.cc-wc #payment{background:var(--soft);border-radius:0}
.cc-wc h3,.cc-wc h2{font-weight:700}
.cc-wc .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border:1px solid var(--line)}
.cc-wc .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:500}
.cc-wc .woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:#fff}
.cc-wc a:not(.button){text-decoration:underline}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-notices-wrapper .woocommerce-error,.woocommerce-notices-wrapper .woocommerce-message{list-style:none;margin:0 0 16px;padding:14px 18px;background:var(--soft);border-left:3px solid var(--accent);font-size:14px}
.cc-reviews .woocommerce-Reviews-title{display:none}
/* below-the-fold sections skip layout and paint until they are near the screen */
main > section:nth-of-type(n+4),main > .sec,.club,footer.afoot{content-visibility:auto;contain-intrinsic-size:auto 700px}
/* tablets: the seven-item menu doesn't fit in one line below 1024px, so use the phone menu (burger) */
@media (min-width:761px) and (max-width:1023px){.burger{display:flex}.hleft .srch-d{display:none}nav.main{display:none}}