/* Small additions for the offline copy: product page gallery, collection hero, search page. */
.static-product__gallery { position: sticky; top: 30px; }
.static-product__main { position: relative; background: var(--COLOR-BG-ACCENT); overflow: hidden; }
.static-product__main img { display: block; width: 100%; height: auto; }
.static-product__thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.static-product__thumbs a { display: block; width: calc(20% - 7px); border: 1px solid transparent; opacity: .7; transition: opacity .2s, border-color .2s; }
.static-product__thumbs a img { display: block; width: 100%; height: auto; }
.static-product__thumbs a.is-active, .static-product__thumbs a:hover { opacity: 1; border-color: var(--COLOR-TEXT-DARK); }
.static-product__inner { padding-top: 30px; }
.static-product__inner .product__title { margin-bottom: 10px; }
.static-product__inner .product__price { font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY)); margin: 10px 0 0; }
.static-product__inner .product__price del { color: var(--COLOR-TEXT-LIGHT); margin-left: 8px; font-size: .85em; }
.static-product__inner .selector-wrapper { margin-top: 24px; }
.static-product__inner .radio__button { margin: 0 8px 8px 0; }
.static-product__inner .radio__button input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.static-product__inner .radio__button label { display: inline-block; padding: 10px 16px; border: 1px solid var(--COLOR-A20); cursor: pointer; border-radius: 2px; }
.static-product__inner .radio__button input:checked ~ label { background: var(--COLOR-TEXT-DARK); color: #fff; }
.static-product__inner .radio__button input.sold-out ~ label { text-decoration: line-through; opacity: .5; }
.static-product__buttons { display: flex; gap: 12px; align-items: stretch; margin-top: 24px; }
.static-product__buttons .quantity__wrapper { flex: 0 0 auto; }
.static-product__buttons .product__submit { flex: 1 1 auto; position: relative; }
.static-product__buttons .product__submit .btn-state-ready { display: inline-block; }
.static-product__buttons .product__submit.loading .btn-state-ready, .static-product__buttons .product__submit.has-success .btn-state-ready { visibility: hidden; }
.static-product__buttons .product__submit.loading .btn-state-loading { visibility: visible; opacity: 1; }
.static-product__buttons .product__submit.has-success .btn-state-complete { visibility: visible; }
.static-product__buttons .product__submit:disabled { background: var(--COLOR-A20); cursor: default; }
.static-product__description { margin-top: 30px; }
.static-product__meta { margin-top: 20px; font-size: .9em; color: var(--COLOR-TEXT-LIGHT); }
.static-related { padding-top: 40px; }
.static-collection__hero { position: relative; min-height: 220px; display: flex; align-items: center; justify-content: center; background: var(--COLOR-BG); color: #fff; text-align: center; overflow: hidden; }
.static-collection__hero .hero__content { position: relative; z-index: 2; padding: 60px var(--LAYOUT-GUTTER); }
.static-collection__hero .hero__title { color: #fff; }
.static-collection__hero .hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.static-collection__hero .image-overlay { position: absolute; inset: 0; background: #000; opacity: .35; }
.static-collection__nav { display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--COLOR-A10); padding: 0 15px; height: 3.3em; margin-bottom: var(--LAYOUT-GUTTER); }
.static-collection__nav select { width: auto; margin: 0; border: 0; padding-right: 30px; font-family: var(--FONT-STACK-ACCENT); text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }
.static-collection__empty { padding: 80px 0; text-align: center; }
.static-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--LAYOUT-GUTTER); }
@media only screen and (max-width: 1099px) { .static-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media only screen and (max-width: 767px) { .static-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .static-product__gallery { position: static; } .static-collection__hero { min-height: 160px; } }
.static-grid .product-grid-item { width: 100%; }
.static-page { padding: 40px 0 60px; }
.static-page .page-title { margin-bottom: 30px; }
.static-search__form { max-width: 640px; margin: 0 auto 40px; }
.static-search__form .input-group { width: 100%; }
.static-search__form .input-group-field { border: 1px solid var(--COLOR-A20); }
.static-search__form .btn { margin-left: 8px; height: 48px; }
.static-checkout-note { display: none; margin-top: 20px; }
.template__cart__footer { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding-top: 30px; align-items: start; }
.template__cart__footer textarea { width: 100%; min-height: 110px; }
.template__cart__footer .cart__footer__checkout { margin-top: 16px; }
@media only screen and (max-width: 767px) { .template__cart__footer { grid-template-columns: 1fr; } }
.cart__template .cart__items__row { padding: var(--LAYOUT-GUTTER) 0; }
.cart__template .cart__heading__wrapper { padding: 10px 0; }
.cart__template .cart__heading__wrapper .cart__items__image { height: auto; }
.cart__template .cart__items__remove a { color: var(--COLOR-TEXT-LIGHT); }
.cart__template .cart--loading .quantity__wrapper { opacity: .5; }
.static-contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
@media only screen and (max-width: 767px) { .static-contact__grid { grid-template-columns: 1fr; } }
.static-contact__form label { display: block; margin: 12px 0 4px; font-size: .9em; }
.static-contact__form input, .static-contact__form textarea { width: 100%; }
.newsletter__message--success { display: none; }
.has-success .newsletter__message--success { display: block; }
.giftcard__wrap img { width: 100%; }