/* Theme Name: Golden Era Kits Theme URI: https://goldenerakits.com Description: Golden Era Kits child theme for XStore. Holds the approved design system (ported from the gek.zip prototype); brand colours, fonts and radii are Elementor Variables (Elementor > Site Settings > Variables). Author: SMCSE Author URI: https://smcse.com Template: xstore Version: 1.0.1793698449 Text Domain: xstore-child */ /* ========================================================================== 0. Elementor atomic base neutralisers Atomic elements ship base styles (.elementor .e-*-base, specificity 0,2,0). These resets sit at the same specificity, load later, and come before the design rules below, so the design rules always win. ========================================================================== */ :root .e-div-block-base { padding: 0; min-width: 0; position: static; width: auto; } :root .e-con.e-div-block-base { --padding-top: 0; --padding-bottom: 0; --padding-left: 0; --padding-right: 0; } :root .e-button-base { background: none; padding: 0; border: 0; border-radius: 0; text-align: inherit; display: inline; color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; cursor: pointer; text-decoration: none; } :root .e-heading-base, :root .e-paragraph-base { margin: 0; } :root .e-paragraph-base { cursor: auto; } :root .e-image-base { display: block; max-width: 100%; height: auto; } :root :where(h1, h2, h3, h4, h5, h6).e-heading-base { color: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: none; line-height: inherit; font-size: inherit; } :where(.elementor) :is(a, a:hover, a:focus, a:visited) { color: inherit; } :root .e-con { --display: block; } /* Low priority on purpose: removes Elementor's default container transitions without cancelling the design's own (era panels, hero slides). */ :root :where(.e-atomic-element.e-con) { transition: none; } /* Converted-tag helpers (original prototype tag that could not be kept) */ :root .gk-blk { display: block; } :root .gk-hidden { display: none !important; } :root .gk-txt { display: inline; } /* with art-directed crops: desktop + mobile images, toggled here */ :root .gk-pic-sm-767, :root .gk-pic-sm-1023 { display: none !important; } @media (max-width: 767px) { :root .gk-pic-lg-767 { display: none !important; } :root .gk-pic-sm-767 { display: block !important; } } @media (max-width: 1023px) { :root .gk-pic-lg-1023 { display: none !important; } :root .gk-pic-sm-1023 { display: block !important; } } /* ========================================================================== 1. Icons (Phosphor glyphs as CSS masks, no icon font download) Standalone icon elements carry .gk-ph + .gk-ico-NAME. Inline icons are an empty inside a heading/paragraph/button; the element carries .gk-ico-NAME (first icon) and .gk-i2-ico-NAME (second). ========================================================================== */ :root .gk-ph, :root .gk-ph-fill, :root :is([class*="gk-ico-"], [class*="gk-icof-"]) i:empty { display: inline-block; width: 1em; height: 1em; flex: none; font-style: normal; background-color: currentColor; -webkit-mask: var(--gk-ico) center / contain no-repeat; mask: var(--gk-ico) center / contain no-repeat; vertical-align: -0.14em; } /* ========================================================================== 0. Hover guard (generated by hoverguard.py; see its docstring) ========================================================================== */ :root:root :where(:where(.elementor) :where(a, .gk-t-a)):is(:hover, :focus) { color: inherit; } :root:root :where(:where(.elementor) :where(button, .gk-t-button)):is(:hover, :focus) { color: inherit; background: none; border: 0; } :root:root :where(:where(.elementor) input):is(:hover, :focus) { color: inherit; } :root:root :where(:root .e-button-base):is(:hover, :focus) { background: none; border: 0; color: inherit; } :root:root :where(:root :where(h1, h2, h3, h4, h5, h6).e-heading-base):is(:hover, :focus) { color: inherit; } :root:root :where(:root .gk-ph):is(:hover, :focus) { background-color: currentColor; } :root:root :where(:root .gk-ph-fill):is(:hover, :focus) { background-color: currentColor; } :root:root :where(:root .gk-sr-only):is(:hover, :focus) { border: 0; } :root:root :where(:root .gk-skip-link):is(:hover, :focus) { background: var(--blue); color: var(--cream); } :root:root :where(:root .gk-display):is(:hover, :focus) { color: inherit; } :root:root :where(:root .gk-h2):is(:hover, :focus) { color: inherit; } :root:root :where(:root .gk-h3):is(:hover, :focus) { color: inherit; } :root:root :where(:root .gk-lede):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-eyebrow):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-btn):is(:hover, :focus) { border: 1.5px solid var(--bd); background: var(--bg); color: var(--fg); } :root:root :where(:root .gk-announce):is(:hover, :focus) { background: var(--blue); color: var(--cream); } :root:root :where(:root .gk-header):is(:hover, :focus) { background: rgba(244, 241, 224, 0.94); } :root:root :where(:root .gk-nav__link--accent):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-bag-count):is(:hover, :focus) { background: var(--blue); color: var(--cream); } :root:root :where(:root .gk-mega):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-mega-card):is(:hover, :focus) { background: var(--brown); color: var(--cream); } :root:root :where(:root .gk-mega-era):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-hero):is(:hover, :focus) { background: var(--brown); color: var(--cream); } @media (min-width: 1024px) { :root:root :where(:root .gk-slide--split):is(:hover, :focus) { background: linear-gradient(90deg, var(--blue) 0%, var(--blue) 30%, #0060af 62%); } } @media (min-width: 1024px) { :root:root :where(:root .gk-slide--her):is(:hover, :focus) { background: linear-gradient(90deg, #2a1918 0%, var(--brown) 32%, #4a3a26 64%); } } @media (max-width: 1023px) { :root:root :where(:root .gk-slide--split):is(:hover, :focus) { background: var(--blue); } } :root:root :where(:root .gk-slide__title):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-slide__text):is(:hover, :focus) { color: rgba(244, 241, 224, .9); } :root:root :where(:root .gk-hero__seg):is(:hover, :focus) { background: rgba(244, 241, 224, .3); } :root:root :where(:root .gk-hero__arrow):is(:hover, :focus) { color: var(--cream); border: 1.5px solid rgba(244, 241, 224, .55); background: rgba(50, 30, 30, .18); } :root:root :where(:root .gk-stars):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-league):is(:hover, :focus) { background: var(--paper); border: 1.5px solid var(--line); color: var(--brown); } :root:root :where(:root .gk-league__count):is(:hover, :focus) { background: var(--blue); color: var(--cream); } :root:root :where(:root .gk-rail__empty):is(:hover, :focus) { border: 1.5px dashed var(--line-strong); color: var(--muted); } :root:root :where(:root .gk-pcard__media):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-pcard__hint):is(:hover, :focus) { background: rgba(244, 241, 224, .92); color: var(--brown); } :root:root :where(:root .gk-pcard__sold):is(:hover, :focus) { background: var(--brown); color: var(--cream); } :root:root :where(:root .gk-pcard__meta):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-era__panel):is(:hover, :focus) { color: var(--cream); background: var(--brown); } :root:root :where(:root .gk-capsule):is(:hover, :focus) { background: var(--blue); color: var(--cream); } :root:root :where(:root .gk-capsule__stage):is(:hover, :focus) { background: var(--brown); } :root:root :where(:root .gk-tile--her):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-tile--letter):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-tile--deal):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-deal__kicker):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-legend__img):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-ticket-sec):is(:hover, :focus) { background: var(--brown); color: var(--cream); } :root:root :where(:root .gk-ticket):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-ticket__main):is(:hover, :focus) { background: linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 249, 225, .55) 45%, rgba(255, 255, 255, 0) 60%) 0 0 / 250% 100% no-repeat, linear-gradient(135deg, var(--gold-1), var(--gold-2) 55%, var(--gold-3)); } :root:root :where(:root .gk-ticket__fine):is(:hover, :focus) { color: rgba(50, 30, 30, .85); } :root:root :where(:root .gk-ticket__stub):is(:hover, :focus) { background: var(--paper); } :root:root :where(:root .gk-input):is(:hover, :focus) { background: #fff; border: 1.5px solid rgba(50, 30, 30, .3); color: var(--brown); } :root:root :where(:root .gk-field__help):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-field__error):is(:hover, :focus) { color: #9b1c1c; } :root:root :where(:root .gk-form-success):is(:hover, :focus) { background: #e5eedf; color: #234020; } :root:root :where(:root .gk-qa__icon):is(:hover, :focus) { border: 1.5px solid var(--line-strong); } :root:root :where(:root .gk-qa__a):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-ugc):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-greviews):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-greviews__g):is(:hover, :focus) { background: #fff; border: 1px solid var(--line); color: var(--blue); } :root:root :where(:root .gk-greviews__score):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-gcard):is(:hover, :focus) { background: #fff; border: 1px solid var(--line); } :root:root :where(:root .gk-gcard__g):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-avatar):is(:hover, :focus) { background: var(--cream-2); color: var(--brown); } :root:root :where(:root .gk-greviews__note):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-panel):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-panel__tab):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-sell):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-footer):is(:hover, :focus) { background: var(--brown); color: var(--cream); } :root:root :where(:root .gk-footer__bottom):is(:hover, :focus) { color: rgba(244, 241, 224, .65); } :root:root :where(:root .gk-scrim):is(:hover, :focus) { background: rgba(50, 30, 30, .45); } :root:root :where(:root .gk-search):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-search__input):is(:hover, :focus) { border: 0; background: transparent; color: var(--brown); } :root:root :where(:root .gk-search__suggest):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-sr-empty):is(:hover, :focus) { border: 1.5px dashed var(--line-strong); color: var(--muted); } :root:root :where(:root .gk-drawer):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-drawer__note--ship):is(:hover, :focus) { background: var(--paper); } :root:root :where(:root .gk-cart-item__remove):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-upsell):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-upsell__item):is(:hover, :focus) { background: var(--paper); } :root:root :where(:root .gk-drawer__foot):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-or):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-qty):is(:hover, :focus) { border: 1px solid var(--line-strong); } :root:root :where(:root .gk-mnav):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-mnav__label):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-mnav-card):is(:hover, :focus) { background: #f3f1e0; border: 1px solid var(--line); } :root:root :where(:root .gk-reel):is(:hover, :focus) { background: var(--brown); color: var(--cream); } :root:root :where(:root .gk-reel__play):is(:hover, :focus) { color: var(--cream); background: rgba(244, 241, 224, .18); border: 1.5px solid rgba(244, 241, 224, .6); } :root:root :where(:root .gk-reel__link):is(:hover, :focus) { border: 1px solid rgba(244, 241, 224, .45); } :root:root :where(:root .gk-popup):is(:hover, :focus) { background: rgba(30, 18, 18, .5); } :root:root :where(:root .gk-popup__card):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-popup__media):is(:hover, :focus) { background: #f3f1e0; } :root:root :where(:root .gk-popup__tag):is(:hover, :focus) { background: var(--brown); color: var(--cream); } :root:root :where(:root .gk-popup__skip):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-popup__close):is(:hover, :focus) { background: rgba(244, 241, 224, .9); } :root:root :where(:root .gk-opt):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-mnav__plain--sm):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-check__box):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: var(--paper); } :root:root :where(:root .gk-check__n):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-switch__track):is(:hover, :focus) { background: var(--cream-2); border: 1.5px solid var(--line-strong); } :root:root :where(:root .gk-pbanner):is(:hover, :focus) { color: var(--cream); background: var(--brown); } :root:root :where(:root .gk-pbanner__text):is(:hover, :focus) { color: rgba(244, 241, 224, .9); } :root:root :where(:root .gk-filters__reset):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-filters__help):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-sizechip):is(:hover, :focus) { border: 1.5px solid var(--line-strong); } :root:root :where(:root .gk-shop__count):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-chip-x):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line-strong); } :root:root :where(:root .gk-shop__filtern):is(:hover, :focus) { background: var(--blue); color: var(--cream); } :root:root :where(:root .gk-pgrid__feature):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-shop__empty):is(:hover, :focus) { border: 1.5px dashed var(--line-strong); } :root:root :where(:root .gk-shop__more):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-cathero__media):is(:hover, :focus) { background: var(--brown); } :root:root :where(:root .gk-regchip):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: var(--paper); } :root:root :where(:root .gk-morecat):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-gal__thumb):is(:hover, :focus) { border: 1.5px solid transparent; background: #f3f1e0; } :root:root :where(:root .gk-gal__stage):is(:hover, :focus) { background: #f3f1e0; } :root:root :where(:root .gk-gal__arrow):is(:hover, :focus) { background: rgba(244, 241, 224, .92); border: 1px solid var(--line); } :root:root :where(:root .gk-buy__kicker):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-buy__player):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-buy__rating):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-spec):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-buy__auth):is(:hover, :focus) { background: rgba(10, 73, 136, .07); } :root:root :where(:root .gk-buy__note):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-capband):is(:hover, :focus) { color: var(--cream); background: var(--brown); } :root:root :where(:root .gk-avatar):is(:hover, :focus) { background: var(--blue); color: var(--cream); } :root:root :where(:root .gk-stickybuy):is(:hover, :focus) { background: rgba(250, 248, 239, .96); } :root:root :where(:root .gk-cartpage__n):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-cartnote):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-cartline__img):is(:hover, :focus) { background: #f3f1e0; } :root:root :where(:root .gk-cartline__meta):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-cartup):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-summary):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-cartempty):is(:hover, :focus) { border: 1.5px dashed var(--line-strong); } :root:root :where(:root .gk-cohead):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-cohead__secure):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-coexpress__label):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-coblock):is(:hover, :focus) { border: 0; } :root:root :where(:root .gk-radiocards):is(:hover, :focus) { border: 1.5px solid var(--line-strong); } :root:root :where(:root .gk-radiocard):is(:hover, :focus) { background: var(--paper); } :root:root :where(:root .gk-radiocard__dot):is(:hover, :focus) { border: 1.5px solid var(--line-strong); } :root:root :where(:root .gk-paybox):is(:hover, :focus) { border: 1.5px solid var(--line-strong); } :root:root :where(:root .gk-paybox__head):is(:hover, :focus) { background: rgba(10, 73, 136, .06); } :root:root :where(:root .gk-paybox__body):is(:hover, :focus) { background: var(--paper); } :root:root :where(:root .gk-coform__legal):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-cosum):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-process):is(:hover, :focus) { background: var(--blue); color: var(--cream); } :root:root :where(:root .gk-process__img--b):is(:hover, :focus) { border: 6px solid var(--blue); } :root:root :where(:root .gk-facts):is(:hover, :focus) { background: var(--brown); color: var(--cream); } :root:root :where(:root .gk-quote):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-duo__tile):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-cform):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-banner-wide):is(:hover, :focus) { color: var(--cream); background: var(--brown); } @media (max-width: 1023px) { :root:root :where(:root .gk-filters):is(:hover, :focus) { background: var(--cream); } } @media (max-width: 1023px) { :root:root :where(:root .gk-cosum-toggle):is(:hover, :focus) { background: var(--cream-2); color: var(--blue); } } @media (max-width: 767px) { :root:root :where(:root .gk-gal__dot):is(:hover, :focus) { background: rgba(50, 30, 30, .3); } } @media (max-width: 1023px) { :root:root :where(:root .gk-cartbar):is(:hover, :focus) { background: rgba(250, 248, 239, .96); } } :root:root :where(:root .gk-deal__note):is(:hover, :focus) { color: var(--muted); } :root:root :where(.elementor-popup-modal .dialog-widget-content):is(:hover, :focus) { background: transparent; } :root:root :where(.gk-xs-search .etheme-modal-popup-button):is(:hover, :focus) { border: 0 !important; background: transparent !important; color: var(--brown, #321E1E) !important; } :root:root :where(.gk-xs-cart .elementor-button-icon-qty):is(:hover, :focus) { background: var(--blue, #0A4988); color: var(--cream, #F4F1E0); } :root:root :where(:root .gk-legal):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .page-heading):is(:hover, :focus) { background: transparent !important; border: 0 !important; } :root:root :where(:root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner)):is(:hover, :focus) { border: 1px solid var(--line); } :root:root :where(:root .woocommerce-message):is(:hover, :focus) { background: #e5eedf; color: #234020; border-color: rgba(35, 64, 32, .16); } :root:root :where(:root .woocommerce-info):is(:hover, :focus) { background: var(--paper); color: var(--brown); } :root:root :where(:root .woocommerce-error):is(:hover, :focus) { background: #f7e6e2; color: #9b1c1c; border-color: rgba(155, 28, 28, .18); } :root:root :where(:root .gk-lsearch):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: var(--paper); } :root:root :where(:root .gk-lsearch__clear):is(:hover, :focus) { border: 0; background: var(--cream-2); color: var(--brown); } :root:root :where(:root .gk-chip-clear):is(:hover, :focus) { color: var(--brown); } @media (max-width: 1023px) { :root:root :where(:root .gk-filters__foot):is(:hover, :focus) { background: var(--cream); } } :root:root :where(:root .gk-sort select):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: var(--paper); color: var(--brown); } :root:root :where(:root .gk-coline__img img):is(:hover, :focus) { background: #f3f1e0; border: 1px solid var(--line); } :root:root :where(:root .gk-xstore-slot--sort select):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath fill='%25237A6A62' d='M471 -279Q475 -274 477.5 -268.5Q480 -263 480 -256Q480 -249 477.5 -243.5Q475 -238 471 -233L343 -105Q338 -101 332.5 -98.5Q327 -96 320 -96Q313 -96 307.5 -98.5Q302 -101 297 -105L169 -233Q165 -238 162.5 -243.5Q160 -249 160 -256Q160 -269 169.5 -278.5Q179 -288 192 -288Q199 -288 204.5 -285.5Q210 -283 215 -279L288 -205V-768Q288 -781 297.5 -790.5Q307 -800 320 -800Q333 -800 342.5 -790.5Q352 -781 352 -768V-205L425 -279Q430 -283 435.5 -285.5Q441 -288 448 -288Q455 -288 460.5 -285.5Q466 -283 471 -279ZM855 -663 727 -791Q722 -795 716.5 -797.5Q711 -800 704 -800Q697 -800 691.5 -797.5Q686 -795 681 -791L553 -663Q549 -658 546.5 -652.5Q544 -647 544 -640Q544 -627 553.5 -617.5Q563 -608 576 -608Q583 -608 588.5 -610.5Q594 -613 599 -617L672 -691V-128Q672 -115 681.5 -105.5Q691 -96 704 -96Q717 -96 726.5 -105.5Q736 -115 736 -128V-691L809 -617Q814 -613 819.5 -610.5Q825 -608 832 -608Q845 -608 854.5 -617.5Q864 -627 864 -640Q864 -647 861.5 -652.5Q859 -658 855 -663Z'/%3E%3C/svg%3E") 16px center / 16px no-repeat; color: var(--brown); } :root:root :where(:root a.gk-switch):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-contact__ways a):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-topics label):is(:hover, :focus) { border: 1.5px solid var(--line-strong); color: var(--brown); } :root:root :where(:root .gk-legal a):is(:hover, :focus) { color: var(--blue); } :root:root :where(body.woocommerce-checkout .order-review):is(:hover, :focus) { border: 0 !important; background: var(--cream-2, #EAE5CF); } :root:root :where(body.woocommerce-checkout .woocommerce-form-coupon-toggle):is(:hover, :focus) { background: transparent; border: 0; } :root:root :where(:root .page-heading a):is(:hover, :focus) { color: var(--muted); } :root:root :where(body.page-id-30 .etheme-headline):is(:hover, :focus) { color: var(--brown) !important; } :root:root :where(body.page-id-30 .etheme-headline *):is(:hover, :focus) { color: var(--brown) !important; } :root:root :where(:root form.track_order):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) li):is(:hover, :focus) { color: inherit; } :root:root :where(:root select.gk-input):is(:hover, :focus) { color: var(--brown); background: var(--paper, #faf8ef) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23321E1E' stroke-width='20' stroke-linecap='round' stroke-linejoin='round' d='M208 96l-80 80-80-80'/%3E%3C/svg%3E") right 18px center / 14px no-repeat; } :root:root :where(body.woocommerce-checkout :is(.step-title, .order-review h3, .woocommerce-billing-fields h3, .woocommerce-additional-fields h3)):is(:hover, :focus) { color: var(--brown); border: 0; } :root:root :where(body.woocommerce-checkout .form-row label):is(:hover, :focus) { color: var(--brown); } :root:root :where(body.woocommerce-checkout .form-row textarea):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: #FFFDF5; } :root:root :where(body.woocommerce-checkout .woocommerce-form-coupon-toggle a):is(:hover, :focus) { color: var(--blue); } :root:root :where(body.woocommerce-checkout .order-review table):is(:hover, :focus) { border: 0; } :root:root :where(:root .gk-contact__ways a > span > span):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-on-dark .gk-lede):is(:hover, :focus) { color: rgba(244, 241, 224, 0.82); } :root:root :where(:root .gk-on-dark .gk-eyebrow):is(:hover, :focus) { color: var(--gold-1); } :root:root :where(:root .gk-on-blue .gk-eyebrow):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-mega__links :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { color: var(--muted); } @media (max-width: 1023px) { :root:root :where(:root .gk-slide--her.gk-slide--split):is(:hover, :focus) { background: var(--brown); } } :root:root :where(:root .gk-hero__seg :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-trust__item :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-trust__item :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-stars :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: inherit !important; } :root:root :where(:root .gk-head__text :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-league:is(.is-pressed, .gk-st-is-pressed)):is(:hover, :focus) { background: #fff; border-color: var(--brown); } :root:root :where(:root .gk-league--text:is(.is-pressed, .gk-st-is-pressed)):is(:hover, :focus) { background: var(--brown); color: var(--cream); } :root:root :where(:root .gk-rail__empty :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-rail__empty :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-pcard__price :is(s:not(:where([class*="gk-t-"])), .gk-t-s)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-pcard--studio .gk-pcard__media):is(:hover, :focus) { background: #f3f1e0; } :root:root :where(:root .gk-rail-nav :is(button:not(:where([class*="gk-t-"])), .gk-t-button)):is(:hover, :focus) { border: 1.5px solid var(--line-strong); } :root:root :where(:root .gk-era__content :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: rgba(244, 241, 224, .88); } :root:root :where(:root .gk-capsule__intro .gk-lede):is(:hover, :focus) { color: rgba(244, 241, 224, .85); } :root:root :where(:root .gk-capsule__step :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: rgba(244, 241, 224, .85); } :root:root :where(:root .gk-tile__body :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: rgba(244, 241, 224, .88); } :root:root :where(:root .gk-deal__price :is(s:not(:where([class*="gk-t-"])), .gk-t-s)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-countdown :is(div:not(:where([class*="gk-t-"])), .gk-t-div)):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-countdown :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-legend__name :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-pills :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-ticket-sec__head .gk-lede):is(:hover, :focus) { color: rgba(244, 241, 224, .8); } :root:root :where(:root .gk-ticket-steps :is(li:not(:where([class*="gk-t-"])), .gk-t-li)):is(:hover, :focus) { color: rgba(244, 241, 224, .85); } :root:root :where(:root .gk-ticket-steps :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--gold-1); } :root:root :where(:root .gk-ticket-steps :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong)):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-field :is(label:not(:where([class*="gk-t-"])), .gk-t-label)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-faq__aside :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-faq__figure :is(figcaption:not(:where([class*="gk-t-"])), .gk-t-figcaption)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-greviews__score :is(b:not(:where([class*="gk-t-"])), .gk-t-b)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-footer__brand :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: rgba(244, 241, 224, .72); } :root:root :where(:root .gk-footer__links :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { color: rgba(244, 241, 224, .75); } :root:root :where(:root .gk-social :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { border: 1px solid rgba(244, 241, 224, .3); } :root:root :where(:root .gk-payments :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: rgba(244, 241, 224, .1); } :root:root :where(:root .gk-search__bar :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-search :is(mark:not(:where([class*="gk-t-"])), .gk-t-mark)):is(:hover, :focus) { background: rgba(10, 73, 136, .14); color: inherit; } :root:root :where(:root .gk-search__suggest :is(button:not(:where([class*="gk-t-"])), .gk-t-button)):is(:hover, :focus) { border: 1px solid var(--line-strong); color: var(--brown); } :root:root :where(:root .gk-search__group :is(h4:not(:where([class*="gk-t-"])), .gk-t-h4)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-sr-item:is(.is-active, .gk-st-is-active)):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-sr-item :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-sr-links :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-sr-empty :is(b:not(:where([class*="gk-t-"])), .gk-t-b)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-skel :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: linear-gradient(90deg, var(--cream-2) 25%, #f3eed8 50%, var(--cream-2) 75%) 0 0 / 200% 100%; } :root:root :where(:root .gk-drawer__note :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-cart-item :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-cart-empty :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-cart-empty :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-upsell__item :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-subtotal :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-express :is(button:not(:where([class*="gk-t-"])), .gk-t-button)):is(:hover, :focus) { background: #1d1414; color: #fff; } :root:root :where(:root .gk-mnav__sub :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-mnav-card :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-popup__body :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-popup__msg:is(.is-error, .gk-st-is-error)):is(:hover, :focus) { color: #a1301f; } :root:root :where(:root .gk-popup__msg:is(.is-ok, .gk-st-is-ok)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-crumbs :is(ol:not(:where([class*="gk-t-"])), .gk-t-ol)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-crumbs :is(.is-current, .gk-st-is-current)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-nav__link:is(.is-current, .gk-st-is-current)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-trustline :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-check__box :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-switch__track :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: var(--brown); } :root:root :where(:root .gk-selectwrap :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-sizechip:is(.is-pressed, .gk-st-is-pressed)):is(:hover, :focus) { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root:root :where(:root .gk-shop__count :is(b:not(:where([class*="gk-t-"])), .gk-t-b)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-shop__empty :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-shop__empty :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-shop__more :is(b:not(:where([class*="gk-t-"])), .gk-t-b)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-seo-band__inner :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-regchip :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-regchip:is(.is-pressed, .gk-st-is-pressed)):is(:hover, :focus) { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root:root :where(:root .gk-catqa__media :is(figcaption:not(:where([class*="gk-t-"])), .gk-t-figcaption)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-gal__thumb:is(.is-pressed, .gk-st-is-pressed)):is(:hover, :focus) { border-color: var(--brown); } :root:root :where(:root .gk-buy__kicker :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { color: var(--line-strong); } :root:root :where(:root .gk-buy__rating :is(b:not(:where([class*="gk-t-"])), .gk-t-b)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-spec :is(dt:not(:where([class*="gk-t-"])), .gk-t-dt)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-spec :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-buy__auth :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-buy__auth :is(b:not(:where([class*="gk-t-"])), .gk-t-b)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-buy__ship :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-why__list :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); color: var(--blue); } :root:root :where(:root .gk-why__list :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-capband__inner :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: rgba(244, 241, 224, .9); } :root:root :where(:root .gk-stickybuy__text :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-cartnote :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-cartline__tags :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-cartline__tags :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-summary__rows :is(dt:not(:where([class*="gk-t-"])), .gk-t-dt)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-summary__total :is(dt:not(:where([class*="gk-t-"])), .gk-t-dt)):is(:hover, :focus) { color: var(--brown) !important; } :root:root :where(:root .gk-summary__total :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-cartempty :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-cartempty :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-cohead__secure :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-coexpress__btns :is(button:not(:where([class*="gk-t-"])), .gk-t-button)):is(:hover, :focus) { background: #1d1414; color: #fff; } :root:root :where(:root .gk-coexpress__btns :is(.is-paypal, .gk-st-is-paypal)):is(:hover, :focus) { background: #ffc439; color: #1d1414; } :root:root :where(:root .gk-radiocard__text :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-coline__img :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: var(--brown); color: var(--cream); } :root:root :where(:root .gk-coline :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-codone > :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-codone :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-cofoot .gk-container):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-process__list :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { border: 1.5px solid rgba(244, 241, 224, .4); } :root:root :where(:root .gk-process__list :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: rgba(244, 241, 224, .82); } :root:root :where(:root .gk-fact :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { color: rgba(244, 241, 224, .75); } :root:root :where(:root .gk-quote:first-child):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-quote :is(figcaption:not(:where([class*="gk-t-"])), .gk-t-figcaption)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-contact__ways :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { border: 1px solid var(--line); background: var(--paper); } :root:root :where(:root .gk-contact__ways :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { background: var(--blue); color: var(--cream); } :root:root :where(:root .gk-contact__ways :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-topics :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { border: 1.5px solid var(--line-strong); } :root:root :where(:root .gk-cform__done :is(i:not(:where([class*="gk-t-"])), .gk-t-i)):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-cform__done :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-banner-wide__inner :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: rgba(244, 241, 224, .9); } @media (max-width: 1023px) { :root:root :where(:root .gk-cosum-toggle :is(b:not(:where([class*="gk-t-"])), .gk-t-b)):is(:hover, :focus) { color: var(--brown); } } @media (max-width: 767px) { :root:root :where(:root .gk-gal__dot:is(.is-on, .gk-st-is-on)):is(:hover, :focus) { background: var(--brown); } } @media (max-width: 1023px) { :root:root :where(:root .gk-cartbar__total :is(small:not(:where([class*="gk-t-"])), .gk-t-small)):is(:hover, :focus) { color: var(--muted); } } :root:root :where(:root .gk-filters .ui-slider):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .page-heading .title):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .page-heading .breadcrumbs):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .page-heading .woocommerce-breadcrumb):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-gcard .gk-avatar):is(:hover, :focus) { background: var(--cream-2); color: var(--brown); } :root:root :where(:root .gk-rail-nav > .e-button-base):is(:hover, :focus) { background: transparent; color: var(--brown); } :root:root :where(:root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button):is(:hover, :focus) { border: 1.5px solid currentColor; background: transparent; color: inherit; } :root:root :where(:root .gk-xs-cart .etheme-elementor-off-canvas__main):is(:hover, :focus) { background: var(--paper); color: var(--brown); } :root:root :where(:root .gk-xs-cart .etheme-elementor-off-canvas__close-button):is(:hover, :focus) { background: var(--paper); color: var(--brown); border: 1px solid var(--line); } :root:root :where(:root .gk-why__list .gk-t-b):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-shop__filterbtn[aria-expanded="true"]):is(:hover, :focus) { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root:root :where(:root .gk-lsearch > .gk-ph):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root :is([class*="gk-ico-"], [class*="gk-icof-"]) i:empty):is(:hover, :focus) { background-color: currentColor; } :root:root :where(:root .gk-radiocard:has(input:checked)):is(:hover, :focus) { background: rgba(10, 73, 136, .06); } :root:root :where(.gk-xs-cart :is(.etheme-elementor-off-canvas__toggle_button, .elementor-button-wrapper > a.elementor-button)):is(:hover, :focus) { border: 0 !important; background: transparent !important; color: var(--brown, #321E1E) !important; } :root:root :where(.gk-xs-search .etheme-modal-popup-button > i.et-icon):is(:hover, :focus) { background: currentColor; } :root:root :where(:root .gk-filters .etheme_sidebar-widget-item li):is(:hover, :focus) { border: 0; background: none; } :root:root :where(:root .gk-gal .woocommerce-product-gallery__image img):is(:hover, :focus) { background: #f3f1e0; } :root:root :where(:root .gk-gal .swiper-slide img):is(:hover, :focus) { background: #f3f1e0; } :root:root :where(:root .gk-mnav-card .e-paragraph-base > span):is(:hover, :focus) { color: var(--blue); } :root:root :where(body.woocommerce-checkout .order-review .woocommerce-checkout-payment):is(:hover, :focus) { background: transparent; border: 0; } :root:root :where(body.woocommerce-checkout .select2-container .select2-selection--single):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: #FFFDF5; color: var(--brown); } :root:root :where(:root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a:not(.button)):is(:hover, :focus) { color: inherit; } :root:root :where(:root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a.button):is(:hover, :focus) { border: 1.5px solid currentColor; background: transparent; color: inherit; } :root:root :where(:root input[type="file"].gk-input):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-mnav summary .gk-qa__q):is(:hover, :focus) { color: inherit; } :root:root :where(:root .gk-lsearch input[type="search"]):is(:hover, :focus) { border: 0; background: transparent; color: var(--brown); } :root:root :where(:root .gk-pagination ul.page-numbers):is(:hover, :focus) { border: 0; } :root:root :where(:root .gk-pagination li > .page-numbers):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: transparent; color: var(--brown); } :root:root :where(:root .gk-filters .etheme_sidebar-widget-item li a):is(:hover, :focus) { color: var(--brown); border: 0; background: none; } :root:root :where(:root .gk-filters :is(.size-or, .size-and) li a):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: transparent; } :root:root :where(body.woocommerce-checkout .form-row :is(input.input-text, select)):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: #FFFDF5; color: var(--brown); } :root:root :where(body.woocommerce-checkout .order-review .order-total :is(th, td)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root form.track_order input.input-text):is(:hover, :focus) { border: 1px solid var(--line); background: var(--paper); } :root:root :where(:root form.track_order button.button):is(:hover, :focus) { background: var(--blue) !important; color: #fff !important; } :root:root :where(:root .gk-pagination ul.page-numbers > li):is(:hover, :focus) { border: 0; } :root:root :where(:root .gk-filters ul.gk-catpills > li):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: transparent; color: var(--brown); } :root:root :where(:root .gk-filters li.gk-cat-more > button):is(:hover, :focus) { border: 1.5px dashed var(--line-strong); background: transparent; color: var(--blue); } :root:root :where(:root .gk-nav__item:is(.is-open, .gk-st-is-open) > .gk-nav__link):is(:hover, :focus) { background: var(--cream-2); } :root:root :where(:root .gk-field:is(.has-error, .gk-st-has-error) .gk-input):is(:hover, :focus) { border-color: #9b1c1c; } :root:root :where(:root .gk-faq__aside :is(a:not(:where([class*="gk-t-"])), .gk-t-a).gk-mail):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-qa[open] .gk-qa__icon):is(:hover, :focus) { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root:root :where(:root .gk-gcard__top :is(span:not(:where([class*="gk-t-"])), .gk-t-span):not(.gk-avatar)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-sell .gk-tile__body :is(p:not(:where([class*="gk-t-"])), .gk-t-p)):is(:hover, :focus) { color: rgba(244, 241, 224, .88); } :root:root :where(:root .gk-drawer__foot .gk-payments :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: var(--paper); border: 1px solid var(--line); } :root:root :where(:root .gk-mnav .gk-mnav__chips :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { border: 1px solid var(--line-strong); color: var(--brown); } :root:root :where(:root .gk-mnav .gk-mnav-card :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-mnav .gk-mnav__legends :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-mnav .gk-mnav__eras :is(a:not(:where([class*="gk-t-"])), .gk-t-a)):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-on-dark .gk-crumbs :is(ol:not(:where([class*="gk-t-"])), .gk-t-ol)):is(:hover, :focus) { color: rgba(244, 241, 224, .78); } :root:root :where(:root .gk-pbanner .gk-crumbs :is(ol:not(:where([class*="gk-t-"])), .gk-t-ol)):is(:hover, :focus) { color: rgba(244, 241, 224, .78); } :root:root :where(:root .gk-pbanner .gk-crumbs :is(.is-current, .gk-st-is-current)):is(:hover, :focus) { color: var(--cream); } :root:root :where(:root .gk-sort > :is(i:not(:where([class*="gk-t-"])), .gk-t-i).gk-ph-arrows-down-up):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-regchip:is(.is-pressed, .gk-st-is-pressed) :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: rgba(244, 241, 224, .18); } :root:root :where(:root .gk-story__body :is(p:not(:where([class*="gk-t-"])), .gk-t-p):not(.gk-story__lead)):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .e-form-base.form-state-error .gk-form-error):is(:hover, :focus) { color: #9b1c1c; } :root:root :where(:root .gk-pcard .gk-btn--icon.added):is(:hover, :focus) { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root:root :where(:root .gk-filters .etheme_sidebar-widget-item .widget-title):is(:hover, :focus) { border: 0; color: var(--brown); } :root:root :where(:root .gk-filters .etheme_sidebar-widget-item .count):is(:hover, :focus) { color: var(--muted); background: none; border: 0; } :root:root :where(:root .gk-filters .ui-slider .ui-slider-range):is(:hover, :focus) { background: var(--brown); } :root:root :where(:root .gk-filters .ui-slider .ui-slider-handle):is(:hover, :focus) { background: var(--brown); border-color: var(--brown); } :root:root :where(:root .gk-filters .widget_price_filter .price_label):is(:hover, :focus) { color: var(--muted); } :root:root :where(:root .gk-xstore-slot--atc .stock.out-of-stock):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-gal .vertical-thumbnails .slick-slide):is(:hover, :focus) { border: 0 !important; } :root:root :where(:root .gk-gal .vertical-thumbnails .slick-arrow):is(:hover, :focus) { background: var(--paper) center / 14px no-repeat !important; border: 1px solid var(--line-strong); color: transparent; } :root:root :where(:root .gk-process__list .gk-t-i.gk-ph):is(:hover, :focus) { background: none; color: var(--cream); border: 1.5px solid rgba(244, 241, 224, .4); } :root:root :where(:root .gk-xs-cart .etheme-elementor-off-canvas__main :is(.woocommerce-mini-cart__total, .cart-widget-subtotal)):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-check input:checked + .gk-check__box):is(:hover, :focus) { background: var(--brown); border-color: var(--brown); } :root:root :where(:root .gk-switch input:checked + .gk-switch__track):is(:hover, :focus) { background: var(--blue); border-color: var(--blue); } :root:root :where(:root .gk-radiocard input:checked ~ .gk-radiocard__dot):is(:hover, :focus) { border-color: var(--blue); } :root:root :where(:root .gk-topics input:checked + :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root:root :where(:root .gk-filters .widget_price_filter input[type="text"]):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: var(--paper); color: var(--brown); } :root:root :where(:root a.gk-switch.is-on .gk-switch__track):is(:hover, :focus) { background: var(--blue); border-color: var(--blue); } :root:root :where(:root .gk-xstore-slot--atc form.cart .et-single-buy-now):is(:hover, :focus) { background: var(--blue) !important; color: var(--cream) !important; border: 1.5px solid var(--blue) !important; } :root:root :where(:root .gk-gal .vertical-thumbnails .slick-slide img):is(:hover, :focus) { border: 1.5px solid transparent; } :root:root :where(:root .gk-xs-cart .etheme-elementor-off-canvas__main a.btn-view-cart):is(:hover, :focus) { color: var(--brown); } :root:root :where(:root .gk-pagination li > .page-numbers.current):is(:hover, :focus) { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root:root :where(:root .gk-pagination li > .page-numbers.dots):is(:hover, :focus) { border-color: transparent; } :root:root :where(:root .gk-filters .etheme_sidebar-widget-item ul.gk-catpills--sub):is(:hover, :focus) { background: rgba(50, 30, 30, .05); } :root:root :where(:root .gk-filters .etheme_sidebar-widget-item li a .st-custom-attribute):is(:hover, :focus) { border: 0; background: none; color: inherit; } :root:root :where(:root .gk-filters :is(.size-or, .size-and) li:is(.chosen, .active, .selected) a):is(:hover, :focus) { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root:root :where(:root a.gk-switch.is-on .gk-switch__track span):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-topics input[type="radio"]:checked + label):is(:hover, :focus) { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root:root :where(:root .gk-filters .etheme-elementor-sidebar li > a .count):is(:hover, :focus) { background: none !important; color: inherit !important; } :root:root :where(:root .gk-filters ul.gk-catpills > li:is(.current-item, .current-cat, .chosen)):is(:hover, :focus) { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root:root :where(:root .gk-filters ul.gk-catpills > li > .gk-cat-toggle):is(:hover, :focus) { border: 0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23321E1E' stroke-width='20' stroke-linecap='round' stroke-linejoin='round' d='M208 96l-80 80-80-80'/%3E%3C/svg%3E") center / 12px no-repeat; } :root:root :where(:root .gk-filters ul.gk-catpills > li.gk-cat-label):is(:hover, :focus) { border: 0; color: var(--muted); } :root:root :where(:root .gk-filters ul.gk-catpills > li.gk-cat-sub):is(:hover, :focus) { border: 0; background: none; } :root:root :where(:root .gk-filters ul.gk-catpills--sub ul.gk-catpills--sub):is(:hover, :focus) { background: rgba(50, 30, 30, .06); } :root:root :where(:root .gk-filters ul.gk-catpills > li.gk-cat-more):is(:hover, :focus) { border: 0; } :root:root :where(:root .gk-filters ul.gk-catpills > li.is-pending):is(:hover, :focus) { background: rgba(50, 30, 30, .7); border-color: var(--brown); color: var(--cream); } :root:root :where(:root .gk-filters .etheme_swatches_filter ul.st-swatch-preview > li > a):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: transparent; } :root:root :where(:root .gk-filters .etheme_sidebar-widget-item ul.gk-catpills > li > a):is(:hover, :focus) { color: inherit; } :root:root :where(:root .gk-pgrid__feature-body > :is(span:not(:where([class*="gk-t-"])), .gk-t-span):not(.gk-h3):not(.gk-link-arrow)):is(:hover, :focus) { color: rgba(244, 241, 224, .88); } :root:root :where(:root .gk-contact__quick :is(a:not(:where([class*="gk-t-"])), .gk-t-a) :is(i:not(:where([class*="gk-t-"])), .gk-t-i):first-child):is(:hover, :focus) { color: var(--blue); } :root:root :where(:root .gk-xs-cart .mini-cart-buttons .button:not(.btn-checkout)):is(:hover, :focus) { background: transparent; color: var(--brown); border: 1.5px solid var(--line-strong); } @media (max-width: 767px) { :root:root :where(:root .gk-era__list .gk-era__panel .gk-era__content .gk-btn):is(:hover, :focus) { border: 0; background: transparent; color: transparent; } } :root:root :where(:root .gk-switch input:checked + .gk-switch__track :is(span:not(:where([class*="gk-t-"])), .gk-t-span)):is(:hover, :focus) { background: var(--cream); } :root:root :where(:root .gk-xstore-slot--atc form.cart .single_add_to_cart_button:not(.et-single-buy-now)):is(:hover, :focus) { background: transparent !important; color: var(--brown) !important; border: 1.5px solid var(--line-strong) !important; } :root:root :where(:root .gk-gal .vertical-thumbnails .slick-slide:is(.slick-current, .active-thumbnail) img):is(:hover, :focus) { border-color: var(--brown); } :root:root :where(:root .gk-mnav .gk-mnav__sub a.gk-btn:not(.gk-btn--outline)):is(:hover, :focus) { color: var(--cream); } :root:root :where(.gk-xs-cart :is(.etheme-elementor-off-canvas__toggle_button, .elementor-button-wrapper > a.elementor-button) .elementor-button-icon > i.et-icon):is(:hover, :focus) { background: currentColor; } :root:root :where(:root .gk-filters .etheme_swatches_filter ul.st-swatch-preview > li:is(.chosen, .active, .selected) > a):is(:hover, :focus) { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root:root :where(:root .gk-filters .etheme_swatches_filter ul.st-swatch-preview > li.is-pending > a):is(:hover, :focus) { background: rgba(50, 30, 30, .7); border-color: var(--brown); color: var(--cream); } :root:root :where(:root .gk-xstore-slot--atc form.cart .single_add_to_cart_button:not(.et-single-buy-now) i.et-icon):is(:hover, :focus) { background: currentColor; } :root:root :where(body.woocommerce-checkout #place_order):is(:hover, :focus) { background: var(--blue) !important; border-color: var(--blue) !important; color: var(--cream) !important; } :root:root :where(:root .gk-filters #etheme_swatches_filter-13 li a):is(:hover, :focus) { border: 1.5px solid var(--line-strong); background: var(--paper); } :root:root :where(:root .gk-filters #etheme_swatches_filter-13 li:is(.chosen, .active, .selected) a):is(:hover, :focus) { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root body :where(.elementor) a:is(:hover, :focus) { color: inherit; } /* ========================================================================== 2. Approved design system (ported from gek.zip: style.css + pages.css) ========================================================================== */ :root { --cream: var(--gk-cream, #f4f1e0); --cream-2: var(--gk-cream-2, #ebe6cd); --paper: var(--gk-paper, #faf8ef); --blue: var(--gk-blue, #0a4988); --blue-ink: var(--gk-blue-ink, #083a6d); --brown: var(--gk-brown, #321e1e); --brown-2: var(--gk-brown-2, #462c2c); --gold-1: var(--gk-gold-1, #e3c879); --gold-2: var(--gk-gold-2, #c69c43); --gold-3: var(--gk-gold-3, #a77d2c); --ink: var(--brown); --muted: var(--gk-muted, #6b5a55); --line: rgba(50, 30, 30, 0.14); --line-strong: rgba(50, 30, 30, 0.28); --serif: var(--gk-serif, "DM Serif Text"), Georgia, "Times New Roman", serif; --sans: var(--gk-sans, "DM Sans"), system-ui, -apple-system, "Segoe UI", sans-serif; --r: var(--gk-radius, 20px); --r-sm: var(--gk-radius-sm, 12px); --pill: 999px; --max: var(--gk-max, 1360px); --gutter: clamp(16px, 4vw, 48px); --header-h: 72px; --bar-h: 38px; --ease: cubic-bezier(0.16, 1, 0.3, 1); --shadow: 0 18px 50px -18px rgba(50, 30, 30, 0.28); --shadow-sm: 0 6px 20px -10px rgba(50, 30, 30, 0.3); --z-header: 50; --z-mega: 49; --z-overlay: 80; --z-drawer: 90; --z-grain: 100; color-scheme: light; } *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { margin: 0; background: var(--cream); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; } :root body:is(.is-locked, .gk-st-is-locked) { overflow: hidden; } :root body::after { content: ""; position: fixed; inset: 0; z-index: var(--z-grain); pointer-events: none; opacity: 0.07; mix-blend-mode: multiply; background-image: url("data:image/svg+xml;utf8,"); } :where(.elementor) img { display: block; max-width: 100%; height: auto; } :where(.elementor) :where(a, .gk-t-a) { color: inherit; text-decoration: none; } :where(.elementor) :where(button, .gk-t-button) { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; } :where(.elementor) input { font: inherit; color: inherit; } :where(.elementor) :where(ul, .gk-t-ul) { list-style: none; margin: 0; padding: 0; } :where(.elementor) :where(h1, .gk-t-h1), :where(.elementor) :where(h2, .gk-t-h2), :where(.elementor) :where(h3, .gk-t-h3), :where(.elementor) :where(h4, .gk-t-h4), :where(.elementor) :where(p, .gk-t-p) { margin: 0; } [hidden] { display: none !important; } :root .gk-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } :root .gk-skip-link { position: absolute; left: 16px; top: -60px; z-index: 200; background: var(--blue); color: var(--cream); padding: 10px 18px; border-radius: var(--pill); } :root .gk-skip-link:focus { top: 12px; } :focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 6px; } :root .gk-on-dark :focus-visible { outline-color: var(--cream); } :root .gk-container { width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--gutter); } :root .gk-section { padding-block: clamp(64px, 9vw, 120px); } :root .gk-display, :root .gk-h2, :root .gk-h3 { font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em; color: inherit; } :root .gk-display { font-size: clamp(54.4px, 8.2vw, 121.6px); line-height: 0.98; letter-spacing: -0.025em; } :root .gk-h2 { font-size: clamp(35.2px, 4.4vw, 60px); line-height: 1.04; } :root .gk-h3 { font-size: clamp(24px, 2.2vw, 32px); line-height: 1.12; } :root .gk-display :is(em:not(:where([class*="gk-t-"])), .gk-t-em), :root .gk-h2 :is(em:not(:where([class*="gk-t-"])), .gk-t-em), :root .gk-h3 :is(em:not(:where([class*="gk-t-"])), .gk-t-em) { font-style: italic; } :root .gk-h2 :is(em:not(:where([class*="gk-t-"])), .gk-t-em) { display: inline-block; line-height: 1.12; padding-bottom: 0.06em; } :root .gk-lede { font-size: clamp(16.8px, 1.3vw, 19.2px); line-height: 1.55; max-width: 46ch; color: var(--muted); } :root .gk-on-dark .gk-lede { color: rgba(244, 241, 224, 0.82); } :root .gk-eyebrow { display: inline-block; font-size: 12.48px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--blue); } :root .gk-on-dark .gk-eyebrow { color: var(--gold-1); } :root .gk-on-blue .gk-eyebrow { color: var(--cream); opacity: 0.85; } :root .gk-btn { --bg: var(--blue); --fg: var(--cream); --bd: var(--blue); display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 28px; border-radius: var(--pill); border: 1.5px solid var(--bd); background: var(--bg); color: var(--fg); font-weight: 600; font-size: 16px; letter-spacing: 0.01em; white-space: nowrap; transition: background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), transform .2s var(--ease), box-shadow .3s var(--ease); } :root .gk-btn :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 1.15em; transition: transform .3s var(--ease); } :root .gk-btn:hover { --bg: var(--blue-ink); --bd: var(--blue-ink); box-shadow: 0 10px 24px -12px rgba(10, 73, 136, 0.7); } :root .gk-btn:hover :is(i:not(:where([class*="gk-t-"])), .gk-t-i).gk-ph-arrow-right, :root .gk-btn:hover :is(i:not(:where([class*="gk-t-"])), .gk-t-i).gk-ph-arrow-up-right { transform: translateX(3px); } :root .gk-btn:active { transform: scale(0.98) translateY(1px); } :root .gk-btn--outline { --bg: transparent; --fg: var(--ink); --bd: var(--line-strong); } :root .gk-btn--outline:hover { --bg: var(--brown); --fg: var(--cream); --bd: var(--brown); box-shadow: none; } :root .gk-btn--cream { --bg: var(--cream); --fg: var(--blue); --bd: var(--cream); } :root .gk-btn--cream:hover { --bg: #fff8e4; --fg: var(--blue-ink); --bd: #fff8e4; } :root .gk-btn--outline-cream { --bg: transparent; --fg: var(--cream); --bd: rgba(244, 241, 224, 0.55); } :root .gk-btn--outline-cream:hover { --bg: var(--cream); --fg: var(--brown); --bd: var(--cream); box-shadow: none; } :root .gk-btn--brown { --bg: var(--brown); --fg: var(--cream); --bd: var(--brown); } :root .gk-btn--brown:hover { --bg: var(--brown-2); --bd: var(--brown-2); box-shadow: 0 10px 24px -12px rgba(50, 30, 30, 0.7); } :root .gk-btn--sm { min-height: 44px; padding: 0 20px; font-size: 15.2px; } :root .gk-btn--block { width: 100%; } :root .gk-btn--icon { --bg: transparent; --fg: var(--ink); --bd: var(--line-strong); width: 44px; min-height: 44px; padding: 0; flex: none; } :root .gk-btn--icon:hover { --bg: var(--brown); --fg: var(--cream); --bd: var(--brown); box-shadow: none; } :root .gk-link-arrow { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; border-bottom: 1.5px solid currentColor; padding-bottom: 2px; transition: gap .3s var(--ease), color .3s var(--ease); } :root .gk-link-arrow:hover { gap: 12px; color: var(--blue); } :root .gk-on-dark .gk-link-arrow:hover, :root .gk-on-blue .gk-link-arrow:hover { color: var(--cream); opacity: .85; } :root .gk-announce { background: var(--blue); color: var(--cream); height: var(--bar-h); overflow: hidden; position: relative; font-size: 13.12px; font-weight: 500; letter-spacing: 0.04em; } :root .gk-announce__track { display: flex; width: max-content; height: 100%; align-items: center; animation: gk-marquee 42s linear infinite; } :root .gk-announce:hover .gk-announce__track { animation-play-state: paused; } :root .gk-announce__group { display: flex; align-items: center; } :root .gk-announce__item { display: inline-flex; align-items: center; gap: 10px; padding-inline: 28px; white-space: nowrap; } :root .gk-announce__item :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 16.8px; opacity: 0.85; } :root .gk-announce__item :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { border-bottom: 1px solid rgba(244, 241, 224, 0.5); } @keyframes gk-marquee { to { transform: translateX(-50%); } } :root .gk-header { position: sticky; top: 0; z-index: var(--z-header); background: rgba(244, 241, 224, 0.94); -webkit-backdrop-filter: saturate(140%) blur(12px); backdrop-filter: saturate(140%) blur(12px); border-bottom: 1px solid transparent; transition: border-color .3s var(--ease), box-shadow .3s var(--ease); } :root .gk-header:is(.is-scrolled, .gk-st-is-scrolled) { border-bottom-color: var(--line); box-shadow: 0 8px 30px -22px rgba(50, 30, 30, 0.5); } :root .gk-header__inner { height: var(--header-h); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; } :root .gk-logo { display: inline-flex; align-items: center; gap: 12px; } :root .gk-logo__badge { width: 46px; height: auto; } :root .gk-logo__name { width: 168px; height: auto; } :root .gk-nav { justify-self: center; } :root .gk-nav__list { display: flex; align-items: center; gap: 2px; } :root .gk-nav__link { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 14px; border-radius: var(--pill); font-size: 15.2px; font-weight: 500; white-space: nowrap; transition: background-color .25s var(--ease), color .25s var(--ease); } :root .gk-nav__link :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 12.8px; transition: transform .3s var(--ease); } :root .gk-nav__link:hover, :root .gk-nav__item:is(.is-open, .gk-st-is-open) > .gk-nav__link { background: var(--cream-2); } :root .gk-nav__item:is(.is-open, .gk-st-is-open) > .gk-nav__link :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { transform: rotate(180deg); } :root .gk-nav__link--accent { color: var(--blue); } :root .gk-header__tools { display: flex; align-items: center; gap: 4px; } :root .gk-icon-btn { position: relative; width: 44px; height: 44px; border-radius: var(--pill); display: inline-grid; place-items: center; font-size: 21.6px; transition: background-color .25s var(--ease); } :root .gk-icon-btn:hover { background: var(--cream-2); } :root .gk-icon-btn:active { transform: scale(0.96); } :root .gk-bag-count { position: absolute; top: 4px; right: 3px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--pill); background: var(--blue); color: var(--cream); font-size: 10.88px; font-weight: 700; line-height: 18px; text-align: center; transform: scale(0); transition: transform .35s var(--ease); } :root .gk-bag-count:is(.has-items, .gk-st-has-items) { transform: scale(1); } :root .gk-bag-count.bump { animation: gk-bump .45s var(--ease); } @keyframes gk-bump { 40% { transform: scale(1.35); } } :root .gk-menu-toggle { display: none; } :root .gk-mega { position: absolute; left: 0; right: 0; top: 100%; z-index: var(--z-mega); background: var(--cream); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); box-shadow: 0 30px 60px -40px rgba(50, 30, 30, 0.55); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .3s var(--ease), transform .35s var(--ease), visibility 0s linear .35s; } :root .gk-nav__item:is(.is-open, .gk-st-is-open) .gk-mega { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; } :root .gk-mega__inner { display: grid; gap: 40px; padding-block: 36px 40px; } :root .gk-mega__inner--shop { grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(240px, 1.4fr); } :root .gk-mega__inner--legends { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2.2fr); } :root .gk-mega__inner--era { grid-template-columns: repeat(4, minmax(0, 1fr)); } :root .gk-mega__title { font-family: var(--serif); font-size: 20px; margin-bottom: 14px; } :root .gk-mega__title :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { color: var(--blue); } :root .gk-mega__links { display: grid; gap: 8px; } :root .gk-mega__links :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { color: var(--muted); font-size: 15.2px; transition: color .2s; } :root .gk-mega__links :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { color: var(--blue); } :root .gk-mega-card { position: relative; border-radius: var(--r); overflow: hidden; background: var(--brown); color: var(--cream); min-height: 240px; display: flex; align-items: flex-end; } :root .gk-mega-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); } :root .gk-mega-card:hover img { transform: scale(1.04); } :root .gk-mega-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(50, 30, 30, 0.82)); } :root .gk-mega-card__body { position: relative; z-index: 1; padding: 20px; } :root .gk-mega-card__title { font-family: var(--serif); font-size: 23.2px; line-height: 1.1; } :root .gk-mega-card__cta { margin-top: 6px; font-size: 14.4px; font-weight: 600; display: inline-flex; gap: 6px; align-items: center; } :root .gk-mega-legends { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } :root .gk-mega-legend { display: grid; gap: 8px; } :root .gk-mega-legend img { aspect-ratio: 3 / 4; object-fit: cover; border-radius: 999px 999px var(--r-sm) var(--r-sm); } :root .gk-mega-legend :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { font-family: var(--serif); font-size: 16.8px; } :root .gk-mega-era { position: relative; border-radius: var(--r); overflow: hidden; aspect-ratio: 4 / 3; display: flex; align-items: flex-end; color: var(--cream); } :root .gk-mega-era img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); } :root .gk-mega-era:hover img { transform: scale(1.05); } :root .gk-mega-era::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(50, 30, 30, .8)); } :root .gk-mega-era :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { position: relative; z-index: 1; padding: 16px 18px; font-family: var(--serif); font-size: 25.6px; } :root .gk-hero { position: relative; overflow: hidden; background: var(--brown); color: var(--cream); height: clamp(540px, calc(100svh - var(--header-h) - var(--bar-h) - 56px), 860px); } :root .gk-hero__slides { position: absolute; inset: 0; } :root .gk-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1.1s var(--ease), visibility 0s linear 1.1s; } :root .gk-slide:is(.is-active, .gk-st-is-active) { opacity: 1; visibility: visible; transition-delay: 0s; z-index: 1; } :root .gk-slide__media, :root .gk-slide__media img { position: absolute; inset: 0; width: 100%; height: 100%; } :root .gk-slide__media img { object-fit: cover; object-position: 50% 40%; transform: scale(1.07); transition: transform 8s linear; } :root .gk-slide:is(.is-active, .gk-st-is-active) .gk-slide__media img { transform: scale(1); } :root .gk-slide::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(50, 30, 30, .18) 0%, transparent 28%, transparent 48%, rgba(50, 30, 30, .78) 100%), linear-gradient(90deg, rgba(50, 30, 30, .62) 0%, rgba(50, 30, 30, .18) 45%, transparent 65%); } :root .gk-slide.gk-gk-data-align-right::after { background: linear-gradient(180deg, rgba(50, 30, 30, .18) 0%, transparent 28%, transparent 48%, rgba(50, 30, 30, .78) 100%), linear-gradient(270deg, rgba(50, 30, 30, .7) 0%, rgba(50, 30, 30, .2) 42%, transparent 62%); } @media (min-width: 1024px) { :root .gk-slide--split { background: linear-gradient(90deg, var(--blue) 0%, var(--blue) 30%, #0060af 62%); } :root .gk-slide--split .gk-slide__media { left: auto; width: 54%; } :root .gk-slide--split .gk-slide__media img { object-position: 50% 32%; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%); mask-image: linear-gradient(90deg, transparent 0%, #000 22%); } :root .gk-slide--split::after { background: linear-gradient(180deg, transparent 55%, rgba(10, 30, 60, .45) 100%); } } @media (min-width: 1024px) { :root .gk-slide--her { background: linear-gradient(90deg, #2a1918 0%, var(--brown) 32%, #4a3a26 64%); } :root .gk-slide--her::after { background: linear-gradient(180deg, transparent 55%, rgba(30, 18, 18, .5) 100%); } } @media (max-width: 1023px) { :root .gk-slide--her.gk-slide--split { background: var(--brown); } } :root .gk-slide--dim::after { background: linear-gradient(90deg, rgba(30, 18, 18, .86) 0%, rgba(30, 18, 18, .62) 38%, rgba(30, 18, 18, .12) 72%), linear-gradient(180deg, transparent 45%, rgba(30, 18, 18, .65) 100%); } :root .gk-slide__title { text-shadow: 0 2px 28px rgba(20, 10, 10, .45), 0 1px 3px rgba(20, 10, 10, .3); } :root .gk-slide__text { text-shadow: 0 1px 14px rgba(20, 10, 10, .55); } @media (max-width: 1023px) { :root .gk-slide--split { background: var(--blue); } :root .gk-slide--split .gk-slide__media { bottom: auto; height: 60%; } :root .gk-slide--split .gk-slide__media img { object-position: 50% 30%; -webkit-mask-image: linear-gradient(180deg, #000 62%, transparent 100%); mask-image: linear-gradient(180deg, #000 62%, transparent 100%); } :root .gk-slide.gk-slide--split::after { background: none; } } :root .gk-slide__content { position: relative; z-index: 2; height: 100%; display: flex; align-items: flex-end; padding-bottom: 116px; } :root .gk-slide.gk-gk-data-align-right .gk-slide__content { justify-content: flex-end; } :root .gk-slide__copy { max-width: 700px; display: grid; gap: 20px; } :root .gk-slide__title { font-size: clamp(51.2px, 6vw, 92.8px); line-height: .98; color: var(--cream); } :root .gk-slide__title :is(em:not(:where([class*="gk-t-"])), .gk-t-em) { display: inline-block; padding-bottom: .06em; line-height: 1.05; } :root .gk-slide__text { font-size: clamp(16.8px, 1.25vw, 19.2px); line-height: 1.5; color: rgba(244, 241, 224, .9); max-width: 46ch; } :root .gk-slide__ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; } :root .gk-slide .gk-slide__copy > * { opacity: 0; transform: translateY(22px); transition: opacity .8s var(--ease), transform .9s var(--ease); } :root .gk-slide:is(.is-active, .gk-st-is-active) .gk-slide__copy > * { opacity: 1; transform: none; } :root .gk-slide:is(.is-active, .gk-st-is-active) .gk-slide__copy > :nth-child(1) { transition-delay: .25s; } :root .gk-slide:is(.is-active, .gk-st-is-active) .gk-slide__copy > :nth-child(2) { transition-delay: .37s; } :root .gk-slide:is(.is-active, .gk-st-is-active) .gk-slide__copy > :nth-child(3) { transition-delay: .49s; } :root .gk-hero__controls { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 36px; } :root .gk-hero__progress { display: flex; gap: 8px; flex: 1; max-width: 360px; } :root .gk-hero__seg { flex: 1; height: 3px; border-radius: 3px; background: rgba(244, 241, 224, .3); overflow: hidden; } :root .gk-hero__seg :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { display: block; height: 100%; background: var(--cream); transform: scaleX(0); transform-origin: left; } :root .gk-hero__seg:is(.is-done, .gk-st-is-done) :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { transform: scaleX(1); } :root .gk-hero__seg:is(.is-active, .gk-st-is-active) :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { animation: gk-heroProgress 7s linear forwards; } :root .gk-hero:is(.is-paused, .gk-st-is-paused) .gk-hero__seg:is(.is-active, .gk-st-is-active) :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { animation-play-state: paused; } :root .gk-hero.no-autoplay .gk-hero__seg:is(.is-active, .gk-st-is-active) :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { animation: none; transform: scaleX(1); } @keyframes gk-heroProgress { to { transform: scaleX(1); } } :root .gk-hero__arrows { display: flex; gap: 10px; } :root .gk-hero__arrow { width: 48px; height: 48px; border-radius: var(--pill); display: grid; place-items: center; font-size: 18.4px; color: var(--cream); border: 1.5px solid rgba(244, 241, 224, .55); background: rgba(50, 30, 30, .18); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .2s var(--ease); } :root .gk-hero__arrow:hover { background: var(--cream); color: var(--brown); border-color: var(--cream); } :root .gk-hero__arrow:active { transform: scale(.96); } @media (max-width: 767px) { :root .gk-hero__controls { padding-bottom: 24px; } :root .gk-hero__progress { max-width: 180px; } :root .gk-hero__arrow { width: 42px; height: 42px; } } :root .gk-trust { border-block: 1px solid var(--line); } :root .gk-trust__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); } :root .gk-trust__item { display: flex; align-items: center; gap: 14px; padding: 22px 20px; } :root .gk-trust__item + .gk-trust__item { border-left: 1px solid var(--line); } :root .gk-trust__item :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 27.2px; color: var(--blue); flex: none; } :root .gk-trust__item :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong) { display: block; font-weight: 600; font-size: 15.68px; line-height: 1.3; } :root .gk-trust__item :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { display: block; color: var(--muted); font-size: 14.08px; line-height: 1.35; } :root .gk-stars { display: inline-flex; gap: 1px; color: var(--blue); } :root .gk-stars :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 15.2px !important; color: inherit !important; } :root .gk-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: clamp(28px, 4vw, 44px); } :root .gk-head__text { display: grid; gap: 12px; max-width: 640px; } :root .gk-head__text :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); max-width: 52ch; } :root .gk-head__tools { display: flex; align-items: center; gap: 12px; flex: none; } :root .gk-leagues { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding: 4px 2px 6px; margin: 0 0 28px; scroll-snap-type: x proximity; } :root .gk-leagues::-webkit-scrollbar { display: none; } :root .gk-league { position: relative; flex: none; scroll-snap-align: start; height: 64px; min-width: 112px; padding: 0 22px; border-radius: var(--pill); display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--paper); border: 1.5px solid var(--line); color: var(--brown); font-weight: 600; font-size: 14.72px; white-space: nowrap; transition: border-color .25s var(--ease), background-color .25s var(--ease), transform .2s var(--ease), box-shadow .3s var(--ease); } :root .gk-league :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 20px; } :root .gk-league img { height: 34px; width: auto; max-width: 104px; object-fit: contain; filter: grayscale(1) sepia(.35) brightness(.55) contrast(1.15); opacity: .82; transition: filter .3s var(--ease), opacity .3s var(--ease), transform .4s var(--ease); } :root .gk-league--serie-a img, :root .gk-league--bundesliga img, :root .gk-league--ligue-1 img { height: 44px; } :root .gk-league--premier-league img { height: 38px; } :root .gk-league:hover { border-color: var(--line-strong); box-shadow: var(--shadow-sm); } :root .gk-league:hover img { filter: none; opacity: 1; transform: scale(1.04); } :root .gk-league:active { transform: scale(.98); } :root .gk-league:is(.is-pressed, .gk-st-is-pressed) { background: #fff; border-color: var(--brown); box-shadow: 0 0 0 1px var(--brown); } :root .gk-league:is(.is-pressed, .gk-st-is-pressed) img { filter: none; opacity: 1; } :root .gk-league--text:is(.is-pressed, .gk-st-is-pressed) { background: var(--brown); color: var(--cream); } :root .gk-league__count { position: absolute; top: -6px; right: -4px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: var(--pill); background: var(--blue); color: var(--cream); font-size: 11.52px; font-weight: 700; line-height: 22px; text-align: center; box-shadow: 0 0 0 2px var(--cream); } :root .gk-league__count:empty { display: none; } :root .gk-gk-id-drops { padding-top: clamp(48px, 6vw, 80px); } :root .gk-rail { position: relative; } :root .gk-rail__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 20px) / 4); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 6px; } :root .gk-rail__track::-webkit-scrollbar { display: none; } :root .gk-rail__track > * { scroll-snap-align: start; } :root .gk-rail__empty { display: none; padding: 56px 24px; border: 1.5px dashed var(--line-strong); border-radius: var(--r); text-align: center; color: var(--muted); justify-items: center; gap: 14px; } :root .gk-rail__empty :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 32px; color: var(--blue); } :root .gk-rail__empty :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong) { color: var(--brown); font-family: var(--serif); font-weight: 400; font-size: 22.4px; } :root .gk-rail:is(.is-empty, .gk-st-is-empty) .gk-rail__empty { display: grid; } :root .gk-rail:is(.is-empty, .gk-st-is-empty) .gk-rail__track { display: none; } :root .gk-pcard { display: flex; flex-direction: column; gap: 14px; min-width: 0; } :root .gk-pcard[hidden] { display: none; } :root .gk-pcard__media { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: var(--r); overflow: hidden; background: var(--cream-2); } :root .gk-pcard__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .55s var(--ease), transform 1s var(--ease); } :root .gk-pcard__img--alt { opacity: 0; } :root .gk-pcard__media:hover .gk-pcard__img--alt, :root .gk-pcard:focus-within .gk-pcard__img--alt { opacity: 1; } :root .gk-pcard__media:hover img { transform: scale(1.035); } :root .gk-pcard__hint { position: absolute; right: 12px; bottom: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: var(--pill); background: rgba(244, 241, 224, .92); font-size: 12.48px; font-weight: 600; color: var(--brown); opacity: 0; transform: translateY(6px); transition: all .4s var(--ease); } :root .gk-pcard__media:hover .gk-pcard__hint { opacity: 1; transform: none; } :root .gk-pcard__sold { position: absolute; inset: auto 0 22px 0; z-index: 2; background: var(--brown); color: var(--cream); text-align: center; font-weight: 700; font-size: 13.12px; letter-spacing: .22em; text-transform: uppercase; padding: 10px 0; } :root .gk-pcard:is(.is-sold, .gk-st-is-sold) .gk-pcard__media img { filter: grayscale(.35) contrast(.95); } :root .gk-pcard__body { display: grid; gap: 4px; } :root .gk-pcard__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; } :root .gk-pcard__title { font-family: var(--serif); font-size: 20.8px; line-height: 1.15; font-weight: 400; } :root .gk-pcard__title :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { color: var(--blue); } :root .gk-pcard__price { font-weight: 700; font-size: 16.8px; white-space: nowrap; } :root .gk-pcard__price :is(s:not(:where([class*="gk-t-"])), .gk-t-s) { font-weight: 500; color: var(--muted); margin-right: 6px; } :root .gk-pcard__meta { color: var(--muted); font-size: 14.4px; } :root .gk-pcard__actions { display: flex; gap: 8px; margin-top: 10px; } :root .gk-pcard__actions .gk-btn:first-child { flex: 1; } :root .gk-pcard--studio .gk-pcard__media { background: #f3f1e0; overflow: visible; } :root .gk-pcard__flip { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform .9s cubic-bezier(.22,.8,.24,1); } :root .gk-pcard--studio .gk-pcard__media img.gk-pcard__face { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--r); backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: none; opacity: 1; } :root .gk-pcard--studio .gk-pcard__media img.gk-pcard__face--back { transform: rotateY(180deg); } :root .gk-pcard--studio .gk-pcard__media:hover .gk-pcard__flip, :root .gk-pcard--studio .gk-pcard__media:focus-visible .gk-pcard__flip, :root .gk-pcard--studio:is(.is-flipped, .gk-st-is-flipped) .gk-pcard__flip { transform: perspective(1400px) rotateY(180deg); } :root .gk-pcard--studio .gk-pcard__flip { transform: perspective(1400px) rotateY(0deg); } :root .gk-pcard--studio .gk-pcard__media:hover img { transform: none; } :root .gk-pcard--studio .gk-pcard__media:hover img.gk-pcard__face--back { transform: rotateY(180deg); } :root .gk-pcard--studio:is(.is-sold, .gk-st-is-sold) .gk-pcard__media img { filter: none; } :root .gk-pcard--studio:is(.is-sold, .gk-st-is-sold) .gk-pcard__face { opacity: .78; } :root .gk-pcard--studio .gk-pcard__hint, :root .gk-pcard--studio .gk-pcard__sold { z-index: 2; } :root .gk-pcard--studio .gk-pcard__hint { opacity: 1; transform: none; } :root .gk-pcard--studio .gk-pcard__media:hover .gk-pcard__hint, :root .gk-pcard--studio:is(.is-flipped, .gk-st-is-flipped) .gk-pcard__hint { opacity: 0; transform: translateY(6px); } @media (prefers-reduced-motion: reduce) { :root .gk-pcard__flip { transition: none; } } :root .gk-rail-nav { display: flex; gap: 8px; } :root .gk-rail-nav :is(button:not(:where([class*="gk-t-"])), .gk-t-button) { width: 48px; height: 48px; border-radius: var(--pill); border: 1.5px solid var(--line-strong); display: grid; place-items: center; font-size: 18.4px; transition: all .25s var(--ease); } :root .gk-rail-nav :is(button:not(:where([class*="gk-t-"])), .gk-t-button):hover:not(:disabled) { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root .gk-rail-nav :is(button:not(:where([class*="gk-t-"])), .gk-t-button):disabled { opacity: .35; cursor: default; } :root .gk-era__list { display: flex; gap: 14px; height: clamp(460px, 62vh, 620px); container-type: inline-size; } :root .gk-era__panel { position: relative; flex: 1 1 0; min-width: 0; border-radius: var(--r); overflow: hidden; color: var(--cream); background: var(--brown); cursor: pointer; transition: flex-grow 1.15s cubic-bezier(.45, 0, .15, 1); } :root .gk-era__panel:is(.is-active, .gk-st-is-active) { flex-grow: 3.2; cursor: default; } :root .gk-era__panel img { position: absolute; top: 0; left: 50%; height: 100%; width: calc((100cqw - 42px) * .516); max-width: none; object-fit: cover; transform: translateX(-50%); transition: transform 1.4s var(--ease), filter 1s var(--ease); filter: saturate(.85); } :root .gk-era__panel:is(.is-active, .gk-st-is-active) img { filter: none; } :root .gk-era__panel:hover img { transform: translateX(-50%) scale(1.03); } :root .gk-era__panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(50, 30, 30, .05) 30%, rgba(50, 30, 30, .82)); } :root .gk-era__btn { position: absolute; inset: 0; z-index: 2; width: 100%; text-align: left; } :root .gk-era__label { position: absolute; left: 22px; bottom: 20px; z-index: 3; font-family: var(--serif); font-size: clamp(35.2px, 3.2vw, 51.2px); line-height: 1; transition: opacity .35s var(--ease) .35s; pointer-events: none; } :root .gk-era__panel:is(.is-active, .gk-st-is-active) .gk-era__label { opacity: 0; transition-delay: 0s; } :root .gk-era__content { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: clamp(22px, 3vw, 36px); display: grid; gap: 14px; max-width: 520px; opacity: 0; transform: translateY(14px); transition: opacity .3s var(--ease), transform .3s var(--ease); pointer-events: none; } :root .gk-era__panel:is(.is-active, .gk-st-is-active) .gk-era__content { opacity: 1; transform: none; transition: opacity .7s var(--ease) .5s, transform .8s var(--ease) .5s; pointer-events: auto; } :root .gk-era__content :is(h3:not(:where([class*="gk-t-"])), .gk-t-h3) { font-family: var(--serif); font-weight: 400; font-size: clamp(38.4px, 4vw, 57.6px); line-height: 1; } :root .gk-era__content :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: rgba(244, 241, 224, .88); max-width: 36ch; } :root .gk-era__content .gk-btn { justify-self: start; } :root .gk-capsule { background: var(--blue); color: var(--cream); } :root .gk-capsule__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); } :root .gk-capsule__stage { position: sticky; top: calc(var(--header-h) + 28px); height: calc(100dvh - var(--header-h) - 56px); max-height: 760px; border-radius: calc(var(--r) + 8px); overflow: hidden; background: var(--brown); } :root .gk-capsule__stage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); transition: opacity .9s var(--ease), transform 1.4s var(--ease); } :root .gk-capsule__stage img:is(.is-active, .gk-st-is-active) { opacity: 1; transform: none; } :root .gk-capsule__intro { display: grid; gap: 20px; padding-top: clamp(8px, 2vw, 24px); } :root .gk-capsule__intro .gk-lede { color: rgba(244, 241, 224, .85); } :root .gk-capsule__steps { margin-top: clamp(40px, 8vh, 96px); display: grid; } :root .gk-capsule__step { min-height: 46vh; display: grid; align-content: center; gap: 14px; padding-block: 24px; border-top: 1px solid rgba(244, 241, 224, .22); opacity: .45; transition: opacity .6s var(--ease); } :root .gk-capsule__step:is(.is-active, .gk-st-is-active) { opacity: 1; } :root .gk-capsule__step :is(h3:not(:where([class*="gk-t-"])), .gk-t-h3) { font-family: var(--serif); font-weight: 400; font-size: clamp(30.4px, 3vw, 41.6px); line-height: 1.05; } :root .gk-capsule__step :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: rgba(244, 241, 224, .85); max-width: 40ch; } :root .gk-capsule__step-img { display: none; } :root .gk-capsule__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; padding-top: 32px; border-top: 1px solid rgba(244, 241, 224, .22); } :root .gk-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto auto; gap: 20px; } :root .gk-tile { position: relative; border-radius: var(--r); overflow: hidden; } :root .gk-tile--her { grid-column: span 7; grid-row: span 2; min-height: 680px; color: var(--cream); display: flex; align-items: flex-end; } :root .gk-tile--letter { grid-column: span 5; min-height: 330px; color: var(--cream); display: flex; align-items: flex-end; } :root .gk-tile--deal { grid-column: span 5; background: var(--paper); border: 1px solid var(--line); } :root .gk-tile__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); } :root .gk-tile:hover .gk-tile__img { transform: scale(1.03); } :root .gk-tile--her::after, :root .gk-tile--letter::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 38%, rgba(50, 30, 30, .85)); } :root .gk-tile__body { position: relative; z-index: 1; padding: clamp(24px, 3vw, 40px); display: grid; gap: 14px; max-width: 520px; } :root .gk-tile__body :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: rgba(244, 241, 224, .88); } :root .gk-tile__body .gk-btn { justify-self: start; } :root .gk-deal { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 22px; padding: 26px; align-items: center; height: 100%; } :root .gk-deal__img { border-radius: var(--r-sm); aspect-ratio: 1; object-fit: cover; width: 100%; } :root .gk-deal__body { display: grid; gap: 8px; } :root .gk-deal__kicker { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13.6px; color: var(--blue); } :root .gk-deal__title { font-family: var(--serif); font-size: 23.2px; line-height: 1.12; font-weight: 400; } :root .gk-deal__price { font-weight: 700; font-size: 17.6px; } :root .gk-deal__price :is(s:not(:where([class*="gk-t-"])), .gk-t-s) { color: var(--muted); font-weight: 500; margin-right: 8px; } :root .gk-countdown { display: flex; gap: 6px; margin-block: 6px 8px; } :root .gk-countdown :is(div:not(:where([class*="gk-t-"])), .gk-t-div) { min-width: 52px; padding: 8px 4px 6px; border-radius: var(--r-sm); background: var(--cream-2); text-align: center; } :root .gk-countdown :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { display: block; font-family: var(--serif); font-weight: 400; font-size: 23.2px; line-height: 1; font-variant-numeric: tabular-nums; } :root .gk-countdown :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { font-size: 10.88px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); } @media (min-width: 1024px) { :root .gk-gk-id-legends > .gk-container { max-width: none; width: 90%; padding-inline: 0; } } :root .gk-legends__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; } :root .gk-legend { display: grid; gap: 14px; } :root .gk-legend__img { position: relative; aspect-ratio: 3 / 4; border-radius: 999px 999px var(--r) var(--r); overflow: hidden; background: var(--cream-2); } :root .gk-legend__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); } :root .gk-legend:hover .gk-legend__img img { transform: scale(1.05); } :root .gk-legend__img::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(50, 30, 30, .08); } :root .gk-legend__name { font-family: var(--serif); font-size: 21.6px; line-height: 1.1; display: flex; align-items: center; justify-content: space-between; gap: 8px; } :root .gk-legend__name :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 16px; color: var(--blue); transition: transform .3s var(--ease); } :root .gk-legend:hover .gk-legend__name :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { transform: translateX(4px); } :root .gk-more-legends { margin-top: 36px; display: flex; align-items: center; gap: 16px; } :root .gk-more-legends__label { flex: none; font-weight: 600; font-size: 15.2px; } :root .gk-pills { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; padding-block: 4px; } :root .gk-pills::-webkit-scrollbar { display: none; } :root .gk-pills :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { flex: none; scroll-snap-align: start; padding: 10px 18px; border-radius: var(--pill); background: var(--paper); border: 1px solid var(--line); font-size: 14.72px; font-weight: 500; transition: all .25s var(--ease); } :root .gk-pills :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { background: var(--blue); color: var(--cream); border-color: var(--blue); } :root .gk-ticket-sec { background: var(--brown); color: var(--cream); overflow: hidden; } :root .gk-ticket-sec__head { display: grid; gap: 16px; justify-items: center; text-align: center; margin-bottom: clamp(36px, 5vw, 56px); } :root .gk-ticket-sec__head .gk-lede { text-align: center; color: rgba(244, 241, 224, .8); } :root .gk-ticket { --notch: 18px; position: relative; max-width: 1040px; margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); border-radius: var(--r); color: var(--brown); filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .35)); } :root .gk-ticket__main, :root .gk-ticket__stub { position: relative; padding: clamp(28px, 4vw, 48px); } :root .gk-ticket__main { border-radius: var(--r) 0 0 var(--r); background: linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 249, 225, .55) 45%, rgba(255, 255, 255, 0) 60%) 0 0 / 250% 100% no-repeat, linear-gradient(135deg, var(--gold-1), var(--gold-2) 55%, var(--gold-3)); -webkit-mask: radial-gradient(circle var(--notch) at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; mask: radial-gradient(circle var(--notch) at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; animation: gk-foil 6s var(--ease) infinite; display: grid; align-content: space-between; gap: 28px; } @keyframes gk-foil { 0%, 55% { background-position: 120% 0, 0 0; } 100% { background-position: -120% 0, 0 0; } } :root .gk-ticket__main::before { content: ""; position: absolute; inset: 12px; border: 1.5px solid rgba(50, 30, 30, .35); border-radius: calc(var(--r) - 8px) 0 0 calc(var(--r) - 8px); border-right: 0; pointer-events: none; } :root .gk-ticket__brand { display: flex; align-items: center; gap: 12px; } :root .gk-ticket__brand img { width: 44px; } :root .gk-ticket__brand :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { font-weight: 700; letter-spacing: .2em; font-size: 12.48px; text-transform: uppercase; } :root .gk-ticket__title { font-family: var(--serif); font-weight: 400; font-size: clamp(44.8px, 6vw, 80px); line-height: .95; } :root .gk-ticket__title :is(em:not(:where([class*="gk-t-"])), .gk-t-em) { font-style: italic; display: inline-block; padding-bottom: .06em; } :root .gk-ticket__fine { font-size: 14.72px; max-width: 40ch; color: rgba(50, 30, 30, .85); } :root .gk-ticket__stub { border-radius: 0 var(--r) var(--r) 0; background: var(--paper); -webkit-mask: radial-gradient(circle var(--notch) at 0 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 0 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; mask: radial-gradient(circle var(--notch) at 0 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 0 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; display: grid; align-content: center; } :root .gk-ticket__stub::before { content: ""; position: absolute; left: -1px; top: var(--notch); bottom: var(--notch); border-left: 2px dashed rgba(50, 30, 30, .35); } :root .gk-ticket__stub :is(h3:not(:where([class*="gk-t-"])), .gk-t-h3) { font-family: var(--serif); font-weight: 400; font-size: 25.6px; line-height: 1.1; margin-bottom: 18px; } :root .gk-ticket-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; max-width: 1040px; margin: clamp(36px, 5vw, 56px) auto 0; } :root .gk-ticket-steps :is(li:not(:where([class*="gk-t-"])), .gk-t-li) { display: flex; gap: 14px; align-items: flex-start; color: rgba(244, 241, 224, .85); font-size: 15.2px; } :root .gk-ticket-steps :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 24px; color: var(--gold-1); flex: none; margin-top: 2px; } :root .gk-ticket-steps :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong) { display: block; color: var(--cream); font-weight: 600; } :root .gk-field { display: grid; gap: 8px; margin-bottom: 14px; } :root .gk-field :is(label:not(:where([class*="gk-t-"])), .gk-t-label) { font-size: 14.08px; font-weight: 600; color: var(--brown); } :root .gk-input { width: 100%; min-height: 52px; padding: 0 22px; border-radius: var(--pill); background: #fff; border: 1.5px solid rgba(50, 30, 30, .3); color: var(--brown); transition: border-color .25s, box-shadow .25s; } :root .gk-input::placeholder { color: #7d6d68; } :root .gk-input:hover { border-color: rgba(50, 30, 30, .5); } :root .gk-input:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 4px rgba(10, 73, 136, .16); } :root .gk-input--code { text-transform: uppercase; letter-spacing: .14em; font-weight: 600; } :root .gk-field__help { font-size: 13.12px; color: var(--muted); } :root .gk-field__error { display: none; font-size: 13.6px; color: #9b1c1c; font-weight: 500; align-items: center; gap: 6px; } :root .gk-field:is(.has-error, .gk-st-has-error) .gk-input { border-color: #9b1c1c; } :root .gk-field:is(.has-error, .gk-st-has-error) .gk-field__error { display: flex; } :root .gk-form-success { display: none; align-items: flex-start; gap: 12px; padding: 16px 18px; border-radius: var(--r-sm); background: #e5eedf; color: #234020; font-weight: 500; } :root .gk-form-success :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 22.4px; flex: none; } :root :is(form:not(:where([class*="gk-t-"])), .gk-t-form):is(.is-done, .gk-st-is-done) .gk-form-success { display: flex; } :root :is(form:not(:where([class*="gk-t-"])), .gk-t-form):is(.is-done, .gk-st-is-done) .gk-form-body { display: none; } :root .gk-btn:is(.is-loading, .gk-st-is-loading) { pointer-events: none; opacity: .85; } :root .gk-btn:is(.is-loading, .gk-st-is-loading)::after { content: ""; width: 16px; height: 16px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: gk-spin .7s linear infinite; } @keyframes gk-spin { to { transform: rotate(360deg); } } :root .gk-faq__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; } :root .gk-faq__aside { position: sticky; top: calc(var(--header-h) + 32px); display: grid; gap: 22px; } :root .gk-faq__aside :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); max-width: 40ch; } :root .gk-faq__aside :is(a:not(:where([class*="gk-t-"])), .gk-t-a).gk-mail { color: var(--blue); font-weight: 600; border-bottom: 1.5px solid currentColor; } :root .gk-faq__figure { margin: 8px 0 0; display: grid; gap: 10px; } :root .gk-faq__figure img { border-radius: var(--r); aspect-ratio: 5 / 4; object-fit: cover; width: 100%; } :root .gk-faq__figure :is(figcaption:not(:where([class*="gk-t-"])), .gk-t-figcaption) { font-size: 14.08px; color: var(--muted); } :root .gk-qa { border-top: 1px solid var(--line-strong); } :root .gk-qa:last-child { border-bottom: 1px solid var(--line-strong); } :root .gk-qa summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 4px; font-family: var(--serif); font-size: clamp(20px, 1.8vw, 24.8px); line-height: 1.2; transition: color .25s; } :root .gk-qa summary::-webkit-details-marker { display: none; } :root .gk-qa summary:hover { color: var(--blue); } :root .gk-qa__icon { flex: none; width: 38px; height: 38px; border-radius: var(--pill); border: 1.5px solid var(--line-strong); display: grid; place-items: center; font-size: 16px; transition: transform .4s var(--ease), background-color .3s, color .3s; } :root .gk-qa[open] .gk-qa__icon { transform: rotate(45deg); background: var(--brown); color: var(--cream); border-color: var(--brown); } :root .gk-qa__a { padding: 0 60px 26px 4px; color: var(--muted); max-width: 62ch; } :root .gk-qa[open] .gk-qa__a { animation: gk-qa-in .5s var(--ease); } @keyframes gk-qa-in { from { opacity: 0; transform: translateY(-6px); } } :root .gk-ugc-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; } :root .gk-ugc { margin: 0; border-radius: var(--r); overflow: hidden; aspect-ratio: 4 / 5; background: var(--cream-2); } :root .gk-ugc img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); } :root .gk-ugc:hover img { transform: scale(1.04); } :root .gk-greviews { margin-top: 20px; border-radius: var(--r); background: var(--paper); border: 1px solid var(--line); padding: clamp(20px, 3vw, 32px); } :root .gk-greviews__bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid var(--line); } :root .gk-greviews__brand { display: flex; align-items: center; gap: 14px; } :root .gk-greviews__g { width: 48px; height: 48px; border-radius: 50%; background: #fff; border: 1px solid var(--line); display: grid; place-items: center; font-size: 23.2px; color: var(--blue); flex: none; } :root .gk-greviews__brand :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong) { display: block; font-family: var(--serif); font-weight: 400; font-size: 21.6px; line-height: 1.2; } :root .gk-greviews__score { display: inline-flex; align-items: center; gap: 8px; font-size: 14.4px; color: var(--muted); } :root .gk-greviews__score :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { color: var(--brown); font-size: 16px; } :root .gk-greviews__tools { display: flex; align-items: center; gap: 12px; } :root .gk-greviews__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 16px) / 4); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } :root .gk-greviews__track::-webkit-scrollbar { display: none; } :root .gk-gcard { scroll-snap-align: start; display: grid; align-content: start; gap: 12px; padding: 20px; border-radius: var(--r-sm); background: #fff; border: 1px solid var(--line); min-width: 0; } :root .gk-gcard__top { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; font-size: 14.08px; } :root .gk-gcard__top :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong) { display: block; font-weight: 600; font-size: 15.2px; } :root .gk-gcard__top :is(span:not(:where([class*="gk-t-"])), .gk-t-span):not(.gk-avatar) { color: var(--muted); } :root .gk-gcard__g { color: var(--muted); font-size: 16.8px; } :root .gk-gcard :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { font-size: 15.2px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } :root .gk-avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--cream-2); color: var(--brown); font-weight: 700; font-size: 13.6px; flex: none; } :root .gk-greviews__note { margin-top: 16px; display: flex; align-items: center; gap: 8px; font-size: 13.12px; color: var(--muted); } :root .gk-join { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 20px; } :root .gk-panel { position: relative; border-radius: var(--r); background: var(--cream-2); padding: clamp(32px, 5vw, 64px); margin-top: 26px; } :root .gk-panel::before { content: ""; position: absolute; left: clamp(28px, 4vw, 56px); top: -26px; width: 210px; height: 27px; background: var(--cream-2); -webkit-mask: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; mask: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; } :root .gk-panel__tab { position: absolute; left: clamp(28px, 4vw, 56px); top: -22px; width: 210px; text-align: center; font-weight: 700; font-size: 12.48px; letter-spacing: .16em; text-transform: uppercase; color: var(--blue); } :root .gk-panel .gk-lede { margin-top: 14px; } :root .gk-join__form { margin-top: 28px; max-width: 560px; } :root .gk-inline-form { display: flex; gap: 10px; } :root .gk-inline-form .gk-input { flex: 1; } :root .gk-sell { position: relative; margin-top: 26px; border-radius: var(--r); overflow: hidden; min-height: 460px; color: var(--cream); display: flex; align-items: flex-end; } :root .gk-sell::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(50, 30, 30, .1) 20%, rgba(50, 30, 30, .9)); } :root .gk-sell .gk-tile__body :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: rgba(244, 241, 224, .88); } :root .gk-footer { background: var(--brown); color: var(--cream); padding-top: clamp(64px, 8vw, 104px); } :root .gk-footer__top { display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: 40px; padding-bottom: 56px; border-bottom: 1px solid rgba(244, 241, 224, .16); } :root .gk-footer__brand { display: grid; gap: 20px; align-content: start; } :root .gk-footer__brand img { width: 220px; } :root .gk-footer__brand :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: rgba(244, 241, 224, .72); max-width: 34ch; font-size: 15.2px; } :root .gk-footer :is(h4:not(:where([class*="gk-t-"])), .gk-t-h4) { font-family: var(--serif); font-weight: 400; font-size: 20.8px; margin-bottom: 16px; } :root .gk-footer__links { display: grid; gap: 10px; } :root .gk-footer__links :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { color: rgba(244, 241, 224, .75); font-size: 15.2px; transition: color .2s; } :root .gk-footer__links :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { color: var(--cream); } :root .gk-social { display: flex; gap: 8px; } :root .gk-social :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { width: 44px; height: 44px; border-radius: var(--pill); border: 1px solid rgba(244, 241, 224, .3); display: grid; place-items: center; font-size: 19.2px; transition: all .25s var(--ease); } :root .gk-social :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { background: var(--cream); color: var(--brown); } :root .gk-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px; padding-block: 26px 34px; font-size: 13.6px; color: rgba(244, 241, 224, .65); } :root .gk-footer__bottom :is(nav:not(:where([class*="gk-t-"])), .gk-t-nav) { display: flex; gap: 20px; } :root .gk-footer__bottom :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { color: var(--cream); } :root .gk-payments { display: flex; flex-wrap: wrap; gap: 6px; } :root .gk-payments :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { height: 30px; padding: 0 10px; border-radius: 6px; background: rgba(244, 241, 224, .1); display: grid; place-items: center; } :root .gk-payments img { height: 16px; width: auto; } :root .gk-footer__mark { padding-bottom: 8px; overflow: hidden; } :root .gk-footer__mark img { width: 100%; height: auto; opacity: .08; } :root .gk-scrim { position: fixed; inset: 0; z-index: var(--z-overlay); background: rgba(50, 30, 30, .45); opacity: 0; visibility: hidden; transition: opacity .4s var(--ease), visibility 0s linear .4s; } :root .gk-scrim:is(.is-on, .gk-st-is-on) { opacity: 1; visibility: visible; transition-delay: 0s; } :root .gk-search { position: fixed; left: 0; right: 0; top: 0; z-index: var(--z-drawer); background: var(--cream); border-radius: 0 0 var(--r) var(--r); box-shadow: var(--shadow); transform: translateY(-104%); transition: transform .55s var(--ease); max-height: 86dvh; overflow: auto; } :root .gk-search:is(.is-open, .gk-st-is-open) { transform: none; } :root .gk-search__inner { padding-block: 24px 36px; } :root .gk-search__bar { display: flex; align-items: center; gap: 16px; border-bottom: 1.5px solid var(--brown); padding-bottom: 12px; } :root .gk-search__bar :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 25.6px; color: var(--blue); } :root .gk-search__input { flex: 1; border: 0; background: transparent; font-family: var(--serif); font-size: clamp(25.6px, 3vw, 38.4px); color: var(--brown); min-width: 0; } :root .gk-search__input::placeholder { color: #8a7a74; } :root .gk-search__input:focus { outline: none; } :root .gk-search__input::-webkit-search-cancel-button { -webkit-appearance: none; display: none; } :root .gk-search :is(mark:not(:where([class*="gk-t-"])), .gk-t-mark) { background: rgba(10, 73, 136, .14); color: inherit; border-radius: 3px; padding: 0 2px; } :root .gk-search__suggest { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; font-size: 14.4px; color: var(--muted); } :root .gk-search__suggest :is(button:not(:where([class*="gk-t-"])), .gk-t-button) { padding: 8px 14px; border-radius: var(--pill); border: 1px solid var(--line-strong); color: var(--brown); font-weight: 500; } :root .gk-search__suggest :is(button:not(:where([class*="gk-t-"])), .gk-t-button):hover { background: var(--brown); color: var(--cream); } :root .gk-search__results { margin-top: 24px; display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); gap: 36px; } :root .gk-search__group :is(h4:not(:where([class*="gk-t-"])), .gk-t-h4) { font-size: 12.48px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 12px; font-weight: 600; } :root .gk-sr-list { display: grid; gap: 6px; } :root .gk-sr-item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 8px; border-radius: var(--r-sm); transition: background-color .2s; } :root .gk-sr-item:hover, :root .gk-sr-item:is(.is-active, .gk-st-is-active) { background: var(--cream-2); } :root .gk-sr-item img { width: 56px; height: 70px; object-fit: cover; border-radius: 10px; } :root .gk-sr-item :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-family: var(--serif); font-weight: 400; font-size: 17.6px; display: block; line-height: 1.2; } :root .gk-sr-item :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { color: var(--muted); } :root .gk-sr-price { font-weight: 700; } :root .gk-sr-links { display: flex; flex-wrap: wrap; gap: 8px; } :root .gk-sr-links :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { padding: 8px 14px; border-radius: var(--pill); background: var(--paper); border: 1px solid var(--line); font-size: 14.4px; } :root .gk-sr-links :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { background: var(--blue); color: var(--cream); border-color: var(--blue); } :root .gk-sr-empty { padding: 28px; border-radius: var(--r); border: 1.5px dashed var(--line-strong); color: var(--muted); } :root .gk-sr-empty :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { color: var(--brown); } :root .gk-skel { display: grid; grid-template-columns: 56px 1fr; gap: 14px; padding: 8px; } :root .gk-skel :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { border-radius: 10px; background: linear-gradient(90deg, var(--cream-2) 25%, #f3eed8 50%, var(--cream-2) 75%) 0 0 / 200% 100%; animation: gk-shimmer 1.2s linear infinite; } :root .gk-skel :is(span:not(:where([class*="gk-t-"])), .gk-t-span):first-child { height: 70px; } :root .gk-skel :is(div:not(:where([class*="gk-t-"])), .gk-t-div) { display: grid; gap: 8px; align-content: center; } :root .gk-skel :is(div:not(:where([class*="gk-t-"])), .gk-t-div) :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { height: 14px; } :root .gk-skel :is(div:not(:where([class*="gk-t-"])), .gk-t-div) :is(span:not(:where([class*="gk-t-"])), .gk-t-span):last-child { width: 50%; } @keyframes gk-shimmer { to { background-position: -200% 0; } } :root .gk-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: var(--z-drawer); width: min(460px, 100%); background: var(--cream); display: flex; flex-direction: column; transform: translateX(104%); transition: transform .55s var(--ease); box-shadow: var(--shadow); } :root .gk-drawer:is(.is-open, .gk-st-is-open) { transform: none; } :root .gk-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid var(--line); } :root .gk-drawer__head :is(h2:not(:where([class*="gk-t-"])), .gk-t-h2) { font-family: var(--serif); font-weight: 400; font-size: 25.6px; } :root .gk-drawer__body { flex: 1; overflow-y: auto; overscroll-behavior: contain; } :root .gk-drawer__note { display: flex; gap: 10px; align-items: flex-start; padding: 14px 24px; font-size: 14.08px; border-bottom: 1px solid var(--line); } :root .gk-drawer__note :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 18.4px; flex: none; margin-top: 1px; color: var(--blue); } :root .gk-drawer__note--ship { background: var(--paper); } :root .gk-cart-items { padding: 8px 24px; } :root .gk-cart-item { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); } :root .gk-cart-item img { width: 80px; height: 100px; object-fit: cover; border-radius: 12px; } :root .gk-cart-item :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-family: var(--serif); font-weight: 400; font-size: 17.92px; line-height: 1.2; display: block; } :root .gk-cart-item :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { color: var(--muted); display: block; } :root .gk-cart-item__side { display: grid; justify-items: end; align-content: space-between; } :root .gk-cart-item__remove { font-size: 13.12px; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; } :root .gk-cart-item__remove:hover { color: var(--brown); } :root .gk-cart-empty { display: none; padding: 48px 24px; text-align: center; } :root .gk-cart-empty :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 41.6px; color: var(--blue); } :root .gk-cart-empty :is(h3:not(:where([class*="gk-t-"])), .gk-t-h3) { font-family: var(--serif); font-weight: 400; font-size: 25.6px; margin: 10px 0 6px; } :root .gk-cart-empty :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); margin-bottom: 20px; } :root .gk-drawer:is(.is-empty, .gk-st-is-empty) .gk-cart-empty { display: block; } :root .gk-drawer:is(.is-empty, .gk-st-is-empty) .gk-cart-items, :root .gk-drawer:is(.is-empty, .gk-st-is-empty) .gk-upsell, :root .gk-drawer:is(.is-empty, .gk-st-is-empty) .gk-drawer__foot, :root .gk-drawer:is(.is-empty, .gk-st-is-empty) .gk-drawer__note--reserve { display: none; } :root .gk-upsell { padding: 20px 24px; background: var(--cream-2); } :root .gk-upsell :is(h3:not(:where([class*="gk-t-"])), .gk-t-h3) { font-size: 12.8px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; margin-bottom: 12px; } :root .gk-upsell__item { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; align-items: center; background: var(--paper); border-radius: var(--r-sm); padding: 10px; } :root .gk-upsell__item img { width: 64px; height: 64px; object-fit: cover; border-radius: 10px; } :root .gk-upsell__item :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-family: var(--serif); font-weight: 400; display: block; } :root .gk-upsell__item :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { color: var(--muted); } :root .gk-promo { padding: 18px 24px 4px; } :root .gk-promo .gk-inline-form .gk-input { min-height: 46px; } :root .gk-promo .gk-btn { min-height: 46px; } :root .gk-drawer__foot { padding: 18px 24px 22px; border-top: 1px solid var(--line); display: grid; gap: 12px; background: var(--cream); } :root .gk-subtotal { display: flex; justify-content: space-between; font-weight: 700; font-size: 16.8px; } :root .gk-subtotal :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { display: block; font-weight: 400; color: var(--muted); font-size: 13.12px; } :root .gk-express { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } :root .gk-express :is(button:not(:where([class*="gk-t-"])), .gk-t-button) { min-height: 48px; border-radius: var(--pill); background: #1d1414; color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-weight: 600; font-size: 16.32px; transition: transform .2s, background-color .2s; } :root .gk-express :is(button:not(:where([class*="gk-t-"])), .gk-t-button):hover { background: #000; } :root .gk-express :is(button:not(:where([class*="gk-t-"])), .gk-t-button):active { transform: scale(.98); } :root .gk-express :is(button:not(:where([class*="gk-t-"])), .gk-t-button) :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 20.8px; } :root .gk-or { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12.8px; } :root .gk-or::before, :root .gk-or::after { content: ""; flex: 1; height: 1px; background: var(--line); } :root .gk-drawer__foot .gk-payments :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { background: var(--paper); border: 1px solid var(--line); } :root .gk-drawer__foot .gk-payments { justify-content: center; } :root .gk-qty { display: inline-flex; align-items: center; border: 1px solid var(--line-strong); border-radius: var(--pill); height: 34px; margin-top: 10px; } :root .gk-qty :is(button:not(:where([class*="gk-t-"])), .gk-t-button) { width: 32px; height: 32px; display: grid; place-items: center; font-size: 14.4px; } :root .gk-qty :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { min-width: 22px; text-align: center; font-weight: 600; font-size: 14.4px; } :root .gk-mnav { position: fixed; top: 0; left: 0; bottom: 0; z-index: var(--z-drawer); width: min(420px, 100%); background: var(--cream); transform: translateX(-104%); transition: transform .55s var(--ease); display: flex; flex-direction: column; overflow-y: auto; } :root .gk-mnav:is(.is-open, .gk-st-is-open) { transform: none; } :root .gk-mnav__head { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--line); } :root .gk-mnav__list { padding: 8px 20px 24px; } :root .gk-mnav details { border-bottom: 1px solid var(--line); } :root .gk-mnav summary, :root .gk-mnav__plain { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 18px 0; font-family: var(--serif); font-size: 24px; cursor: pointer; } :root .gk-mnav summary::-webkit-details-marker { display: none; } :root .gk-mnav__plain { border-bottom: 1px solid var(--line); } :root .gk-mnav details[open] summary :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { transform: rotate(45deg); } :root .gk-mnav summary :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { transition: transform .3s var(--ease); font-size: 17.6px; } :root .gk-mnav__sub { display: grid; gap: 12px; padding: 0 0 20px; } :root .gk-mnav__sub :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { color: var(--muted); } :root .gk-mnav details[open] > .gk-mnav__sub { animation: gk-mnavIn .45s var(--ease) both; } @keyframes gk-mnavIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } } :root .gk-mnav__sub--mega { gap: 18px; padding-bottom: 24px; } :root .gk-mnav__group { display: grid; gap: 8px; } :root .gk-mnav__label { font-size: 11.52px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--blue); } :root .gk-mnav__chips { display: flex; flex-wrap: wrap; gap: 6px; } :root .gk-mnav .gk-mnav__chips :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { padding: 8px 14px; border-radius: var(--pill); border: 1px solid var(--line-strong); color: var(--brown); font-size: 14.4px; line-height: 1.2; } :root .gk-mnav .gk-mnav__chips :is(a:not(:where([class*="gk-t-"])), .gk-t-a):active { background: var(--brown); color: var(--cream); } :root .gk-mnav-card { display: grid; grid-template-columns: 88px 1fr; gap: 14px; align-items: center; padding: 8px; border-radius: var(--r); background: #f3f1e0; border: 1px solid var(--line); } :root .gk-mnav-card img { width: 88px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: calc(var(--r) - 8px); } :root .gk-mnav .gk-mnav-card :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { display: grid; gap: 4px; color: var(--brown); } :root .gk-mnav-card :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-family: var(--serif); font-weight: 400; font-size: 20px; } :root .gk-mnav-card :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { color: var(--blue); font-weight: 600; font-size: 14.08px; display: inline-flex; gap: 6px; align-items: center; } :root .gk-mnav__legends { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } :root .gk-mnav .gk-mnav__legends :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { display: grid; gap: 6px; text-align: center; color: var(--brown); font-weight: 600; font-size: 14.08px; } :root .gk-mnav__legends img { aspect-ratio: 3 / 4; object-fit: cover; border-radius: 999px 999px var(--r-sm) var(--r-sm); width: 100%; } :root .gk-mnav__eras { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } :root .gk-mnav .gk-mnav__eras :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { position: relative; aspect-ratio: 1; border-radius: var(--r-sm); overflow: hidden; display: flex; align-items: flex-end; color: var(--cream); } :root .gk-mnav__eras img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } :root .gk-mnav__eras :is(a:not(:where([class*="gk-t-"])), .gk-t-a)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(50, 30, 30, .8)); } :root .gk-mnav__eras :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { position: relative; z-index: 1; padding: 12px; font-family: var(--serif); font-size: 20.8px; } @media (prefers-reduced-motion: reduce) { :root .gk-mnav details[open] > .gk-mnav__sub { animation: none; } } :root .gk-mnav__foot { margin-top: auto; padding: 20px; display: grid; gap: 12px; } @media (prefers-reduced-motion: no-preference) { :root .gk-gk-data-reveal { opacity: 0; transform: translateY(26px); transition: opacity .9s var(--ease), transform .9s var(--ease); transition-delay: calc(var(--i, 0) * 80ms); } :root .gk-gk-data-reveal:is(.is-in, .gk-st-is-in) { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } :root .gk-announce__track { animation: none; } :root .gk-ticket__main { animation: none; } :root .gk-slide__media img { transform: none !important; } :root .gk-slide .gk-slide__copy > * { opacity: 1; transform: none; } } @media (max-width: 1240px) { :root .gk-nav { display: none; } :root .gk-menu-toggle { display: inline-grid; } :root .gk-header__inner { grid-template-columns: 1fr auto 1fr; } :root .gk-logo { justify-self: center; grid-column: 2; } :root .gk-menu-toggle { grid-column: 1; grid-row: 1; justify-self: start; } :root .gk-header__tools { grid-column: 3; justify-self: end; } :root .gk-rail__track { grid-auto-columns: calc((100% - 2 * 20px) / 3); } :root .gk-legends__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } :root .gk-footer__top { grid-template-columns: 1fr 1fr 1fr; } :root .gk-footer__brand { grid-column: 1 / -1; } } @media (max-width: 1023px) { :root .gk-ugc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } :root .gk-greviews__track { grid-auto-columns: calc((100% - 16px) / 2.2); } :root .gk-trust__list { grid-template-columns: 1fr 1fr; } :root .gk-trust__item:nth-child(3) { border-left: 0; } :root .gk-trust__item:nth-child(n/**/+3) { border-top: 1px solid var(--line); } :root .gk-capsule__grid { grid-template-columns: 1fr; } :root .gk-capsule__stage { display: none; } :root .gk-capsule__step { min-height: 0; opacity: 1; } :root .gk-capsule__step-img { display: block; border-radius: var(--r); aspect-ratio: 4 / 5; object-fit: cover; width: 100%; max-height: 540px; margin-bottom: 8px; } :root .gk-capsule__steps { margin-top: 32px; } :root .gk-bento { grid-template-columns: 1fr 1fr; } :root .gk-tile--her { grid-column: 1 / -1; grid-row: auto; min-height: 560px; } :root .gk-tile--letter, :root .gk-tile--deal { grid-column: span 1; } :root .gk-faq__grid { grid-template-columns: 1fr; } :root .gk-faq__aside { position: static; } :root .gk-faq__figure { display: none; } :root .gk-join { grid-template-columns: 1fr; } :root .gk-ticket { grid-template-columns: 1fr; } :root .gk-ticket__main { border-radius: var(--r) var(--r) 0 0; -webkit-mask: radial-gradient(circle var(--notch) at 0 100%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, transparent 98%, #000) right / 51% 100% no-repeat; mask: radial-gradient(circle var(--notch) at 0 100%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, transparent 98%, #000) right / 51% 100% no-repeat; } :root .gk-ticket__main::before { border-radius: calc(var(--r) - 8px) calc(var(--r) - 8px) 0 0; border-right: 1.5px solid rgba(50, 30, 30, .35); border-bottom: 0; } :root .gk-ticket__stub { border-radius: 0 0 var(--r) var(--r); -webkit-mask: radial-gradient(circle var(--notch) at 0 0, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 0, transparent 98%, #000) right / 51% 100% no-repeat; mask: radial-gradient(circle var(--notch) at 0 0, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 0, transparent 98%, #000) right / 51% 100% no-repeat; } :root .gk-ticket__stub::before { left: var(--notch); right: var(--notch); top: -1px; bottom: auto; border-left: 0; border-top: 2px dashed rgba(50, 30, 30, .35); } :root .gk-search__results { grid-template-columns: 1fr; } } @media (max-width: 767px) { :root { --header-h: 64px; } :root .gk-hero { height: clamp(520px, calc(100svh - var(--header-h) - var(--bar-h) - 40px), 760px); } :root .gk-slide::after, :root .gk-slide.gk-gk-data-align-right::after { background: linear-gradient(180deg, rgba(50, 30, 30, .15) 0%, transparent 25%, rgba(50, 30, 30, .3) 50%, rgba(50, 30, 30, .9) 100%); } :root .gk-slide.gk-gk-data-align-right .gk-slide__content { justify-content: flex-start; } :root .gk-slide__content { padding-bottom: 92px; } :root .gk-slide__title { font-size: clamp(43.2px, 12vw, 54.4px); } :root .gk-slide__ctas .gk-btn { flex: 1 1 auto; } :root .gk-league { height: 56px; min-width: 96px; padding: 0 16px; } :root .gk-league img { height: 28px; } :root .gk-league--serie-a img, :root .gk-league--bundesliga img, :root .gk-league--ligue-1 img { height: 38px; } :root .gk-leagues { margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); margin-bottom: 22px; } :root .gk-ugc-grid { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 46%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); } :root .gk-ugc-grid::-webkit-scrollbar { display: none; } :root .gk-ugc { scroll-snap-align: start; } :root .gk-greviews { padding: 18px; } :root .gk-greviews__bar { flex-direction: column; align-items: flex-start; } :root .gk-greviews__tools .gk-rail-nav { display: none; } :root .gk-greviews__track { grid-auto-columns: 84%; } :root .gk-era__panel::after { background: linear-gradient(180deg, rgba(50, 30, 30, 0) 25%, rgba(50, 30, 30, .55) 50%, rgba(50, 30, 30, .92)); } :root .gk-era__panel, :root .gk-era__panel:is(.is-active, .gk-st-is-active) { height: 400px; } :root .gk-capsule__step-img.gk-gk-img-tc-shelf { object-position: 50% 75%; } :root .gk-logo__name { display: none; } :root .gk-logo__badge { width: 42px; } :root .gk-header__tools .gk-icon-btn--account { display: none; } :root .gk-head { flex-direction: column; align-items: flex-start; } :root .gk-rail__track { grid-auto-columns: 74%; gap: 14px; } :root .gk-rail-nav { display: none; } :root .gk-pcard__title { font-size: 18.4px; } :root .gk-era__list { flex-direction: column; height: auto; } :root .gk-era__panel, :root .gk-era__panel:is(.is-active, .gk-st-is-active) { flex: none; height: 340px; } :root .gk-era__panel img { left: 0; width: 100%; transform: none; } :root .gk-era__panel:hover img { transform: none; } :root .gk-era__label { display: none; } :root .gk-era__content { opacity: 1; transform: none; pointer-events: auto; } :root .gk-era__btn { display: none; } :root .gk-bento { grid-template-columns: 1fr; } :root .gk-tile--her { min-height: 520px; } :root .gk-tile--letter { min-height: 360px; } :root .gk-tile--letter, :root .gk-tile--deal { grid-column: 1 / -1; } :root .gk-deal { grid-template-columns: 1fr; } :root .gk-deal__img { aspect-ratio: 16 / 10; } :root .gk-legends__grid { grid-template-columns: 1fr 1fr; gap: 14px; } :root .gk-legend__name { font-size: 18.4px; } :root .gk-more-legends { flex-direction: column; align-items: flex-start; } :root .gk-more-legends .gk-pills { width: 100%; } :root .gk-ticket-steps { grid-template-columns: 1fr; } :root .gk-inline-form { flex-direction: column; } :root .gk-inline-form .gk-btn { width: 100%; } :root .gk-promo .gk-inline-form { flex-direction: row; } :root .gk-promo .gk-inline-form .gk-btn { width: auto; } :root .gk-footer__top { grid-template-columns: 1fr 1fr; } :root .gk-footer__bottom { flex-direction: column; align-items: flex-start; } :root .gk-trust__item { padding: 16px 12px; gap: 10px; } :root .gk-trust__item :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 22.4px; } :root .gk-trust__item :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong) { font-size: 14.4px; } :root .gk-trust__item :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { font-size: 12.8px; } :root .gk-countdown :is(div:not(:where([class*="gk-t-"])), .gk-t-div) { min-width: 0; flex: 1; } } :root .gk-viral__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } :root .gk-reel { position: relative; aspect-ratio: 9 / 16; border-radius: var(--r); overflow: hidden; background: var(--brown); color: var(--cream); isolation: isolate; } :root .gk-reel__poster, :root .gk-reel__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease), opacity .4s var(--ease); } :root .gk-reel__video { opacity: 0; } :root .gk-reel:is(.is-playing, .gk-st-is-playing) .gk-reel__video { opacity: 1; } :root .gk-reel:hover .gk-reel__poster { transform: scale(1.03); } :root .gk-reel::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(30, 18, 18, .35) 0%, transparent 22%, transparent 58%, rgba(30, 18, 18, .85) 100%); } :root .gk-reel__play { position: absolute; left: 50%; top: 50%; z-index: 2; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: var(--pill); display: grid; place-items: center; font-size: 25.6px; color: var(--cream); background: rgba(244, 241, 224, .18); border: 1.5px solid rgba(244, 241, 224, .6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: transform .3s var(--ease), background-color .3s var(--ease), opacity .3s; } :root .gk-reel__play :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { margin-left: 3px; } :root .gk-reel:hover .gk-reel__play { transform: scale(1.08); background: var(--cream); color: var(--brown); } :root .gk-reel:is(.is-playing, .gk-st-is-playing) .gk-reel__play { opacity: 0; } :root .gk-reel__meta { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 20px; display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; align-items: end; } :root .gk-reel__views { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 6px; font-size: 12.8px; font-weight: 600; letter-spacing: .04em; opacity: .9; } :root .gk-reel__cap { font-family: var(--serif); font-size: 20.8px; line-height: 1.15; } :root .gk-reel__link { width: 40px; height: 40px; border-radius: var(--pill); display: grid; place-items: center; border: 1px solid rgba(244, 241, 224, .45); font-size: 18.4px; } :root .gk-reel__link:hover { background: var(--cream); color: var(--brown); } @media (max-width: 767px) { :root .gk-viral__grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 70%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); } :root .gk-viral__grid::-webkit-scrollbar { display: none; } :root .gk-reel { scroll-snap-align: start; } } :root .gk-popup { position: fixed; inset: 0; z-index: calc(var(--z-drawer) + 2); display: grid; place-items: center; padding: 20px; background: rgba(30, 18, 18, .5); opacity: 0; transition: opacity .45s var(--ease); } :root .gk-popup:is(.is-open, .gk-st-is-open) { opacity: 1; } :root .gk-popup__card { position: relative; width: min(820px, 100%); display: grid; grid-template-columns: 1fr 1.15fr; background: var(--cream); border-radius: calc(var(--r) + 4px); overflow: hidden; box-shadow: 0 30px 80px rgba(30, 18, 18, .35); transform: translateY(18px) scale(.98); transition: transform .55s var(--ease); } :root .gk-popup:is(.is-open, .gk-st-is-open) .gk-popup__card { transform: none; } :root .gk-popup__media { position: relative; background: #f3f1e0; } :root .gk-popup__media img { width: 100%; height: 100%; object-fit: cover; } :root .gk-popup__tag { position: absolute; left: 16px; top: 16px; padding: 6px 12px; border-radius: var(--pill); background: var(--brown); color: var(--cream); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; } :root .gk-popup__body { padding: clamp(28px, 4vw, 44px); display: grid; gap: 14px; align-content: center; } :root .gk-popup__body :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); } :root .gk-popup__form { display: grid; gap: 10px; margin-top: 4px; } :root .gk-popup__msg { font-size: 14.08px; min-height: 1.2em; } :root .gk-popup__msg:is(.is-error, .gk-st-is-error) { color: #a1301f; } :root .gk-popup__msg:is(.is-ok, .gk-st-is-ok) { color: var(--blue); font-weight: 600; } :root .gk-popup__skip { justify-self: start; font-size: 13.6px; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; } :root .gk-popup__close { position: absolute; right: 12px; top: 12px; z-index: 2; background: rgba(244, 241, 224, .9); } @media (max-width: 640px) { :root .gk-popup { align-items: end; padding: 0; } :root .gk-popup__card { grid-template-columns: 1fr; border-radius: calc(var(--r) + 4px) calc(var(--r) + 4px) 0 0; max-height: 92dvh; overflow-y: auto; } :root .gk-popup__media { height: 200px; } :root .gk-popup__media img { object-position: 50% 30%; } } @media (prefers-reduced-motion: reduce) { :root .gk-popup, :root .gk-popup__card { transition: none; } } @media (max-width: 767px) { :root .gk-slide::after, :root .gk-slide.gk-gk-data-align-right::after { background: linear-gradient(180deg, rgba(30, 18, 18, .1) 0%, transparent 38%, rgba(30, 18, 18, .55) 66%, rgba(30, 18, 18, .92) 100%); } :root .gk-slide__content { padding-bottom: 84px; } :root .gk-slide__copy { gap: 12px; } :root .gk-slide__title { font-size: clamp(32px, 9vw, 39.2px); line-height: 1.02; text-shadow: 0 2px 18px rgba(20, 10, 10, .6), 0 1px 2px rgba(20, 10, 10, .5); } :root .gk-slide__text { display: none; } :root .gk-slide__ctas { gap: 8px; margin-top: 2px; } :root .gk-slide__ctas { flex-wrap: nowrap; } :root .gk-slide__ctas .gk-btn { flex: 0 1 auto; min-height: 42px; padding: 0 14px; font-size: 13.44px; white-space: nowrap; gap: 6px; } :root .gk-slide--split .gk-slide__media { height: 82%; } :root .gk-slide--split .gk-slide__media img { -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, #000 70%, transparent 100%); } :root .gk-slide.gk-slide--split::after { background: linear-gradient(180deg, transparent 50%, rgba(8, 40, 80, .55) 78%, rgba(8, 40, 80, .2) 100%); } :root .gk-slide--her.gk-slide--split::after { background: linear-gradient(180deg, transparent 50%, rgba(30, 18, 18, .6) 78%, rgba(30, 18, 18, .25) 100%); } :root .gk-trust__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } :root .gk-trust__item, :root .gk-trust__item:nth-child(n) { flex-direction: column; justify-content: flex-start; text-align: center; gap: 6px; padding: 12px 4px; border-top: 0; } :root .gk-trust__item + .gk-trust__item { border-left: 1px solid var(--line); } :root .gk-trust__item :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 20px; } :root .gk-trust__item :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong) { font-size: 11.84px; line-height: 1.2; } :root .gk-trust__item :is(strong:not(:where([class*="gk-t-"])), .gk-t-strong) .gk-stars :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 9.92px !important; } :root .gk-trust__item :is(div:not(:where([class*="gk-t-"])), .gk-t-div) > :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { display: none; } :root .gk-gk-id-drops { padding-top: 28px; } :root .gk-gk-id-drops .gk-head { flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 14px; } :root .gk-gk-id-drops .gk-head__text :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { display: none; } :root .gk-gk-id-drops .gk-leagues { margin-bottom: 16px; } :root .gk-footer__brand { justify-items: center; text-align: center; } :root .gk-footer__brand :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { margin-inline: auto; } :root .gk-footer__brand .gk-social { justify-content: center; } } @media (max-width: 420px) { } :root .gk-crumbs :is(ol:not(:where([class*="gk-t-"])), .gk-t-ol) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; list-style: none; margin: 0; padding: 0; font-size: 13.76px; color: var(--muted); } :root .gk-crumbs :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 12px; opacity: .7; } :root .gk-crumbs :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { color: var(--blue); } :root .gk-crumbs :is(.is-current, .gk-st-is-current) { color: var(--brown); font-weight: 600; } :root .gk-on-dark .gk-crumbs :is(ol:not(:where([class*="gk-t-"])), .gk-t-ol), :root .gk-pbanner .gk-crumbs :is(ol:not(:where([class*="gk-t-"])), .gk-t-ol) { color: rgba(244, 241, 224, .78); } :root .gk-pbanner .gk-crumbs :is(.is-current, .gk-st-is-current) { color: var(--cream); } :root .gk-opt { font-weight: 400; color: var(--muted); } :root .gk-nav__link:is(.is-current, .gk-st-is-current) { color: var(--blue); } :root .gk-trustline { display: grid; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14.4px; } :root .gk-trustline :is(li:not(:where([class*="gk-t-"])), .gk-t-li) { display: flex; align-items: center; gap: 10px; } :root .gk-trustline :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { color: var(--blue); font-size: 18.4px; } :root .gk-drawer__viewbag { display: block; text-align: center; font-size: 14.4px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; margin-top: -2px; } :root .gk-mnav__plain--sm { font-family: var(--sans); font-size: 16px; color: var(--muted); padding: 14px 0; } :root .gk-check { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 7px 0; cursor: pointer; font-size: 15.2px; } :root .gk-check input { position: absolute; opacity: 0; width: 1px; height: 1px; } :root .gk-check__box { width: 22px; height: 22px; border-radius: 7px; border: 1.5px solid var(--line-strong); display: grid; place-items: center; background: var(--paper); transition: all .2s var(--ease); } :root .gk-check__box :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 12.8px; color: var(--cream); opacity: 0; transform: scale(.6); transition: all .2s var(--ease); } :root .gk-check input:checked + .gk-check__box { background: var(--brown); border-color: var(--brown); } :root .gk-check input:checked + .gk-check__box :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { opacity: 1; transform: none; } :root .gk-check input:focus-visible + .gk-check__box { outline: 2px solid var(--blue); outline-offset: 2px; } :root .gk-check:hover .gk-check__box { border-color: var(--brown); } :root .gk-check__n { font-size: 12.8px; color: var(--muted); font-variant-numeric: tabular-nums; } :root .gk-check:is(.is-disabled, .gk-st-is-disabled) { opacity: .4; cursor: not-allowed; } :root .gk-check--inline { grid-template-columns: auto 1fr; font-size: 14.72px; } :root .gk-switch { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; font-weight: 600; font-size: 15.2px; } :root .gk-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; } :root .gk-switch__track { width: 44px; height: 26px; border-radius: var(--pill); background: var(--cream-2); border: 1.5px solid var(--line-strong); position: relative; transition: background-color .25s var(--ease), border-color .25s; flex: none; } :root .gk-switch__track :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: var(--brown); transition: transform .3s var(--ease), background-color .25s; } :root .gk-switch input:checked + .gk-switch__track { background: var(--blue); border-color: var(--blue); } :root .gk-switch input:checked + .gk-switch__track :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { transform: translateX(18px); background: var(--cream); } :root .gk-switch input:focus-visible + .gk-switch__track { outline: 2px solid var(--blue); outline-offset: 2px; } :root .gk-selectwrap { position: relative; } :root .gk-selectwrap select { font-size: 16px; appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer; } :root .gk-selectwrap :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--muted); } :root .gk-input--area { border-radius: var(--r-sm); min-height: 140px; padding: 14px 20px; resize: vertical; font: inherit; line-height: 1.5; width: 100%; } :root .gk-pbanner { position: relative; color: var(--cream); background: var(--brown); overflow: hidden; min-height: clamp(280px, 34vw, 400px); display: flex; align-items: flex-end; } :root .gk-pbanner__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; } :root .gk-pbanner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(30, 18, 18, .86) 0%, rgba(30, 18, 18, .55) 45%, rgba(30, 18, 18, .15) 80%), linear-gradient(180deg, transparent 40%, rgba(30, 18, 18, .5)); } :root .gk-pbanner__inner { position: relative; z-index: 1; display: grid; gap: 14px; padding-block: clamp(32px, 5vw, 56px); } :root .gk-pbanner__title { font-size: clamp(44.8px, 6vw, 80px); text-shadow: 0 2px 24px rgba(20, 10, 10, .4); } :root .gk-pbanner__text { max-width: 46ch; color: rgba(244, 241, 224, .9); font-size: 16.8px; } :root .gk-shop { padding-block: clamp(28px, 4vw, 48px) clamp(64px, 8vw, 104px); } :root .gk-shop .gk-leagues { margin-bottom: clamp(20px, 3vw, 32px); } :root .gk-shop__layout { display: grid; grid-template-columns: 252px minmax(0, 1fr); gap: clamp(28px, 3vw, 48px); align-items: start; } :root .gk-filters { position: sticky; top: calc(var(--header-h) + 20px); max-height: calc(100dvh - var(--header-h) - 40px); overflow-y: auto; scrollbar-width: thin; padding-right: 6px; } :root .gk-filters__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--line-strong); } :root .gk-filters__head :is(h2:not(:where([class*="gk-t-"])), .gk-t-h2) { font-family: var(--serif); font-weight: 400; font-size: 24px; } :root .gk-filters__reset { font-size: 13.6px; font-weight: 600; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; } :root .gk-filters__reset:hover { color: var(--brown); } :root .gk-filters__close, :root .gk-filters__foot { display: none; } :root .gk-filters__group { border-bottom: 1px solid var(--line); padding-block: 16px; } :root .gk-filters__group summary { list-style: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 700; font-size: 13.12px; letter-spacing: .12em; text-transform: uppercase; } :root .gk-filters__group summary::-webkit-details-marker { display: none; } :root .gk-filters__group summary :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { transition: transform .3s var(--ease); } :root .gk-filters__group[open] summary :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { transform: rotate(180deg); } :root .gk-filters__opts { display: grid; padding-top: 10px; } :root .gk-filters__opts--chips { display: flex; flex-wrap: wrap; gap: 8px; } :root .gk-filters__help { display: inline-block; margin-top: 12px; font-size: 13.6px; color: var(--blue); font-weight: 600; border-bottom: 1px solid currentColor; } :root .gk-sizechip { min-width: 52px; height: 40px; padding: 0 14px; border-radius: var(--pill); border: 1.5px solid var(--line-strong); font-weight: 600; font-size: 14.4px; transition: all .2s var(--ease); } :root .gk-sizechip:hover:not(:disabled) { border-color: var(--brown); } :root .gk-sizechip:is(.is-pressed, .gk-st-is-pressed) { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root .gk-sizechip:disabled { opacity: .35; cursor: not-allowed; text-decoration: line-through; } :root .gk-shop__bar { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; margin-bottom: 24px; min-height: 48px; } :root .gk-shop__count { font-size: 15.2px; color: var(--muted); } :root .gk-shop__count :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { color: var(--brown); } :root .gk-shop__chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; } :root .gk-chip-x { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 8px 0 14px; border-radius: var(--pill); background: var(--paper); border: 1px solid var(--line-strong); font-size: 13.6px; font-weight: 600; } :root .gk-chip-x :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11.2px; } :root .gk-chip-x:hover :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { background: var(--brown); color: var(--cream); } :root .gk-shop__filterbtn { display: none; } :root .gk-shop__filtern { min-width: 20px; height: 20px; border-radius: var(--pill); background: var(--blue); color: var(--cream); font-size: 11.52px; display: inline-grid; place-items: center; padding: 0 6px; } :root .gk-sort { position: relative; display: inline-flex; align-items: center; margin-left: auto; } :root .gk-sort > :is(i:not(:where([class*="gk-t-"])), .gk-t-i).gk-ph-arrows-down-up { position: absolute; left: 16px; color: var(--muted); pointer-events: none; } :root .gk-sort > :is(i:not(:where([class*="gk-t-"])), .gk-t-i).gk-ph-caret-down { position: absolute; right: 16px; pointer-events: none; font-size: 13.6px; } :root .gk-sort select { appearance: none; -webkit-appearance: none; height: 44px; padding: 0 42px 0 42px; border-radius: var(--pill); border: 1.5px solid var(--line-strong); background: var(--paper); font: inherit; font-weight: 600; font-size: 14.72px; color: var(--brown); cursor: pointer; } :root .gk-sort select:hover { border-color: var(--brown); } :root .gk-sort select:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; } :root .gk-pgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 3vw, 40px) clamp(16px, 2vw, 24px); } :root .gk-pgrid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } :root .gk-pgrid .gk-pcard { height: 100%; } :root .gk-pgrid .gk-pcard__body { flex: 1; display: flex; flex-direction: column; } :root .gk-pgrid .gk-pcard__actions { margin-top: auto; padding-top: 10px; } :root .gk-pgrid .gk-pcard { transition: opacity .35s var(--ease), transform .45s var(--ease); } :root .gk-pgrid .gk-pcard:is(.is-entering, .gk-st-is-entering) { opacity: 0; transform: translateY(12px); } :root .gk-pgrid__feature { position: relative; grid-column: span 2; border-radius: var(--r); overflow: hidden; color: var(--cream); display: flex; align-items: flex-end; min-height: 100%; aspect-ratio: auto; order: var(--pos, 0); isolation: isolate; } :root .gk-pgrid__feature img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); z-index: -2; } :root .gk-pgrid__feature::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(30, 18, 18, .05) 30%, rgba(30, 18, 18, .82)); } :root .gk-pgrid__feature:hover img { transform: scale(1.03); } :root .gk-pgrid__feature-body { display: grid; gap: 12px; padding: clamp(22px, 3vw, 36px); max-width: 460px; } :root .gk-pgrid__feature-body > :is(span:not(:where([class*="gk-t-"])), .gk-t-span):not(.gk-h3):not(.gk-link-arrow) { color: rgba(244, 241, 224, .88); } :root .gk-pgrid__feature .gk-link-arrow { justify-self: start; } :root .gk-pgrid__feature--tall { grid-column: span 1; min-height: 420px; } :root .gk-pgrid:is(.is-filtered, .gk-st-is-filtered) .gk-pgrid__feature { display: none; } :root .gk-pgrid--rail .gk-pcard__actions { display: none; } :root .gk-shop__empty { display: grid; justify-items: center; gap: 14px; text-align: center; padding: 64px 24px; border: 1.5px dashed var(--line-strong); border-radius: var(--r); } :root .gk-shop__empty :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 35.2px; color: var(--blue); } :root .gk-shop__empty :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); max-width: 44ch; } :root .gk-shop__empty-ctas { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 6px; } :root .gk-shop__more { display: grid; justify-items: center; gap: 14px; margin-top: clamp(48px, 6vw, 72px); color: var(--muted); font-size: 14.72px; } :root .gk-shop__more :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { color: var(--brown); } :root .gk-seo-band__inner { display: grid; gap: 12px; padding-top: 40px; border-top: 1px solid var(--line); } :root .gk-seo-band__inner > * { max-width: 760px; } :root .gk-seo-band__inner :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); } :root .gk-cathero { padding-block: clamp(24px, 3vw, 40px) 0; } :root .gk-cathero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 4vw, 64px); align-items: center; } :root .gk-cathero__copy { display: grid; gap: 22px; padding-bottom: 8px; } :root .gk-cathero__title { font-size: clamp(48px, 5.4vw, 83.2px); } :root .gk-cathero__media { margin: 0; border-radius: calc(var(--r) + 6px); overflow: hidden; aspect-ratio: 16 / 10; background: var(--brown); } :root .gk-cathero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; } :root .gk-regchips { display: flex; flex-wrap: wrap; gap: 8px; } :root .gk-regchip { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 8px 0 18px; border-radius: var(--pill); border: 1.5px solid var(--line-strong); background: var(--paper); font-weight: 600; font-size: 14.72px; transition: all .2s var(--ease); } :root .gk-regchip :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { min-width: 28px; height: 28px; border-radius: var(--pill); background: var(--cream-2); display: grid; place-items: center; font-size: 12.48px; padding: 0 8px; } :root .gk-regchip:hover { border-color: var(--brown); } :root .gk-regchip:is(.is-pressed, .gk-st-is-pressed) { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root .gk-regchip:is(.is-pressed, .gk-st-is-pressed) :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { background: rgba(244, 241, 224, .18); } :root .gk-shop__bar--cat .gk-sort { margin-left: 0; } :root .gk-shop__bar--cat .gk-shop__count { margin-right: auto; } :root .gk-catqa__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; padding-top: clamp(48px, 6vw, 72px); border-top: 1px solid var(--line); } :root .gk-catqa__media { margin: 0; display: grid; gap: 12px; position: sticky; top: calc(var(--header-h) + 24px); } :root .gk-catqa__media img { border-radius: var(--r); aspect-ratio: 4 / 5; object-fit: cover; width: 100%; } :root .gk-catqa__media :is(figcaption:not(:where([class*="gk-t-"])), .gk-t-figcaption) { font-size: 14.08px; color: var(--muted); } :root .gk-catqa__list { margin-top: 28px; } :root .gk-morecats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } :root .gk-morecat { position: relative; aspect-ratio: 4 / 5; border-radius: var(--r); overflow: hidden; display: flex; align-items: flex-end; color: var(--cream); isolation: isolate; } :root .gk-morecat img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1s var(--ease); } :root .gk-morecat::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 45%, rgba(30, 18, 18, .8)); } :root .gk-morecat :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { padding: 18px 20px; font-family: var(--serif); font-size: 24px; line-height: 1.1; } :root .gk-morecat:hover img { transform: scale(1.05); } :root .gk-pdp__crumbs { padding-top: 22px; } :root .gk-pdp { padding-block: 22px clamp(56px, 7vw, 96px); } :root .gk-pdp__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 4vw, 72px); align-items: start; } :root .gk-gal { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 16px; position: sticky; top: calc(var(--header-h) + 20px); } :root .gk-gal__thumbs { display: grid; gap: 10px; align-content: start; } :root .gk-gal__thumb { border-radius: var(--r-sm); overflow: hidden; border: 1.5px solid transparent; background: #f3f1e0; transition: border-color .2s, opacity .2s; opacity: .7; } :root .gk-gal__thumb img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; } :root .gk-gal__thumb:hover { opacity: 1; } :root .gk-gal__thumb:is(.is-pressed, .gk-st-is-pressed) { border-color: var(--brown); opacity: 1; } :root .gk-gal__stage { position: relative; border-radius: var(--r); overflow: hidden; background: #f3f1e0; } :root .gk-gal__track { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; outline: none; } :root .gk-gal__track::-webkit-scrollbar { display: none; } :root .gk-gal__slide { margin: 0; scroll-snap-align: start; overflow: hidden; cursor: zoom-in; aspect-ratio: 4 / 5; } :root .gk-gal__slide img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s var(--ease); transform-origin: var(--zx, 50%) var(--zy, 50%); } :root .gk-gal__slide:is(.is-zoom, .gk-st-is-zoom) img { transform: scale(1.9); } :root .gk-pdp__onebadge { inset: 18px auto auto 18px; padding: 8px 14px; border-radius: var(--pill); font-size: 11.84px; } :root .gk-gal__nav { position: absolute; right: 16px; bottom: 16px; display: flex; gap: 8px; } :root .gk-gal__arrow { width: 46px; height: 46px; border-radius: var(--pill); background: rgba(244, 241, 224, .92); border: 1px solid var(--line); display: grid; place-items: center; font-size: 16.8px; transition: all .2s var(--ease); } :root .gk-gal__arrow:hover { background: var(--brown); color: var(--cream); } :root .gk-gal__dots { display: none; } :root .gk-buy { display: grid; gap: 18px; position: sticky; top: calc(var(--header-h) + 20px); } :root .gk-buy__kicker { display: flex; gap: 10px; font-size: 13.76px; font-weight: 600; color: var(--blue); } :root .gk-buy__kicker :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { color: var(--line-strong); } :root .gk-buy__kicker :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { text-decoration: underline; text-underline-offset: 3px; } :root .gk-buy__title { font-size: clamp(38.4px, 3.6vw, 54.4px); margin-top: -4px; } :root .gk-buy__player { font-family: var(--serif); font-style: italic; font-size: 23.2px; color: var(--muted); margin-top: -12px; } :root .gk-buy__price { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-bottom: 18px; border-bottom: 1px solid var(--line); } :root .gk-buy__price > :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { font-size: 29.6px; font-weight: 700; letter-spacing: -.01em; } :root .gk-buy__rating { display: inline-flex; align-items: center; gap: 8px; font-size: 14.08px; color: var(--muted); } :root .gk-buy__rating :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { color: var(--brown); } :root .gk-buy__rating:hover { color: var(--brown); } :root .gk-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; } :root .gk-spec { display: grid; gap: 2px; padding: 14px 16px; border-radius: var(--r-sm); background: var(--paper); border: 1px solid var(--line); } :root .gk-spec :is(dt:not(:where([class*="gk-t-"])), .gk-t-dt) { font-size: 11.84px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); } :root .gk-spec :is(dd:not(:where([class*="gk-t-"])), .gk-t-dd) { margin: 0; font-family: var(--serif); font-size: 27.2px; line-height: 1.1; } :root .gk-spec :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { font-size: 13.12px; color: var(--muted); } :root .gk-buy__auth { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: var(--r-sm); background: rgba(10, 73, 136, .07); font-size: 14.72px; } :root .gk-buy__auth :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 25.6px; color: var(--blue); flex: none; } :root .gk-buy__auth :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { display: block; color: var(--blue); } :root .gk-buy__ctas { display: grid; gap: 10px; } :root .gk-buy__ctas .gk-btn { min-height: 56px; font-size: 16.8px; } :root .gk-buy__ship, :root .gk-buy__note { display: flex; gap: 10px; align-items: flex-start; font-size: 14.72px; } :root .gk-buy__ship :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { color: var(--blue); font-size: 19.2px; flex: none; } :root .gk-buy__note { color: var(--muted); margin-top: -8px; } :root .gk-buy__note :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 17.6px; flex: none; margin-top: 2px; } :root .gk-buy__acc { margin-top: 6px; } :root .gk-buy__acc .gk-qa summary { font-size: 17.92px; padding-block: 16px; } :root .gk-buy__acc .gk-qa__icon { width: 32px; height: 32px; } :root .gk-buy__acc .gk-qa__a { padding: 0 8px 18px 4px; font-size: 15.2px; } :root .gk-why__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: center; } :root .gk-why__media { display: grid; grid-template-columns: 1.25fr 1fr; gap: 14px; align-items: end; } :root .gk-why__media img { border-radius: var(--r); aspect-ratio: 4 / 5; object-fit: cover; width: 100%; } :root .gk-why__media img:last-child { aspect-ratio: 3 / 4; margin-bottom: 48px; } :root .gk-why__list { display: grid; gap: 22px; margin-top: 32px; } :root .gk-why__list :is(li:not(:where([class*="gk-t-"])), .gk-t-li) { display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; } :root .gk-why__list :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { width: 48px; height: 48px; border-radius: var(--pill); background: var(--paper); border: 1px solid var(--line); display: grid; place-items: center; font-size: 20.8px; color: var(--blue); } :root .gk-why__list :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-size: 16.8px; } :root .gk-why__list :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); } :root .gk-capband { position: relative; min-height: clamp(420px, 46vw, 600px); display: flex; align-items: center; color: var(--cream); overflow: hidden; background: var(--brown); } :root .gk-capband > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; } :root .gk-capband::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(30, 18, 18, .82) 0%, rgba(30, 18, 18, .4) 50%, transparent 80%); } :root .gk-capband__inner { position: relative; z-index: 1; display: grid; gap: 18px; justify-items: start; } :root .gk-capband__inner :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { max-width: 40ch; color: rgba(244, 241, 224, .9); font-size: 17.28px; } :root .gk-greviews__track--4 { grid-auto-columns: calc((100% - 3 * 16px) / 4); } :root .gk-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--blue); color: var(--cream); display: grid; place-items: center; font-weight: 700; font-size: 12.48px; } :root .gk-stickybuy { position: fixed; left: 0; right: 0; bottom: 0; z-index: calc(var(--z-header) - 1); background: rgba(250, 248, 239, .96); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 1px solid var(--line); transform: translateY(105%); transition: transform .45s var(--ease); } :root .gk-stickybuy:is(.is-on, .gk-st-is-on) { transform: none; } :root .gk-stickybuy__inner { display: flex; align-items: center; gap: 14px; padding-block: 10px; } :root .gk-stickybuy img { width: 48px; height: 60px; object-fit: cover; border-radius: 8px; } :root .gk-stickybuy__text { display: grid; line-height: 1.25; margin-right: auto; } :root .gk-stickybuy__text :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-family: var(--serif); font-weight: 400; font-size: 18.4px; } :root .gk-stickybuy__text :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { font-size: 13.6px; color: var(--muted); } :root .gk-stickybuy__price { font-weight: 700; font-size: 18.4px; } :root .gk-cartpage__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 18px 0 clamp(24px, 3vw, 36px); } :root .gk-cartpage__n { font-family: var(--sans); font-size: 16px; color: var(--muted); vertical-align: middle; } :root .gk-cartpage__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(28px, 4vw, 56px); align-items: start; } :root .gk-cartnote { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: var(--r-sm); background: var(--paper); border: 1px solid var(--line); font-size: 14.88px; } :root .gk-cartnote :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { color: var(--blue); font-size: 20px; flex: none; margin-top: 1px; } :root .gk-cartlines { margin-top: 8px; } :root .gk-cartline { display: grid; grid-template-columns: 128px minmax(0, 1fr) auto; gap: clamp(16px, 2.4vw, 28px); padding-block: 24px; border-bottom: 1px solid var(--line); align-items: start; } :root .gk-cartline__img { border-radius: var(--r-sm); overflow: hidden; background: #f3f1e0; } :root .gk-cartline__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; } :root .gk-cartline__info { display: grid; gap: 4px; } :root .gk-cartline__info :is(h3:not(:where([class*="gk-t-"])), .gk-t-h3) { font-family: var(--serif); font-weight: 400; font-size: 23.2px; line-height: 1.15; } :root .gk-cartline__info :is(h3:not(:where([class*="gk-t-"])), .gk-t-h3) :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { color: var(--blue); } :root .gk-cartline__meta { color: var(--muted); font-size: 14.72px; } :root .gk-cartline__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } :root .gk-cartline__tags :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: var(--pill); background: var(--paper); border: 1px solid var(--line); font-size: 12.8px; font-weight: 600; } :root .gk-cartline__tags :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { color: var(--blue); } :root .gk-cartline__side { display: grid; justify-items: end; gap: 10px; } :root .gk-cartline__price { font-weight: 700; font-size: 18.4px; } :root .gk-cartline .gk-cart-item__remove { display: inline-flex; align-items: center; gap: 6px; } :root .gk-cartup { margin-top: 28px; padding: 20px; border-radius: var(--r); background: var(--cream-2); } :root .gk-cartup__title { font-size: 12.8px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; margin-bottom: 12px; } :root .gk-summary { position: sticky; top: calc(var(--header-h) + 20px); padding: clamp(22px, 2.6vw, 32px); border-radius: var(--r); background: var(--paper); border: 1px solid var(--line); display: grid; gap: 16px; } :root .gk-summary__title { font-family: var(--serif); font-weight: 400; font-size: 25.6px; } :root .gk-summary__rows { margin: 0; display: grid; gap: 10px; } :root .gk-summary__rows > :is(div:not(:where([class*="gk-t-"])), .gk-t-div) { display: flex; justify-content: space-between; gap: 12px; font-size: 15.2px; } :root .gk-summary__rows :is(dt:not(:where([class*="gk-t-"])), .gk-t-dt) { color: var(--muted); } :root .gk-summary__rows :is(dd:not(:where([class*="gk-t-"])), .gk-t-dd) { margin: 0; font-weight: 600; } :root .gk-summary__total { padding-top: 14px; border-top: 1px solid var(--line-strong); font-size: 18.4px !important; } :root .gk-summary__total :is(dt:not(:where([class*="gk-t-"])), .gk-t-dt) { color: var(--brown) !important; font-weight: 700; } :root .gk-summary__total :is(dd:not(:where([class*="gk-t-"])), .gk-t-dd) { font-weight: 700 !important; font-size: 20.8px; } :root .gk-summary__total :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { font-size: 12px; font-weight: 500; color: var(--muted); margin-right: 4px; } :root .gk-summary__promo { margin: 0; } :root .gk-summary__promo .gk-input, :root .gk-summary__promo .gk-btn, :root .gk-cosum__promo .gk-input, :root .gk-cosum__promo .gk-btn { min-height: 46px; } :root .gk-summary .gk-express :is(button:not(:where([class*="gk-t-"])), .gk-t-button), :root .gk-cosum .gk-express :is(button:not(:where([class*="gk-t-"])), .gk-t-button) { min-height: 46px; } :root .gk-cartempty { display: grid; justify-items: center; gap: 14px; text-align: center; padding: clamp(48px, 8vw, 96px) 24px; border: 1.5px dashed var(--line-strong); border-radius: var(--r); } :root .gk-cartempty :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 38.4px; color: var(--blue); } :root .gk-cartempty :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); } :root body:is(.is-checkout, .gk-st-is-checkout)::after { opacity: .04; } :root .gk-cohead { border-bottom: 1px solid var(--line); background: var(--cream); } :root .gk-cohead__inner { height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; } :root .gk-cohead__back { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14.72px; justify-self: start; } :root .gk-cohead__back:hover { color: var(--blue); } :root .gk-cohead__secure { justify-self: end; display: inline-flex; align-items: center; gap: 8px; font-size: 14.4px; font-weight: 600; color: var(--muted); } :root .gk-cohead__secure :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { color: var(--blue); } :root .gk-checkout__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0; min-height: calc(100dvh - 76px - 64px); } :root .gk-checkout__main { padding: clamp(28px, 4vw, 56px) clamp(0px, 4vw, 64px) clamp(48px, 6vw, 80px) 0; border-right: 1px solid var(--line); } :root .gk-coform { display: grid; gap: 30px; max-width: 620px; margin-left: auto; } :root .gk-coexpress__label { font-size: 13.6px; font-weight: 600; color: var(--muted); text-align: center; margin-bottom: 12px; } :root .gk-coexpress__btns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } :root .gk-coexpress__btns :is(button:not(:where([class*="gk-t-"])), .gk-t-button) { min-height: 50px; border-radius: var(--pill); background: #1d1414; color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-weight: 600; transition: transform .2s, background-color .2s; } :root .gk-coexpress__btns :is(button:not(:where([class*="gk-t-"])), .gk-t-button):hover { background: #000; } :root .gk-coexpress__btns :is(button:not(:where([class*="gk-t-"])), .gk-t-button):active { transform: scale(.98); } :root .gk-coexpress__btns :is(.is-paypal, .gk-st-is-paypal) { background: #ffc439; color: #1d1414; } :root .gk-coexpress__btns :is(.is-paypal, .gk-st-is-paypal):hover { background: #f2b52a; } :root .gk-coexpress__btns :is(.is-paypal, .gk-st-is-paypal) img { display: none; } :root .gk-coexpress .gk-or { margin-top: 22px; } :root .gk-coblock { border: 0; margin: 0; padding: 0; display: grid; gap: 4px; min-width: 0; } :root .gk-coblock__title { font-family: var(--serif); font-size: 25.6px; margin-bottom: 14px; padding: 0; } :root .gk-coblock__help { margin: -6px 0 10px; display: flex; align-items: center; gap: 6px; } :root .gk-coblock .gk-field { margin-bottom: 10px; } :root .gk-cogrid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; } :root .gk-cogrid--3 { grid-template-columns: 1.2fr 1fr .8fr; } :root .gk-radiocards { display: grid; border: 1.5px solid var(--line-strong); border-radius: var(--r-sm); overflow: hidden; } :root .gk-radiocard { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 16px 18px; cursor: pointer; background: var(--paper); transition: background-color .2s; } :root .gk-radiocard + .gk-radiocard { border-top: 1px solid var(--line-strong); } :root .gk-radiocard input { position: absolute; opacity: 0; width: 1px; height: 1px; } :root .gk-radiocard__dot { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--line-strong); display: grid; place-items: center; } :root .gk-radiocard__dot::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--blue); transform: scale(0); transition: transform .25s var(--ease); } :root .gk-radiocard input:checked ~ .gk-radiocard__dot { border-color: var(--blue); } :root .gk-radiocard input:checked ~ .gk-radiocard__dot::after { transform: scale(1); } :root .gk-radiocard:has(input:checked) { background: rgba(10, 73, 136, .06); } :root .gk-radiocard input:focus-visible ~ .gk-radiocard__dot { outline: 2px solid var(--blue); outline-offset: 2px; } :root .gk-radiocard__text :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { display: block; font-weight: 600; } :root .gk-radiocard__text :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { color: var(--muted); } :root .gk-radiocard__price { font-weight: 700; } :root .gk-paybox { border: 1.5px solid var(--line-strong); border-radius: var(--r-sm); overflow: hidden; margin-bottom: 12px; } :root .gk-paybox__head { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; background: rgba(10, 73, 136, .06); border-bottom: 1px solid var(--line-strong); font-weight: 600; } :root .gk-paybox__head :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { display: inline-flex; align-items: center; gap: 8px; } :root .gk-paybox__marks img { height: 14px; width: auto; opacity: .8; } :root .gk-paybox__body { padding: 18px 18px 8px; background: var(--paper); } :root .gk-coform__pay { min-height: 60px; font-size: 17.6px; } :root .gk-coform__legal { font-size: 13.12px; color: var(--muted); text-align: center; margin-top: -14px; } :root .gk-coform__legal :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { text-decoration: underline; text-underline-offset: 2px; } :root .gk-cosum { background: var(--cream-2); box-shadow: 0 0 0 100vmax var(--cream-2); clip-path: inset(0 -100vmax 0 0); padding: clamp(28px, 4vw, 56px) 0 48px clamp(24px, 4vw, 64px); display: grid; gap: 22px; align-content: start; } :root .gk-cosum > * { max-width: 460px; } :root .gk-cosum__lines { display: grid; gap: 14px; } :root .gk-coline { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; align-items: center; } :root .gk-coline__img { position: relative; } :root .gk-coline__img img { width: 64px; height: 80px; object-fit: cover; border-radius: 10px; background: #f3f1e0; border: 1px solid var(--line); } :root .gk-coline__img :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { position: absolute; top: -8px; right: -8px; min-width: 22px; height: 22px; border-radius: var(--pill); background: var(--brown); color: var(--cream); font-size: 11.52px; font-weight: 700; display: grid; place-items: center; } :root .gk-coline :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-family: var(--serif); font-weight: 400; font-size: 17.28px; display: block; line-height: 1.2; } :root .gk-coline :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { color: var(--muted); } :root .gk-coline__price { font-weight: 600; } :root .gk-cosum-toggle { display: none; } :root .gk-cosum__promo { margin: 0; } :root .gk-codone { display: grid; justify-items: start; gap: 16px; max-width: 620px; margin-left: auto; padding-block: 24px; } :root .gk-codone > :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 48px; color: var(--blue); } :root .gk-codone :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); max-width: 48ch; } :root .gk-cofoot { border-top: 1px solid var(--line); } :root .gk-cofoot .gk-container { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-block: 22px; font-size: 13.6px; color: var(--muted); } :root .gk-cofoot :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { color: var(--brown); } :root .gk-coform .gk-btn:is(.is-loading, .gk-st-is-loading) { pointer-events: none; opacity: .8; } :root .gk-ahero { padding-block: clamp(24px, 3vw, 40px) clamp(56px, 7vw, 96px); } :root .gk-ahero__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 80px); align-items: center; } :root .gk-ahero__copy { display: grid; gap: 24px; } :root .gk-ahero__title { font-size: clamp(51.2px, 7.6vw, 112px); } :root .gk-ahero__title :is(em:not(:where([class*="gk-t-"])), .gk-t-em) { display: inline-block; padding-bottom: .06em; } :root .gk-ahero__ctas { display: flex; gap: 12px; flex-wrap: wrap; } :root .gk-ahero__media { margin: 0; border-radius: 999px 999px var(--r) var(--r); overflow: hidden; aspect-ratio: 4 / 5; max-height: 78vh; justify-self: end; width: 100%; } :root .gk-ahero__media img { width: 100%; height: 100%; object-fit: cover; } :root .gk-story { padding-top: 0; } :root .gk-story__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 6vw, 96px); padding-top: clamp(48px, 6vw, 80px); border-top: 1px solid var(--line); } :root .gk-story__body { display: grid; gap: 20px; max-width: 62ch; } :root .gk-story__lead { font-family: var(--serif); font-size: clamp(24px, 2.4vw, 33.6px); line-height: 1.3; } :root .gk-story__body :is(p:not(:where([class*="gk-t-"])), .gk-t-p):not(.gk-story__lead) { color: var(--muted); font-size: 17.28px; } :root .gk-process { background: var(--blue); color: var(--cream); } :root .gk-process__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: center; } :root .gk-process__media { position: relative; aspect-ratio: 1; } :root .gk-process__img { position: absolute; border-radius: var(--r); object-fit: cover; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .5); } :root .gk-process__img--a { inset: 0 18% 18% 0; width: 82%; height: 82%; } :root .gk-process__img--b { right: 0; bottom: 0; width: 46%; aspect-ratio: 4 / 5; height: auto; border: 6px solid var(--blue); } :root .gk-process__list { list-style: none; padding: 0; margin: 32px 0 0; display: grid; gap: 4px; } :root .gk-process__list :is(li:not(:where([class*="gk-t-"])), .gk-t-li) { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding-block: 18px; border-top: 1px solid rgba(244, 241, 224, .2); } :root .gk-process__list :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { width: 52px; height: 52px; border-radius: var(--pill); border: 1.5px solid rgba(244, 241, 224, .4); display: grid; place-items: center; font-size: 21.6px; } :root .gk-process__list :is(h3:not(:where([class*="gk-t-"])), .gk-t-h3) { font-family: var(--serif); font-weight: 400; font-size: 25.6px; line-height: 1.1; } :root .gk-process__list :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: rgba(244, 241, 224, .82); margin-top: 4px; } :root .gk-facts { background: var(--brown); color: var(--cream); } :root .gk-facts__row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); } :root .gk-fact { display: grid; gap: 4px; padding: clamp(28px, 4vw, 48px) 20px; text-align: center; } :root .gk-fact + .gk-fact { border-left: 1px solid rgba(244, 241, 224, .16); } :root .gk-fact :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-family: var(--serif); font-weight: 400; font-size: clamp(35.2px, 4vw, 54.4px); line-height: 1; } :root .gk-fact :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { color: rgba(244, 241, 224, .75); font-size: 14.72px; } :root .gk-popups__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 80px); align-items: center; } :root .gk-popups__copy { display: grid; gap: 20px; justify-items: start; } :root .gk-popups__mosaic { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 14px; align-items: end; } :root .gk-popups__mosaic img { border-radius: var(--r); aspect-ratio: 4 / 5; object-fit: cover; width: 100%; } :root .gk-popups__mosaic img:nth-child(2) { margin-bottom: 40px; } :root .gk-popups__mosaic img:nth-child(3) { margin-bottom: 12px; } :root .gk-quotes { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 20px; margin-top: clamp(48px, 6vw, 80px); } :root .gk-quote { margin: 0; padding: 28px; border-radius: var(--r); background: var(--paper); border: 1px solid var(--line); display: grid; gap: 18px; align-content: space-between; } :root .gk-quote:first-child { background: var(--cream-2); } :root .gk-quote :is(blockquote:not(:where([class*="gk-t-"])), .gk-t-blockquote) { margin: 0; font-family: var(--serif); font-size: 20.8px; line-height: 1.35; } :root .gk-quote:first-child :is(blockquote:not(:where([class*="gk-t-"])), .gk-t-blockquote) { font-size: 25.6px; } :root .gk-quote :is(figcaption:not(:where([class*="gk-t-"])), .gk-t-figcaption) { display: flex; align-items: center; gap: 10px; font-size: 14.08px; color: var(--muted); flex-wrap: wrap; } :root .gk-duo__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } :root .gk-duo__tile { min-height: 440px; color: var(--cream); display: flex; align-items: flex-end; } :root .gk-duo__tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(30, 18, 18, .05) 15%, rgba(30, 18, 18, .55) 55%, rgba(30, 18, 18, .92)); } :root .gk-duo__tile .gk-tile__body .gk-btn { justify-self: start; } :root .gk-contact__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: start; margin-top: 22px; } :root .gk-contact__aside { display: grid; gap: 24px; position: sticky; top: calc(var(--header-h) + 24px); } :root .gk-contact__ways { display: grid; gap: 10px; margin-top: 8px; } :root .gk-contact__ways :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: center; padding: 12px 16px 12px 12px; border-radius: var(--r-sm); border: 1px solid var(--line); background: var(--paper); transition: border-color .2s, transform .2s var(--ease); } :root .gk-contact__ways :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { border-color: var(--brown); transform: translateX(3px); } :root .gk-contact__ways :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { width: 48px; height: 48px; border-radius: var(--pill); background: var(--blue); color: var(--cream); display: grid; place-items: center; font-size: 20px; } :root .gk-contact__ways :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { display: block; color: var(--muted); font-size: 12.8px; } :root .gk-contact__ways :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-size: 16.8px; } :root .gk-contact__quick { display: grid; border-top: 1px solid var(--line-strong); } :root .gk-contact__quick-title { font-size: 12.8px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: 18px 0 6px; } :root .gk-contact__quick :is(a:not(:where([class*="gk-t-"])), .gk-t-a) { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); font-weight: 600; } :root .gk-contact__quick :is(a:not(:where([class*="gk-t-"])), .gk-t-a) :is(i:not(:where([class*="gk-t-"])), .gk-t-i):first-child { color: var(--blue); font-size: 19.2px; } :root .gk-contact__quick :is(a:not(:where([class*="gk-t-"])), .gk-t-a):hover { color: var(--blue); } :root .gk-cform { padding: clamp(24px, 3.4vw, 44px); border-radius: var(--r); background: var(--paper); border: 1px solid var(--line); box-shadow: var(--shadow-sm); } :root .gk-cform__form { display: grid; gap: 6px; } :root .gk-cform__form .gk-h3 { margin-bottom: 14px; } :root .gk-cform__form .gk-btn { justify-self: start; margin-top: 8px; } :root .gk-cform__label { font-size: 14.08px; font-weight: 600; } :root .gk-topics { display: flex; flex-wrap: wrap; gap: 8px; } :root .gk-topics :is(label:not(:where([class*="gk-t-"])), .gk-t-label) { cursor: pointer; } :root .gk-topics input { position: absolute; opacity: 0; width: 1px; height: 1px; } :root .gk-topics :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { display: inline-flex; align-items: center; height: 42px; padding: 0 18px; border-radius: var(--pill); border: 1.5px solid var(--line-strong); font-weight: 600; font-size: 14.72px; transition: all .2s var(--ease); } :root .gk-topics :is(label:not(:where([class*="gk-t-"])), .gk-t-label):hover :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { border-color: var(--brown); } :root .gk-topics input:checked + :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root .gk-topics input:focus-visible + :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { outline: 2px solid var(--blue); outline-offset: 2px; } :root .gk-cform__done { display: grid; justify-items: start; gap: 12px; padding-block: 24px; } :root .gk-cform__done :is(i:not(:where([class*="gk-t-"])), .gk-t-i) { font-size: 44.8px; color: var(--blue); } :root .gk-cform__done :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: var(--muted); } :root .gk-banner-wide { position: relative; min-height: clamp(380px, 40vw, 540px); display: flex; align-items: center; color: var(--cream); overflow: hidden; background: var(--brown); } :root .gk-banner-wide > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; } :root .gk-banner-wide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(30, 18, 18, .8), rgba(30, 18, 18, .35) 55%, transparent); } :root .gk-banner-wide__inner { position: relative; z-index: 1; display: grid; gap: 16px; justify-items: start; } :root .gk-banner-wide__inner :is(p:not(:where([class*="gk-t-"])), .gk-t-p) { color: rgba(244, 241, 224, .9); font-size: 17.28px; } @media (max-width: 1240px) { :root .gk-pgrid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); } :root .gk-greviews__track--4 { grid-auto-columns: calc((100% - 2 * 16px) / 2.6); } } @media (max-width: 1023px) { :root .gk-shop__layout { grid-template-columns: 1fr; } :root .gk-filters { position: fixed; inset: auto 0 0 0; top: auto; z-index: var(--z-drawer); max-height: 88dvh; background: var(--cream); border-radius: var(--r) var(--r) 0 0; padding: 0; display: flex; flex-direction: column; transform: translateY(104%); transition: transform .5s var(--ease); box-shadow: 0 -20px 60px -20px rgba(30, 18, 18, .4); } :root .gk-filters:is(.is-open, .gk-st-is-open) { transform: none; } :root .gk-filters { visibility: hidden; transition: transform .5s var(--ease), visibility 0s linear .5s; } :root .gk-filters:is(.is-open, .gk-st-is-open) { visibility: visible; transition-delay: 0s; } :root .gk-filters__head { padding: 18px 20px; } :root .gk-filters__close { display: inline-grid; } :root .gk-filters__body { overflow-y: auto; padding: 0 20px; flex: 1; } :root .gk-filters__foot { display: block; padding: 14px 20px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); } :root .gk-shop__filterbtn { display: inline-flex; } :root .gk-shop__chips { order: 5; flex-basis: 100%; } :root .gk-pgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } :root .gk-cathero__grid, :root .gk-catqa__grid, :root .gk-why__grid, :root .gk-ahero__grid, :root .gk-story__grid, :root .gk-process__grid, :root .gk-popups__grid, :root .gk-contact__grid { grid-template-columns: 1fr; } :root .gk-catqa__media, :root .gk-contact__aside { position: static; } :root .gk-catqa__media img { aspect-ratio: 16 / 10; } :root .gk-pdp__grid { grid-template-columns: 1fr; } :root .gk-gal, :root .gk-buy { position: static; } :root .gk-cartpage__grid { grid-template-columns: 1fr; } :root .gk-summary { position: static; } :root .gk-checkout__grid { grid-template-columns: 1fr; } :root .gk-checkout__main { border-right: 0; padding-right: 0; order: 2; } :root .gk-coform, :root .gk-codone { margin: 0; max-width: none; } :root .gk-cosum { order: 1; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); max-height: 0; overflow: hidden; transition: max-height .5s var(--ease), padding .5s var(--ease); } :root .gk-cosum:is(.is-open, .gk-st-is-open) { max-height: 1200px; padding-block: 24px; } :root .gk-cosum > * { max-width: none; } :root .gk-cosum-toggle { display: flex; width: calc(100% + 2 * var(--gutter)); margin: calc(clamp(28px, 4vw, 56px) * -1) calc(var(--gutter) * -1) 24px; padding: 16px var(--gutter); background: var(--cream-2); border-bottom: 1px solid var(--line); justify-content: space-between; align-items: center; font-weight: 600; color: var(--blue); } :root .gk-cosum-toggle :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { display: inline-flex; align-items: center; gap: 8px; } :root .gk-cosum-toggle :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { color: var(--brown); font-size: 17.6px; } :root .gk-ahero__media { max-height: none; justify-self: stretch; } :root .gk-process__media { max-width: 520px; } :root .gk-quotes { grid-template-columns: 1fr 1fr; } :root .gk-quote:first-child { grid-column: 1 / -1; } } @media (max-width: 767px) { :root .gk-pbanner { min-height: 260px; } :root .gk-pbanner__title { font-size: clamp(38.4px, 11vw, 48px); } :root .gk-shop { padding-top: 20px; } :root .gk-shop__bar { gap: 10px; margin-bottom: 18px; } :root .gk-shop__count { order: 3; flex-basis: 100%; font-size: 14.08px; } :root .gk-sort select { height: 44px; padding: 0 36px 0 38px; font-size: 14.08px; } :root .gk-pgrid, :root .gk-pgrid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; } :root .gk-pgrid .gk-pcard__title { font-size: 16px; } :root .gk-pgrid .gk-pcard__price { font-size: 15.2px; } :root .gk-pgrid .gk-pcard__row { flex-direction: column; gap: 2px; align-items: flex-start; } :root .gk-pgrid .gk-pcard__meta { font-size: 12.8px; } :root .gk-pgrid .gk-pcard__actions .gk-btn--sm { min-height: 40px; padding: 0 12px; font-size: 13.6px; } :root .gk-pgrid .gk-pcard__actions .gk-btn--icon { width: 40px; min-height: 40px; } :root .gk-pgrid .gk-pcard__hint { font-size: 11.2px; padding: 5px 9px; right: 8px; bottom: 8px; } :root .gk-pgrid__feature { grid-column: 1 / -1; min-height: 300px; } :root .gk-pgrid__feature--tall { min-height: 300px; } :root .gk-pgrid--rail { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 62%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); } :root .gk-pgrid--rail::-webkit-scrollbar { display: none; } :root .gk-pgrid--rail .gk-pcard { scroll-snap-align: start; } :root .gk-shop__bar--cat .gk-switch { order: 1; } :root .gk-shop__bar--cat .gk-sort { order: 2; margin-left: auto; } :root .gk-shop__bar--cat .gk-shop__count { order: 3; } :root .gk-regchips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); } :root .gk-regchip { flex: none; } :root .gk-cathero__media { aspect-ratio: 4 / 3; border-radius: var(--r); } :root .gk-morecats__grid { grid-template-columns: 1fr 1fr; } :root .gk-gal { grid-template-columns: 1fr; margin-inline: calc(var(--gutter) * -1); } :root .gk-gal__thumbs { display: none; } :root .gk-gal__stage { border-radius: 0; } :root .gk-gal__nav { display: none; } :root .gk-gal__dots { display: flex; gap: 6px; position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); } :root .gk-gal__dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(50, 30, 30, .3); transition: all .3s var(--ease); } :root .gk-gal__dot:is(.is-on, .gk-st-is-on) { width: 22px; border-radius: var(--pill); background: var(--brown); } :root .gk-gal__slide { cursor: default; } :root .gk-buy__title { font-size: 36.8px; } :root .gk-spec :is(dd:not(:where([class*="gk-t-"])), .gk-t-dd) { font-size: 22.4px; } :root .gk-why__media img:last-child { margin-bottom: 24px; } :root .gk-greviews__track--4 { grid-auto-columns: 84%; } :root .gk-stickybuy__text :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { display: none; } :root .gk-stickybuy__inner { gap: 10px; } :root .gk-cartline { grid-template-columns: 92px minmax(0, 1fr); } :root .gk-cartline__side { grid-column: 2; justify-items: start; grid-auto-flow: column; justify-content: space-between; align-items: center; } :root .gk-cartline__info :is(h3:not(:where([class*="gk-t-"])), .gk-t-h3) { font-size: 19.2px; } :root .gk-cartpage__head { flex-direction: column; align-items: flex-start; gap: 8px; } :root .gk-cohead__back :is(span:not(:where([class*="gk-t-"])), .gk-t-span), :root .gk-cohead__secure :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { display: none; } :root .gk-cohead .gk-logo__name { display: block; width: 130px; } :root .gk-cohead .gk-logo__badge { width: 34px; } :root .gk-cohead .gk-logo { gap: 8px; } :root .gk-cohead__inner { height: 64px; } :root .gk-coexpress__btns { grid-template-columns: 1fr 1fr; } :root .gk-coexpress__btns :is(.is-paypal, .gk-st-is-paypal) { grid-column: 1 / -1; } :root .gk-cogrid--3 { grid-template-columns: 1fr 1fr; } :root .gk-cogrid--3 > :first-child { grid-column: 1 / -1; } :root .gk-facts__row { grid-template-columns: 1fr 1fr; } :root .gk-fact:nth-child(3) { border-left: 0; } :root .gk-fact:nth-child(n/**/+3) { border-top: 1px solid rgba(244, 241, 224, .16); } :root .gk-popups__mosaic { grid-template-columns: 1fr 1fr; } :root .gk-popups__mosaic img:nth-child(3) { display: none; } :root .gk-quotes { grid-template-columns: 1fr; } :root .gk-quote :is(blockquote:not(:where([class*="gk-t-"])), .gk-t-blockquote), :root .gk-quote:first-child :is(blockquote:not(:where([class*="gk-t-"])), .gk-t-blockquote) { font-size: 20px; } :root .gk-duo__grid { grid-template-columns: 1fr; } :root .gk-duo__tile { min-height: 360px; } :root .gk-process__media { aspect-ratio: 5 / 4; } :root .gk-ahero__media { aspect-ratio: 4 / 4.4; } } @media (prefers-reduced-motion: reduce) { :root .gk-gal__track { scroll-behavior: auto; } :root .gk-gal__slide img, :root .gk-stickybuy, :root .gk-filters, :root .gk-cosum { transition: none; } } :root .gk-pcard--studio:is(.is-sold, .gk-st-is-sold) .gk-pcard__hint { bottom: auto; top: 12px; } :root .gk-stickybuy__text { min-width: 0; } :root .gk-stickybuy__text :is(b:not(:where([class*="gk-t-"])), .gk-t-b), :root .gk-stickybuy__text :is(span:not(:where([class*="gk-t-"])), .gk-t-span) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :root .gk-summary__promo .gk-inline-form, :root .gk-cosum__promo .gk-inline-form { flex-direction: row; } :root .gk-summary__promo .gk-inline-form .gk-btn, :root .gk-cosum__promo .gk-inline-form .gk-btn { width: auto; } :root .gk-cartbar { display: none; } @media (max-width: 1023px) { :root .gk-cartbar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: calc(var(--z-header) - 1); gap: 14px; align-items: center; padding: 12px var(--gutter) calc(12px + env(safe-area-inset-bottom)); background: rgba(250, 248, 239, .96); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 1px solid var(--line); transition: transform .4s var(--ease); } :root .gk-cartbar:is(.is-off, .gk-st-is-off) { transform: translateY(105%); } :root .gk-cartbar__total { display: grid; line-height: 1.2; } :root .gk-cartbar__total :is(small:not(:where([class*="gk-t-"])), .gk-t-small) { color: var(--muted); font-size: 12.8px; } :root .gk-cartbar__total :is(b:not(:where([class*="gk-t-"])), .gk-t-b) { font-size: 19.2px; } :root .gk-cartbar .gk-btn { flex: 1; } } /* 3. Icon glyphs */ :root .gk-ico-star, :root .gk-i2-ico-star i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M957 -571Q951 -590 935.5 -602.0Q920 -614 900 -616L664 -635L573 -855Q565 -873 548.5 -884.5Q532 -896 512 -896Q492 -896 475.5 -885.0Q459 -874 452 -856L451 -855L360 -635L124 -616Q99 -614 81.5 -595.0Q64 -576 64 -550Q64 -535 70.0 -522.5Q76 -510 87 -501L267 -345L212 -113Q211 -110 210.5 -106.0Q210 -102 210 -98Q210 -70 229.5 -51.0Q249 -32 276 -32Q285 -32 294.0 -34.5Q303 -37 310 -42L512 -166L714 -42Q721 -37 730.0 -34.5Q739 -32 748 -32Q775 -32 794.5 -51.5Q814 -71 814 -98Q814 -102 813.5 -106.0Q813 -110 812 -113L757 -345L937 -501Q948 -510 954.0 -523.0Q960 -536 960 -551Q960 -556 959.0 -561.5Q958 -567 957 -571ZM895 -549 701 -381Q695 -377 692.0 -370.5Q689 -364 689 -357Q689 -355 689.5 -353.0Q690 -351 690 -349L750 -98Q750 -98 750.0 -98.0Q750 -98 750 -98Q750 -97 750.0 -97.0Q750 -97 749 -96Q749 -96 748.5 -96.0Q748 -96 748 -96L529 -231Q525 -233 521.0 -234.5Q517 -236 512 -236Q507 -236 503.0 -234.5Q499 -233 495 -231L276 -96Q276 -96 275.5 -96.0Q275 -96 275 -96Q274 -96 274.0 -96.5Q274 -97 274 -98Q274 -98 274.0 -98.0Q274 -98 274 -98L334 -349Q334 -351 334.5 -353.0Q335 -355 335 -357Q335 -364 332.0 -370.5Q329 -377 323 -381L129 -549Q128 -549 128.0 -549.5Q128 -550 128 -551Q128 -552 128.5 -552.0Q129 -552 129 -552L385 -573Q394 -574 401.5 -579.0Q409 -584 412 -592V-593L510 -831Q511 -832 511.0 -832.0Q511 -832 512 -832Q513 -832 513.0 -832.0Q513 -832 513 -831L612 -593Q615 -584 622.5 -579.0Q630 -574 639 -573L895 -552Q895 -552 895.5 -552.0Q896 -552 896 -551Q896 -550 896.0 -549.5Q896 -549 895 -549Z'/%3E%3C/svg%3E"); } :root .gk-ico-handbag, :root .gk-i2-ico-handbag i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M960 -168 903 -648Q900 -671 881.5 -687.5Q863 -704 839 -704Q839 -704 839.0 -704.0Q839 -704 838 -704H704Q704 -784 648.0 -840.0Q592 -896 512 -896Q432 -896 376.0 -840.0Q320 -784 320 -704H185Q185 -704 185.0 -704.0Q185 -704 185 -704Q160 -704 142.0 -688.0Q124 -672 121 -648L64 -168Q64 -166 64.0 -164.0Q64 -162 64 -160Q64 -148 68.0 -137.0Q72 -126 80 -118Q89 -108 101.5 -102.0Q114 -96 128 -96H896Q896 -96 896.0 -96.0Q896 -96 896 -96Q910 -96 922.5 -102.0Q935 -108 944 -118Q951 -126 955.5 -137.0Q960 -148 960 -160Q960 -162 960.0 -164.0Q960 -166 960 -168ZM512 -832Q565 -832 602.5 -794.5Q640 -757 640 -704H384Q384 -757 421.5 -794.5Q459 -832 512 -832ZM128 -160 185 -640H320V-544Q320 -531 329.5 -521.5Q339 -512 352 -512Q365 -512 374.5 -521.5Q384 -531 384 -544V-640H640V-544Q640 -531 649.5 -521.5Q659 -512 672 -512Q685 -512 694.5 -521.5Q704 -531 704 -544V-640H839L896 -160Z'/%3E%3C/svg%3E"); } :root .gk-ico-arrow-right, :root .gk-i2-ico-arrow-right i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M887 -425 599 -137Q594 -133 588.5 -130.5Q583 -128 576 -128Q563 -128 553.5 -137.5Q544 -147 544 -160Q544 -167 546.5 -172.5Q549 -178 553 -183L787 -416H160Q147 -416 137.5 -425.5Q128 -435 128 -448Q128 -461 137.5 -470.5Q147 -480 160 -480H787L553 -713Q549 -718 546.5 -723.5Q544 -729 544 -736Q544 -749 553.5 -758.5Q563 -768 576 -768Q583 -768 588.5 -765.5Q594 -763 599 -759L887 -471Q891 -466 893.5 -460.5Q896 -455 896 -448Q896 -441 893.5 -435.5Q891 -430 887 -425Z'/%3E%3C/svg%3E"); } :root .gk-ico-plus, :root .gk-i2-ico-plus i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M896 -448Q896 -435 886.5 -425.5Q877 -416 864 -416H544V-96Q544 -83 534.5 -73.5Q525 -64 512 -64Q499 -64 489.5 -73.5Q480 -83 480 -96V-416H160Q147 -416 137.5 -425.5Q128 -435 128 -448Q128 -461 137.5 -470.5Q147 -480 160 -480H480V-800Q480 -813 489.5 -822.5Q499 -832 512 -832Q525 -832 534.5 -822.5Q544 -813 544 -800V-480H864Q877 -480 886.5 -470.5Q896 -461 896 -448Z'/%3E%3C/svg%3E"); } :root .gk-ico-arrows-clockwise, :root .gk-i2-ico-arrows-clockwise i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M896 -768V-576Q896 -563 886.5 -553.5Q877 -544 864 -544H672Q659 -544 649.5 -553.5Q640 -563 640 -576Q640 -589 649.5 -598.5Q659 -608 672 -608H787L728 -667Q685 -710 627.5 -735.0Q570 -760 504 -760H502Q502 -760 501.5 -760.0Q501 -760 501 -760Q436 -760 378.5 -735.5Q321 -711 278 -669Q274 -665 268.5 -663.0Q263 -661 257 -661Q243 -661 234.0 -670.0Q225 -679 225 -693Q225 -699 227.0 -705.0Q229 -711 234 -715Q286 -766 355.0 -795.0Q424 -824 502 -824Q582 -824 652.0 -794.0Q722 -764 774 -712L832 -653V-768Q832 -781 841.5 -790.5Q851 -800 864 -800Q877 -800 886.5 -790.5Q896 -781 896 -768ZM746 -227Q702 -185 644.5 -160.5Q587 -136 522 -136Q456 -136 397.5 -161.0Q339 -186 296 -229L237 -288H352Q365 -288 374.5 -297.5Q384 -307 384 -320Q384 -333 374.5 -342.5Q365 -352 352 -352H160Q147 -352 137.5 -342.5Q128 -333 128 -320V-128Q128 -115 137.5 -105.5Q147 -96 160 -96Q173 -96 182.5 -105.5Q192 -115 192 -128V-243L251 -184Q302 -132 371.5 -102.0Q441 -72 520 -72H522Q522 -72 522.5 -72.0Q523 -72 523 -72Q601 -72 670.0 -101.0Q739 -130 790 -181Q795 -185 797.5 -191.0Q800 -197 800 -203Q800 -217 790.5 -226.0Q781 -235 768 -235Q761 -235 755.5 -233.0Q750 -231 746 -227Z'/%3E%3C/svg%3E"); } :root .gk-ico-warning-circle, :root .gk-i2-ico-warning-circle i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M512 -864Q426 -864 350 -831Q274 -799 217.5 -742.5Q161 -686 129 -610Q96 -534 96 -448Q96 -362 129 -286Q161 -210 217.5 -153.5Q274 -97 350 -65Q426 -32 512 -32Q598 -32 674 -65Q750 -97 806.5 -153.5Q863 -210 895 -286Q928 -362 928 -448Q928 -534 895 -610Q862 -686 806.0 -742.0Q750 -798 674 -831Q598 -864 512 -864ZM512 -96Q439 -96 375 -124Q311 -151 263.0 -199.0Q215 -247 188 -311Q160 -375 160 -448Q160 -521 188 -585Q215 -649 263.0 -697.0Q311 -745 375 -772Q439 -800 512 -800Q585 -800 649 -772Q713 -745 761.0 -697.0Q809 -649 836 -585Q864 -521 864 -448Q864 -375 836 -311Q809 -247 761.0 -199.0Q713 -151 649 -124Q585 -96 512 -96ZM480 -416V-640Q480 -653 489.5 -662.5Q499 -672 512 -672Q525 -672 534.5 -662.5Q544 -653 544 -640V-416Q544 -403 534.5 -393.5Q525 -384 512 -384Q499 -384 489.5 -393.5Q480 -403 480 -416ZM560 -272Q560 -252 546.0 -238.0Q532 -224 512 -224Q492 -224 478.0 -238.0Q464 -252 464 -272Q464 -292 478.0 -306.0Q492 -320 512 -320Q532 -320 546.0 -306.0Q560 -292 560 -272Z'/%3E%3C/svg%3E"); } :root .gk-ico-x, :root .gk-i2-ico-x i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M823 -183Q827 -178 829.5 -172.5Q832 -167 832 -160Q832 -147 822.5 -137.5Q813 -128 800 -128Q793 -128 787.5 -130.5Q782 -133 777 -137L512 -403L247 -137Q242 -133 236.5 -130.5Q231 -128 224 -128Q211 -128 201.5 -137.5Q192 -147 192 -160Q192 -167 194.5 -172.5Q197 -178 201 -183L467 -448L201 -713Q197 -718 194.5 -723.5Q192 -729 192 -736Q192 -749 201.5 -758.5Q211 -768 224 -768Q231 -768 236.5 -765.5Q242 -763 247 -759L512 -493L777 -759Q782 -763 787.5 -765.5Q793 -768 800 -768Q813 -768 822.5 -758.5Q832 -749 832 -736Q832 -729 829.5 -723.5Q827 -718 823 -713L557 -448Z'/%3E%3C/svg%3E"); } :root .gk-ico-caret-down, :root .gk-i2-ico-caret-down i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M855 -553 535 -233Q530 -229 524.5 -226.5Q519 -224 512 -224Q505 -224 499.5 -226.5Q494 -229 489 -233L169 -553Q165 -558 162.5 -563.5Q160 -569 160 -576Q160 -589 169.5 -598.5Q179 -608 192 -608Q199 -608 204.5 -605.5Q210 -603 215 -599L512 -301L809 -599Q814 -603 819.5 -605.5Q825 -608 832 -608Q845 -608 854.5 -598.5Q864 -589 864 -576Q864 -569 861.5 -563.5Q859 -558 855 -553Z'/%3E%3C/svg%3E"); } :root .gk-ico-truck, :root .gk-i2-ico-truck i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M1022 -492 966 -632Q958 -650 942.5 -661.0Q927 -672 907 -672Q906 -672 906.0 -672.0Q906 -672 906 -672H768V-704Q768 -717 758.5 -726.5Q749 -736 736 -736H128Q101 -736 82.5 -717.5Q64 -699 64 -672V-224Q64 -197 82.5 -178.5Q101 -160 128 -160H196Q207 -118 241.0 -91.0Q275 -64 320 -64Q365 -64 399.0 -91.0Q433 -118 444 -159V-160H644Q655 -118 689.0 -91.0Q723 -64 768 -64Q813 -64 847.0 -91.0Q881 -118 892 -159V-160H960Q987 -160 1005.5 -178.5Q1024 -197 1024 -224V-480Q1024 -480 1024.0 -480.0Q1024 -480 1024 -480Q1024 -483 1023.5 -486.0Q1023 -489 1022 -492ZM768 -608H906L945 -512H768ZM128 -672H704V-416H128ZM320 -128Q293 -128 274.5 -146.5Q256 -165 256 -192Q256 -219 274.5 -237.5Q293 -256 320 -256Q347 -256 365.5 -237.5Q384 -219 384 -192Q384 -165 365.5 -146.5Q347 -128 320 -128ZM644 -224H444Q433 -266 399.0 -293.0Q365 -320 320 -320Q275 -320 241.0 -293.0Q207 -266 196 -225V-224H128V-352H704V-303Q682 -290 666.5 -270.0Q651 -250 644 -225V-224ZM768 -128Q741 -128 722.5 -146.5Q704 -165 704 -192Q704 -219 722.5 -237.5Q741 -256 768 -256Q795 -256 813.5 -237.5Q832 -219 832 -192Q832 -165 813.5 -146.5Q795 -128 768 -128ZM960 -224H892Q881 -266 846.5 -293.0Q812 -320 768 -320V-448H960Z'/%3E%3C/svg%3E"); } :root .gk-ico-seal-check, :root .gk-i2-ico-seal-check i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M903 -549Q892 -561 881.5 -572.5Q871 -584 867 -595Q863 -605 862.0 -620.0Q861 -635 861 -651Q860 -680 856.0 -711.0Q852 -742 829 -765Q806 -788 775.0 -792.0Q744 -796 715 -797Q699 -797 684.0 -798.0Q669 -799 659 -803Q648 -807 636.5 -817.5Q625 -828 613 -839Q592 -859 567.5 -877.5Q543 -896 512 -896Q481 -896 456.5 -877.5Q432 -859 411 -839Q399 -828 387.5 -817.5Q376 -807 365 -803Q355 -799 340.0 -798.0Q325 -797 309 -797Q280 -796 249.0 -792.0Q218 -788 195 -765Q172 -742 168.0 -711.0Q164 -680 163 -651Q163 -635 162.0 -620.0Q161 -605 157 -595Q153 -584 142.5 -572.5Q132 -561 121 -549Q101 -528 82.5 -503.5Q64 -479 64 -448Q64 -417 82.5 -392.5Q101 -368 121 -347Q132 -335 142.5 -323.5Q153 -312 157 -301Q161 -291 162.0 -276.0Q163 -261 163 -245Q164 -216 168.0 -185.0Q172 -154 195 -131Q218 -108 249.0 -104.0Q280 -100 309 -99Q325 -99 340.0 -98.0Q355 -97 365 -93Q376 -89 387.5 -78.5Q399 -68 411 -57Q432 -37 456.5 -18.5Q481 0 512 0Q543 0 567.5 -18.5Q592 -37 613 -57Q625 -68 636.5 -78.5Q648 -89 659 -93Q669 -97 684.0 -98.0Q699 -99 715 -99Q744 -100 775.0 -104.0Q806 -108 829 -131Q852 -154 856.0 -185.0Q860 -216 861 -245Q861 -261 862.0 -276.0Q863 -291 867 -301Q871 -312 881.5 -323.5Q892 -335 903 -347Q923 -368 941.5 -392.5Q960 -417 960 -448Q960 -479 941.5 -503.5Q923 -528 903 -549ZM857 -392Q843 -377 829.5 -361.0Q816 -345 808 -325Q800 -307 798.5 -286.5Q797 -266 797 -246Q797 -225 795.0 -205.5Q793 -186 784 -176Q774 -167 754.5 -165.0Q735 -163 714 -163Q694 -163 673.5 -161.5Q653 -160 635 -152Q615 -144 599.0 -130.5Q583 -117 568 -103Q553 -88 538.5 -76.0Q524 -64 512 -64Q500 -64 485.0 -76.0Q470 -88 456 -103Q441 -117 425.0 -130.5Q409 -144 389 -152Q371 -160 350.5 -161.5Q330 -163 310 -163Q289 -163 269.5 -165.0Q250 -167 240 -176Q231 -186 229.5 -205.5Q228 -225 227 -246Q227 -266 225.5 -286.5Q224 -307 216 -325Q208 -345 194.5 -361.0Q181 -377 167 -392Q152 -407 140.0 -421.5Q128 -436 128 -448Q128 -460 140.0 -475.0Q152 -490 167 -504Q181 -519 194.5 -535.0Q208 -551 216 -571Q224 -589 225.5 -609.5Q227 -630 227 -650Q228 -671 229.5 -690.5Q231 -710 240 -720Q250 -729 269.5 -730.5Q289 -732 310 -733Q330 -733 350.5 -734.5Q371 -736 389 -744Q409 -752 425.0 -765.5Q441 -779 456 -793Q471 -808 485.5 -820.0Q500 -832 512 -832Q524 -832 539.0 -820.0Q554 -808 568 -793Q583 -779 599.0 -765.5Q615 -752 635 -744Q653 -736 673.5 -734.5Q694 -733 714 -733Q735 -733 754.5 -731.0Q774 -729 784 -720Q793 -710 795.0 -690.5Q797 -671 797 -650Q797 -630 798.5 -609.5Q800 -589 808 -571Q816 -551 829.5 -535.0Q843 -519 857 -504Q872 -489 884.0 -474.5Q896 -460 896 -448Q896 -436 884.0 -421.0Q872 -406 857 -392ZM695 -567Q699 -562 701.5 -556.5Q704 -551 704 -544Q704 -537 701.5 -531.5Q699 -526 695 -521L471 -297Q466 -293 460.5 -290.5Q455 -288 448 -288Q441 -288 435.5 -290.5Q430 -293 425 -297L329 -393Q325 -398 322.5 -403.5Q320 -409 320 -416Q320 -429 329.5 -438.5Q339 -448 352 -448Q359 -448 364.5 -445.5Q370 -443 375 -439L448 -365L649 -567Q654 -571 659.5 -573.5Q665 -576 672 -576Q679 -576 684.5 -573.5Q690 -571 695 -567Z'/%3E%3C/svg%3E"); } :root .gk-ico-package, :root .gk-i2-ico-package i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M895 -695 543 -888Q536 -892 528.0 -894.0Q520 -896 512 -896Q504 -896 496.0 -894.0Q488 -892 481 -888L129 -695Q114 -687 105.0 -672.0Q96 -657 96 -639V-257Q96 -239 105.0 -224.0Q114 -209 129 -201L481 -8Q488 -4 496.0 -2.0Q504 0 512 0Q520 0 528.0 -2.0Q536 -4 543 -8L895 -201Q910 -209 919.0 -224.0Q928 -239 928 -257V-639Q928 -657 919.0 -672.0Q910 -687 895 -695ZM512 -832 833 -656 714 -591 393 -767ZM512 -480 191 -656 326 -730 648 -554ZM160 -600 480 -425V-82L160 -257ZM864 -257 544 -82V-425L672 -495V-352Q672 -339 681.5 -329.5Q691 -320 704 -320Q717 -320 726.5 -329.5Q736 -339 736 -352V-530L864 -600V-257Z'/%3E%3C/svg%3E"); } :root .gk-ico-google-logo, :root .gk-i2-ico-google-logo i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M896 -448Q896 -448 896.0 -448.0Q896 -448 896 -448Q896 -368 866 -299Q836 -229 783.5 -176.5Q731 -124 661 -94Q592 -64 512 -64Q432 -64 363 -94Q293 -124 240.5 -176.5Q188 -229 158 -299Q128 -368 128 -448Q128 -528 158 -597Q188 -667 240.5 -719.5Q293 -772 363 -802Q432 -832 512 -832Q557 -832 598 -822Q640 -812 678.0 -794.0Q716 -776 748 -751Q781 -725 808 -693V-692Q812 -688 814.0 -682.5Q816 -677 816 -671Q816 -658 807.0 -648.5Q798 -639 784 -639Q777 -639 770.0 -642.5Q763 -646 759 -652Q715 -705 650.5 -736.5Q586 -768 512 -768Q446 -768 387 -743Q329 -718 285.5 -674.5Q242 -631 217 -573Q192 -514 192 -448Q192 -382 217 -323Q242 -265 285.5 -221.5Q329 -178 387 -153Q446 -128 512 -128Q574 -128 629 -150Q684 -172 727.0 -211.0Q770 -250 797 -302Q824 -354 830 -415V-416H512Q499 -416 489.5 -425.5Q480 -435 480 -448Q480 -461 489.5 -470.5Q499 -480 512 -480H864Q877 -480 886.5 -470.5Q896 -461 896 -448Z'/%3E%3C/svg%3E"); } :root .gk-ico-magnifying-glass, :root .gk-i2-ico-magnifying-glass i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M919 -87 718 -287Q756 -332 778.0 -390.0Q800 -448 800 -512Q800 -585 772 -650Q745 -714 697.0 -761.5Q649 -809 585 -837Q521 -865 448 -865Q375 -865 310 -837Q246 -809 198.5 -761.5Q151 -714 123 -650Q95 -585 95 -512Q95 -439 123 -375Q151 -311 198.5 -263.0Q246 -215 310 -188Q375 -160 448 -160Q512 -160 570.0 -182.0Q628 -204 674 -242H673L873 -41Q878 -37 883.5 -34.5Q889 -32 896 -32Q909 -32 918.5 -41.5Q928 -51 928 -64Q928 -71 925.5 -76.5Q923 -82 919 -87ZM160 -512Q160 -572 183 -624Q205 -677 244.0 -716.0Q283 -755 336 -777Q388 -800 448 -800Q508 -800 560 -777Q613 -755 652.0 -716.0Q691 -677 713 -624Q736 -572 736 -512Q736 -452 713 -400Q691 -347 652.0 -308.0Q613 -269 560 -247Q508 -224 448 -224Q388 -224 336 -247Q284 -269 244.5 -308.5Q205 -348 183 -400Q160 -452 160 -512Z'/%3E%3C/svg%3E"); } :root .gk-ico-ticket, :root .gk-i2-ico-ticket i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M928 -544Q941 -544 950.5 -553.5Q960 -563 960 -576V-704Q960 -731 941.5 -749.5Q923 -768 896 -768H128Q101 -768 82.5 -749.5Q64 -731 64 -704V-576Q64 -563 73.5 -553.5Q83 -544 96 -544Q136 -544 164.0 -516.0Q192 -488 192 -448Q192 -408 164.0 -380.0Q136 -352 96 -352Q83 -352 73.5 -342.5Q64 -333 64 -320V-192Q64 -165 82.5 -146.5Q101 -128 128 -128H896Q923 -128 941.5 -146.5Q960 -165 960 -192V-320Q960 -333 950.5 -342.5Q941 -352 928 -352Q888 -352 860.0 -380.0Q832 -408 832 -448Q832 -488 860.0 -516.0Q888 -544 928 -544ZM128 -291Q183 -303 219.5 -346.5Q256 -390 256 -448Q256 -506 219.5 -549.5Q183 -593 129 -605H128V-704H352V-192H128ZM896 -291V-192H416V-704H896V-605Q841 -593 804.5 -549.5Q768 -506 768 -448Q768 -390 804.5 -346.5Q841 -303 895 -291Z'/%3E%3C/svg%3E"); } :root .gk-ico-tag, :root .gk-i2-ico-tag i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M973 -416 576 -813Q567 -822 555.5 -827.0Q544 -832 531 -832Q531 -832 531.0 -832.0Q531 -832 531 -832H160Q147 -832 137.5 -822.5Q128 -813 128 -800V-429Q128 -429 128.0 -429.0Q128 -429 128 -429Q128 -416 133.0 -404.5Q138 -393 147 -384L544 13Q553 22 564.5 27.0Q576 32 589 32Q603 32 614.5 27.0Q626 22 635 13L973 -325Q982 -334 987.0 -345.5Q992 -357 992 -371Q992 -384 987.0 -395.5Q982 -407 973 -416ZM589 -32 192 -429V-768H531L928 -371ZM384 -624Q384 -604 370.0 -590.0Q356 -576 336 -576Q316 -576 302.0 -590.0Q288 -604 288 -624Q288 -644 302.0 -658.0Q316 -672 336 -672Q356 -672 370.0 -658.0Q384 -644 384 -624Z'/%3E%3C/svg%3E"); } :root .gk-ico-lightning, :root .gk-i2-ico-lightning i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M863 -487Q861 -495 856.0 -501.0Q851 -507 843 -510L613 -596L671 -890Q672 -891 672.0 -892.5Q672 -894 672 -896Q672 -909 662.5 -918.5Q653 -928 640 -928Q633 -928 627.0 -925.0Q621 -922 617 -918L169 -438Q165 -433 162.5 -427.5Q160 -422 160 -416Q160 -405 165.5 -397.0Q171 -389 180 -386H181L411 -299L353 -6Q352 -5 352.0 -3.5Q352 -2 352 0Q352 13 361.5 22.5Q371 32 384 32Q391 32 397.0 29.0Q403 26 407 22L855 -458Q859 -463 861.5 -468.5Q864 -474 864 -480Q864 -482 864.0 -484.0Q864 -486 863 -488V-487ZM437 -104 479 -314Q480 -315 480.0 -316.5Q480 -318 480 -320Q480 -330 474.5 -338.0Q469 -346 460 -350H459L248 -429L586 -792L545 -582Q544 -581 544.0 -579.5Q544 -578 544 -576Q544 -566 549.5 -558.0Q555 -550 564 -546H565L776 -467Z'/%3E%3C/svg%3E"); } :root .gk-ico-instagram-logo, :root .gk-i2-ico-instagram-logo i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M512 -640Q432 -640 376.0 -584.0Q320 -528 320 -448Q320 -368 376.0 -312.0Q432 -256 512 -256Q592 -256 648.0 -312.0Q704 -368 704 -448Q704 -527 647.5 -583.5Q591 -640 512 -640ZM512 -320Q459 -320 421.5 -357.5Q384 -395 384 -448Q384 -501 421.5 -538.5Q459 -576 512 -576Q565 -576 602.5 -538.5Q640 -501 640 -448Q640 -395 602.5 -357.5Q565 -320 512 -320ZM704 -864H320Q274 -864 233 -846Q192 -829 161.5 -798.5Q131 -768 114 -727Q96 -686 96 -640V-256Q96 -210 114 -169Q131 -128 161.5 -97.5Q192 -67 233 -50Q274 -32 320 -32H704Q750 -32 791 -50Q832 -67 862.5 -97.5Q893 -128 910 -169Q928 -210 928 -256V-640Q928 -686 910 -727Q893 -768 862.5 -798.5Q832 -829 791 -846Q750 -864 704 -864ZM864 -256Q864 -190 817.0 -143.0Q770 -96 704 -96H320Q254 -96 207.0 -143.0Q160 -190 160 -256V-640Q160 -706 207.0 -753.0Q254 -800 320 -800H704Q770 -800 817.0 -753.0Q864 -706 864 -640ZM768 -656Q768 -636 754.0 -622.0Q740 -608 720 -608Q700 -608 686.0 -622.0Q672 -636 672 -656Q672 -676 686.0 -690.0Q700 -704 720 -704Q740 -704 754.0 -690.0Q768 -676 768 -656Z'/%3E%3C/svg%3E"); } :root .gk-ico-lock-simple, :root .gk-i2-ico-lock-simple i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M832 -640H704V-736Q704 -816 648.0 -872.0Q592 -928 512 -928Q432 -928 376.0 -872.0Q320 -816 320 -736V-640H192Q165 -640 146.5 -621.5Q128 -603 128 -576V-128Q128 -101 146.5 -82.5Q165 -64 192 -64H832Q859 -64 877.5 -82.5Q896 -101 896 -128V-576Q896 -603 877.5 -621.5Q859 -640 832 -640ZM384 -736Q384 -789 421.5 -826.5Q459 -864 512 -864Q565 -864 602.5 -826.5Q640 -789 640 -736V-640H384ZM832 -128H192V-576H832Z'/%3E%3C/svg%3E"); } :root .gk-ico-check, :root .gk-i2-ico-check i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M919 -649 407 -137Q402 -133 396.5 -130.5Q391 -128 384 -128Q377 -128 371.5 -130.5Q366 -133 361 -137L137 -361Q133 -366 130.5 -371.5Q128 -377 128 -384Q128 -397 137.5 -406.5Q147 -416 160 -416Q167 -416 172.5 -413.5Q178 -411 183 -407L384 -205L873 -695Q878 -699 883.5 -701.5Q889 -704 896 -704Q909 -704 918.5 -694.5Q928 -685 928 -672Q928 -665 925.5 -659.5Q923 -654 919 -649Z'/%3E%3C/svg%3E"); } :root .gk-ico-apple-logo, :root .gk-i2-ico-apple-logo i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M893 -282Q891 -286 888.5 -289.5Q886 -293 882 -295Q831 -330 815.5 -383.0Q800 -436 800 -480Q800 -533 831.0 -576.5Q862 -620 886 -643Q891 -647 893.5 -653.0Q896 -659 896 -666Q896 -673 893.5 -679.0Q891 -685 886 -689Q848 -725 789.5 -746.5Q731 -768 672 -768Q627 -768 586.0 -755.0Q545 -742 511 -719H512Q478 -742 437.5 -755.0Q397 -768 353 -768Q293 -768 240.5 -745.0Q188 -722 149 -683Q110 -643 87.0 -589.0Q64 -535 64 -474Q64 -472 64.0 -470.0Q64 -468 64 -466Q65 -413 77 -363Q89 -313 109.5 -267.5Q130 -222 159 -182Q188 -142 224 -108L225 -107Q246 -87 274.0 -75.5Q302 -64 334 -64Q334 -64 334.0 -64.0Q334 -64 334 -64H685Q685 -64 685.0 -64.0Q685 -64 685 -64Q720 -64 750.0 -77.5Q780 -91 801 -114H802Q822 -136 839.5 -160.0Q857 -184 872 -210L873 -213Q894 -251 895.0 -262.5Q896 -274 893 -282ZM755 -158Q742 -144 724.0 -136.0Q706 -128 685 -128Q685 -128 685.0 -128.0Q685 -128 685 -128H334Q334 -128 334.0 -128.0Q334 -128 334 -128Q315 -128 298.0 -135.0Q281 -142 269 -154Q237 -184 212 -219Q186 -254 168.0 -294.0Q150 -334 139 -378Q129 -421 128 -467V-468Q128 -469 128.0 -471.0Q128 -473 128 -475Q128 -522 146.0 -564.5Q164 -607 195 -638Q224 -669 264.5 -686.5Q305 -704 351 -704Q351 -704 351.5 -704.0Q352 -704 352 -704H355Q394 -704 429.0 -690.5Q464 -677 492 -655Q496 -652 501.0 -650.0Q506 -648 512 -648Q518 -648 523.0 -650.0Q528 -652 532 -655Q560 -678 596.0 -691.0Q632 -704 671 -704Q671 -704 671.5 -704.0Q672 -704 672 -704Q712 -704 749.0 -693.0Q786 -682 817 -662L816 -663Q777 -619 756.5 -572.5Q736 -526 736 -480Q736 -409 758.5 -353.0Q781 -297 825 -259Q810 -230 792.5 -205.0Q775 -180 754 -158H755ZM513 -840Q527 -892 569.5 -926.0Q612 -960 668 -960Q668 -960 668.0 -960.0Q668 -960 668 -960H672Q685 -960 694.5 -950.5Q704 -941 704 -928Q704 -915 694.5 -905.5Q685 -896 672 -896H668Q668 -896 668.0 -896.0Q668 -896 668 -896Q635 -896 609.0 -875.5Q583 -855 575 -825V-824Q572 -814 563.5 -807.0Q555 -800 544 -800Q531 -800 521.5 -809.5Q512 -819 512 -832Q512 -834 512.5 -836.0Q513 -838 513 -840Z'/%3E%3C/svg%3E"); } :root .gk-ico-caret-right, :root .gk-i2-ico-caret-right i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M727 -425 407 -105Q402 -101 396.5 -98.5Q391 -96 384 -96Q371 -96 361.5 -105.5Q352 -115 352 -128Q352 -135 354.5 -140.5Q357 -146 361 -151L659 -448L361 -745Q357 -750 354.5 -755.5Q352 -761 352 -768Q352 -781 361.5 -790.5Q371 -800 384 -800Q391 -800 396.5 -797.5Q402 -795 407 -791L727 -471Q731 -466 733.5 -460.5Q736 -455 736 -448Q736 -441 733.5 -435.5Q731 -430 727 -425Z'/%3E%3C/svg%3E"); } :root .gk-ico-x-logo, :root .gk-i2-ico-x-logo i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M859 -113 609 -507 856 -778Q859 -783 861.5 -788.5Q864 -794 864 -800Q864 -813 854.5 -822.5Q845 -832 832 -832Q825 -832 819.0 -829.0Q813 -826 808 -822L573 -563L411 -817Q407 -824 399.5 -828.0Q392 -832 384 -832H192Q192 -832 192.0 -832.0Q192 -832 192 -832Q179 -832 169.5 -822.5Q160 -813 160 -800Q160 -795 161.5 -790.5Q163 -786 165 -783L415 -389L168 -117Q164 -113 162.0 -107.5Q160 -102 160 -96Q160 -82 169.0 -73.0Q178 -64 192 -64Q199 -64 205.0 -66.5Q211 -69 216 -74L451 -333L613 -79Q617 -72 624.0 -68.0Q631 -64 640 -64Q640 -64 640.0 -64.0Q640 -64 640 -64H832Q845 -64 854.5 -73.5Q864 -83 864 -96Q864 -101 862.5 -105.5Q861 -110 859 -113ZM658 -128 250 -768H366L774 -128Z'/%3E%3C/svg%3E"); } :root .gk-ico-user, :root .gk-i2-ico-user i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M924 -112Q901 -151 872 -185Q843 -219 809.5 -246.5Q776 -274 738 -294Q700 -315 659 -329Q723 -367 761.5 -432.5Q800 -498 800 -576Q800 -636 777 -688Q755 -741 716.0 -780.0Q677 -819 624 -841Q572 -864 512 -864Q452 -864 400 -841Q347 -819 308.0 -780.0Q269 -741 247 -688Q224 -636 224 -576Q224 -498 262.5 -432.5Q301 -367 363 -329H365Q324 -315 286 -295Q248 -274 214.5 -246.5Q181 -219 152 -185Q123 -152 100 -112Q98 -108 97.0 -104.0Q96 -100 96 -95Q96 -82 105.0 -72.5Q114 -63 128 -63Q137 -63 144.5 -67.5Q152 -72 156 -80Q184 -129 222 -167Q261 -206 307.0 -233.0Q353 -260 405 -274Q457 -288 512 -288Q567 -288 619 -274Q671 -260 717.0 -233.0Q763 -206 802 -167Q840 -129 868 -80Q872 -72 879.5 -67.5Q887 -63 896 -63Q910 -63 919.0 -72.5Q928 -82 928 -95Q928 -100 927.0 -104.0Q926 -108 924 -112ZM288 -576Q288 -622 306 -663Q323 -704 353.5 -734.5Q384 -765 425 -782Q466 -800 512 -800Q558 -800 599 -782Q640 -765 670.5 -734.5Q701 -704 718 -663Q736 -622 736 -576Q736 -530 718 -489Q701 -448 670.5 -417.5Q640 -387 599 -370Q558 -352 512 -352Q466 -352 425 -370Q384 -387 353.5 -417.5Q323 -448 306 -489Q288 -530 288 -576Z'/%3E%3C/svg%3E"); } :root .gk-ico-pinterest-logo, :root .gk-i2-ico-pinterest-logo i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M896 -512Q896 -444 873.0 -384.0Q850 -324 807 -280Q767 -238 715.0 -215.0Q663 -192 608 -192Q554 -192 517.5 -207.0Q481 -222 458 -240L415 -57Q413 -46 404.0 -39.0Q395 -32 384 -32Q382 -32 380.0 -32.0Q378 -32 376 -33H377Q366 -35 359.0 -44.0Q352 -53 352 -64Q352 -66 352.0 -68.0Q352 -70 353 -72V-71L481 -615Q483 -626 491.5 -633.0Q500 -640 512 -640Q525 -640 534.5 -630.5Q544 -621 544 -608Q544 -606 543.5 -604.0Q543 -602 543 -600V-601L475 -313Q485 -300 515.5 -278.0Q546 -256 608 -256Q649 -256 689 -273Q730 -291 761.5 -324.0Q793 -357 812 -404Q832 -452 832 -512Q832 -572 809 -624Q787 -677 748.0 -716.0Q709 -755 656 -777Q604 -800 544 -800Q484 -800 432 -777Q379 -755 340.0 -715.5Q301 -676 279 -624Q256 -572 256 -512Q256 -472 266.5 -435.5Q277 -399 295 -367V-368Q296 -365 297.0 -361.0Q298 -357 298 -353Q298 -339 289.0 -330.0Q280 -321 266 -321Q258 -321 250.5 -325.0Q243 -329 239 -336Q217 -374 204.5 -418.5Q192 -463 192 -512Q192 -585 220 -649Q247 -713 295.0 -761.0Q343 -809 407 -836Q471 -864 544 -864Q617 -864 681 -836Q745 -809 793.0 -761.0Q841 -713 868 -649Q896 -585 896 -512Z'/%3E%3C/svg%3E"); } :root .gk-ico-list, :root .gk-i2-ico-list i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M896 -448Q896 -435 886.5 -425.5Q877 -416 864 -416H160Q147 -416 137.5 -425.5Q128 -435 128 -448Q128 -461 137.5 -470.5Q147 -480 160 -480H864Q877 -480 886.5 -470.5Q896 -461 896 -448ZM160 -672H864Q877 -672 886.5 -681.5Q896 -691 896 -704Q896 -717 886.5 -726.5Q877 -736 864 -736H160Q147 -736 137.5 -726.5Q128 -717 128 -704Q128 -691 137.5 -681.5Q147 -672 160 -672ZM864 -224H160Q147 -224 137.5 -214.5Q128 -205 128 -192Q128 -179 137.5 -169.5Q147 -160 160 -160H864Q877 -160 886.5 -169.5Q896 -179 896 -192Q896 -205 886.5 -214.5Q877 -224 864 -224Z'/%3E%3C/svg%3E"); } :root .gk-ico-arrow-up-right, :root .gk-i2-ico-arrow-up-right i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M800 -704V-288Q800 -275 790.5 -265.5Q781 -256 768 -256Q755 -256 745.5 -265.5Q736 -275 736 -288V-627L279 -169Q274 -165 268.5 -162.5Q263 -160 256 -160Q243 -160 233.5 -169.5Q224 -179 224 -192Q224 -199 226.5 -204.5Q229 -210 233 -215L691 -672H352Q339 -672 329.5 -681.5Q320 -691 320 -704Q320 -717 329.5 -726.5Q339 -736 352 -736H768Q781 -736 790.5 -726.5Q800 -717 800 -704Z'/%3E%3C/svg%3E"); } :root .gk-ico-arrow-u-up-left, :root .gk-i2-ico-arrow-u-up-left i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M928 -384Q928 -331 908 -284Q888 -238 853.0 -203.0Q818 -168 772 -148Q725 -128 672 -128H320Q307 -128 297.5 -137.5Q288 -147 288 -160Q288 -173 297.5 -182.5Q307 -192 320 -192H672Q752 -192 808.0 -248.0Q864 -304 864 -384Q864 -464 808.0 -520.0Q752 -576 672 -576H205L343 -439Q347 -434 349.5 -428.5Q352 -423 352 -416Q352 -403 342.5 -393.5Q333 -384 320 -384Q313 -384 307.5 -386.5Q302 -389 297 -393L105 -585Q101 -590 98.5 -595.5Q96 -601 96 -608Q96 -615 98.5 -620.5Q101 -626 105 -631L297 -823Q302 -827 307.5 -829.5Q313 -832 320 -832Q333 -832 342.5 -822.5Q352 -813 352 -800Q352 -793 349.5 -787.5Q347 -782 343 -777L205 -640H672Q725 -640 772 -620Q818 -600 853.0 -565.0Q888 -530 908 -484Q928 -437 928 -384Z'/%3E%3C/svg%3E"); } :root .gk-ico-arrow-left, :root .gk-i2-ico-arrow-left i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M896 -448Q896 -435 886.5 -425.5Q877 -416 864 -416H237L471 -183Q475 -178 477.5 -172.5Q480 -167 480 -160Q480 -147 470.5 -137.5Q461 -128 448 -128Q441 -128 435.5 -130.5Q430 -133 425 -137L137 -425Q133 -430 130.5 -435.5Q128 -441 128 -448Q128 -455 130.5 -460.5Q133 -466 137 -471L425 -759Q430 -763 435.5 -765.5Q441 -768 448 -768Q461 -768 470.5 -758.5Q480 -749 480 -736Q480 -729 477.5 -723.5Q475 -718 471 -713L237 -480H864Q877 -480 886.5 -470.5Q896 -461 896 -448Z'/%3E%3C/svg%3E"); } :root .gk-ico-play, :root .gk-i2-ico-play i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M930 -502 353 -855Q346 -859 337.5 -861.5Q329 -864 320 -864Q311 -864 303.0 -862.0Q295 -860 288 -856Q274 -848 265.0 -833.0Q256 -818 256 -801V-95Q256 -69 274.5 -50.5Q293 -32 320 -32Q320 -32 320.0 -32.0Q320 -32 320 -32Q329 -32 337.5 -34.5Q346 -37 354 -42L353 -41L930 -394Q943 -402 951.5 -416.5Q960 -431 960 -448Q960 -465 951.5 -479.0Q943 -493 930 -502ZM320 -96V-800L895 -448Z'/%3E%3C/svg%3E"); } :root .gk-ico-hourglass-medium, :root .gk-i2-ico-hourglass-medium i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M800 -657V-800Q800 -827 781.5 -845.5Q763 -864 736 -864H288Q261 -864 242.5 -845.5Q224 -827 224 -800V-656Q224 -640 231.0 -627.0Q238 -614 249 -605H250L459 -448L250 -291Q238 -282 231.0 -269.0Q224 -256 224 -240V-96Q224 -69 242.5 -50.5Q261 -32 288 -32H736Q763 -32 781.5 -50.5Q800 -69 800 -96V-239Q800 -254 793.0 -267.5Q786 -281 775 -290L565 -448L775 -606Q786 -615 793.0 -628.5Q800 -642 800 -657ZM288 -800H736V-657L713 -640H309L288 -656ZM512 -488 395 -576H628ZM736 -96H288V-240L480 -384V-288Q480 -275 489.5 -265.5Q499 -256 512 -256Q525 -256 534.5 -265.5Q544 -275 544 -288V-384L736 -239Z'/%3E%3C/svg%3E"); } :root .gk-ico-eye, :root .gk-i2-ico-eye i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M989 -461Q988 -463 961.5 -510.5Q935 -558 879 -615Q841 -652 799 -681Q756 -710 710.0 -729.0Q664 -748 614 -758Q564 -768 512 -768Q460 -768 410 -758Q360 -748 314.0 -729.0Q268 -710 225 -681Q183 -652 145 -615Q89 -558 62.5 -510.5Q36 -463 35 -461Q33 -458 32.5 -454.5Q32 -451 32 -448Q32 -444 32.5 -441.0Q33 -438 35 -435Q36 -433 62.5 -385.5Q89 -338 145 -281Q183 -244 225 -215Q268 -186 314.0 -167.0Q360 -148 410 -138Q460 -128 512 -128Q564 -128 614 -138Q664 -148 710.0 -167.0Q756 -186 799 -215Q841 -244 879 -281Q935 -338 961.5 -385.5Q988 -433 989 -435Q991 -438 991.5 -441.0Q992 -444 992 -448Q992 -451 991.5 -454.5Q991 -458 989 -461ZM512 -192Q466 -192 423 -200Q379 -209 339.0 -225.5Q299 -242 262 -267Q226 -292 192 -325Q166 -352 143.0 -382.0Q120 -412 101 -445L100 -448Q119 -483 142.5 -513.5Q166 -544 192 -571Q226 -604 262 -629Q299 -654 339.0 -670.5Q379 -687 423 -696Q466 -704 512 -704Q558 -704 601 -696Q645 -687 685.0 -670.5Q725 -654 762 -629Q798 -604 832 -571Q859 -544 881.5 -514.0Q904 -484 923 -451L924 -448Q913 -428 884 -385Q854 -343 804.0 -300.0Q754 -257 681 -224Q609 -192 512 -192ZM512 -640Q432 -640 376.0 -584.0Q320 -528 320 -448Q320 -368 376.0 -312.0Q432 -256 512 -256Q592 -256 648.0 -312.0Q704 -368 704 -448Q704 -527 647.5 -583.5Q591 -640 512 -640ZM512 -320Q459 -320 421.5 -357.5Q384 -395 384 -448Q384 -501 421.5 -538.5Q459 -576 512 -576Q565 -576 602.5 -538.5Q640 -501 640 -448Q640 -395 602.5 -357.5Q565 -320 512 -320Z'/%3E%3C/svg%3E"); } :root .gk-ico-check-circle, :root .gk-i2-ico-check-circle i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M695 -567Q699 -562 701.5 -556.5Q704 -551 704 -544Q704 -537 701.5 -531.5Q699 -526 695 -521L471 -297Q466 -293 460.5 -290.5Q455 -288 448 -288Q441 -288 435.5 -290.5Q430 -293 425 -297L329 -393Q325 -398 322.5 -403.5Q320 -409 320 -416Q320 -429 329.5 -438.5Q339 -448 352 -448Q359 -448 364.5 -445.5Q370 -443 375 -439L448 -365L649 -567Q654 -571 659.5 -573.5Q665 -576 672 -576Q679 -576 684.5 -573.5Q690 -571 695 -567ZM928 -448Q928 -362 895 -286Q863 -210 806.5 -153.5Q750 -97 674 -65Q598 -32 512 -32Q426 -32 350 -65Q274 -97 217.5 -153.5Q161 -210 129 -286Q96 -362 96 -448Q96 -534 129 -610Q161 -686 217.5 -742.5Q274 -799 350 -831Q426 -864 512 -864Q598 -864 674 -831Q750 -798 806.0 -742.0Q862 -686 895 -610Q928 -534 928 -448ZM864 -448Q864 -521 836 -585Q809 -649 761.0 -697.0Q713 -745 649 -772Q585 -800 512 -800Q439 -800 375 -772Q311 -745 263.0 -697.0Q215 -649 188 -585Q160 -521 160 -448Q160 -375 188 -311Q215 -247 263.0 -199.0Q311 -151 375 -124Q439 -96 512 -96Q585 -96 649 -124Q713 -151 761.0 -199.0Q809 -247 836 -311Q864 -375 864 -448Z'/%3E%3C/svg%3E"); } :root .gk-ico-squares-four, :root .gk-i2-ico-squares-four i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M416 -800H224Q197 -800 178.5 -781.5Q160 -763 160 -736V-544Q160 -517 178.5 -498.5Q197 -480 224 -480H416Q443 -480 461.5 -498.5Q480 -517 480 -544V-736Q480 -763 461.5 -781.5Q443 -800 416 -800ZM416 -544H224V-736H416ZM800 -800H608Q581 -800 562.5 -781.5Q544 -763 544 -736V-544Q544 -517 562.5 -498.5Q581 -480 608 -480H800Q827 -480 845.5 -498.5Q864 -517 864 -544V-736Q864 -763 845.5 -781.5Q827 -800 800 -800ZM800 -544H608V-736H800ZM416 -416H224Q197 -416 178.5 -397.5Q160 -379 160 -352V-160Q160 -133 178.5 -114.5Q197 -96 224 -96H416Q443 -96 461.5 -114.5Q480 -133 480 -160V-352Q480 -379 461.5 -397.5Q443 -416 416 -416ZM416 -160H224V-352H416ZM800 -416H608Q581 -416 562.5 -397.5Q544 -379 544 -352V-160Q544 -133 562.5 -114.5Q581 -96 608 -96H800Q827 -96 845.5 -114.5Q864 -133 864 -160V-352Q864 -379 845.5 -397.5Q827 -416 800 -416ZM800 -160H608V-352H800Z'/%3E%3C/svg%3E"); } :root .gk-ico-sparkle, :root .gk-i2-ico-sparkle i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M790 -444 584 -520 508 -726Q501 -745 485.0 -756.5Q469 -768 448 -768Q428 -768 411.5 -756.5Q395 -745 389 -727L388 -726L312 -520L106 -444Q87 -437 75.5 -421.0Q64 -405 64 -384Q64 -364 75.5 -347.5Q87 -331 105 -325L106 -324L312 -248L388 -42Q395 -23 411.0 -11.5Q427 0 448 0Q468 0 484.5 -11.5Q501 -23 507 -41L508 -42L584 -248L790 -324Q809 -331 820.5 -347.0Q832 -363 832 -384Q832 -404 820.5 -420.5Q809 -437 791 -443L790 -444ZM548 -303Q541 -301 536.5 -296.0Q532 -291 529 -284L448 -65L367 -284Q365 -291 360.0 -296.0Q355 -301 348 -303L129 -384L348 -465Q355 -467 360.0 -472.0Q365 -477 367 -484L448 -703L529 -484Q531 -477 536.0 -472.5Q541 -468 548 -465L767 -384ZM576 -800Q576 -813 585.5 -822.5Q595 -832 608 -832H672V-896Q672 -909 681.5 -918.5Q691 -928 704 -928Q717 -928 726.5 -918.5Q736 -909 736 -896V-832H800Q813 -832 822.5 -822.5Q832 -813 832 -800Q832 -787 822.5 -777.5Q813 -768 800 -768H736V-704Q736 -691 726.5 -681.5Q717 -672 704 -672Q691 -672 681.5 -681.5Q672 -691 672 -704V-768H608Q595 -768 585.5 -777.5Q576 -787 576 -800ZM992 -608Q992 -595 982.5 -585.5Q973 -576 960 -576H928V-544Q928 -531 918.5 -521.5Q909 -512 896 -512Q883 -512 873.5 -521.5Q864 -531 864 -544V-576H832Q819 -576 809.5 -585.5Q800 -595 800 -608Q800 -621 809.5 -630.5Q819 -640 832 -640H864V-672Q864 -685 873.5 -694.5Q883 -704 896 -704Q909 -704 918.5 -694.5Q928 -685 928 -672V-640H960Q973 -640 982.5 -630.5Q992 -621 992 -608Z'/%3E%3C/svg%3E"); } :root .gk-ico-minus, :root .gk-i2-ico-minus i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M896 -448Q896 -435 886.5 -425.5Q877 -416 864 -416H160Q147 -416 137.5 -425.5Q128 -435 128 -448Q128 -461 137.5 -470.5Q147 -480 160 -480H864Q877 -480 886.5 -470.5Q896 -461 896 -448Z'/%3E%3C/svg%3E"); } :root .gk-ico-globe-hemisphere-west, :root .gk-i2-ico-globe-hemisphere-west i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M512 -864Q426 -864 350 -831Q274 -799 217.5 -742.5Q161 -686 129 -610Q96 -534 96 -448Q96 -362 129 -286Q161 -210 217.5 -153.5Q274 -97 350 -65Q426 -32 512 -32Q598 -32 674 -65Q750 -97 806.5 -153.5Q863 -210 895 -286Q928 -362 928 -448Q928 -534 895 -610Q862 -686 806.0 -742.0Q750 -798 674 -831Q598 -864 512 -864ZM864 -448Q864 -448 864.0 -448.0Q864 -448 864 -448Q864 -412 857.0 -378.5Q850 -345 838 -314V-316L660 -426Q654 -430 648.0 -432.0Q642 -434 635 -435L543 -447Q541 -448 539.0 -448.0Q537 -448 535 -448Q517 -448 502.5 -439.5Q488 -431 480 -416H479H444L429 -447Q423 -461 411.5 -470.0Q400 -479 386 -482H385L353 -489L385 -544H451Q460 -544 468.0 -546.0Q476 -548 483 -552H482L531 -579Q535 -581 538.0 -583.0Q541 -585 543 -588L651 -685Q661 -694 666.5 -706.0Q672 -718 672 -732Q672 -741 670.0 -749.0Q668 -757 664 -764L663 -766Q708 -745 745 -712Q782 -679 808.5 -638.0Q835 -597 849 -549Q864 -500 864 -448ZM573 -795 608 -732 500 -635 451 -608H385Q385 -608 384.5 -608.0Q384 -608 384 -608Q367 -608 352.5 -599.5Q338 -591 329 -576L294 -515L254 -623L297 -727Q341 -761 396.0 -780.5Q451 -800 512 -800Q528 -800 544.0 -798.5Q560 -797 575 -794L573 -795ZM160 -448Q160 -448 160.0 -448.0Q160 -448 160 -448Q160 -489 169.0 -528.0Q178 -567 195 -601L194 -599L240 -478Q245 -463 257.5 -452.5Q270 -442 286 -438L372 -420L387 -388Q395 -372 410.5 -362.0Q426 -352 445 -352H450L422 -287Q419 -281 417.5 -274.5Q416 -268 416 -261Q416 -248 420.5 -237.0Q425 -226 433 -218L434 -217L512 -136L504 -96Q433 -98 370 -126Q307 -154 260.5 -202.0Q214 -250 187 -313Q160 -376 160 -448ZM570 -101 575 -124Q575 -127 575.5 -130.0Q576 -133 576 -136Q576 -149 571.5 -160.0Q567 -171 559 -180Q559 -180 558.5 -180.0Q558 -180 558 -180L480 -261L535 -384L626 -372L809 -259Q769 -197 707.5 -155.5Q646 -114 572 -101H570Z'/%3E%3C/svg%3E"); } :root .gk-ico-gift, :root .gk-i2-ico-gift i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M864 -672H724Q725 -673 726.0 -674.0Q727 -675 728 -676Q746 -692 756.5 -714.0Q767 -736 768 -762Q768 -763 768.0 -764.0Q768 -765 768 -766Q768 -820 730.0 -858.0Q692 -896 638 -896Q637 -896 636.0 -896.0Q635 -896 634 -896Q608 -895 586.0 -884.5Q564 -874 548 -856Q537 -844 528.0 -829.5Q519 -815 513 -800L512 -798Q505 -815 496.0 -829.5Q487 -844 476 -857V-856Q460 -874 438.0 -884.5Q416 -895 390 -896Q389 -896 388.0 -896.0Q387 -896 386 -896Q332 -896 294.0 -858.0Q256 -820 256 -766Q256 -765 256.0 -764.0Q256 -763 256 -762Q257 -736 267.5 -714.0Q278 -692 296 -676Q297 -675 298.0 -674.0Q299 -673 300 -672H160Q133 -672 114.5 -653.5Q96 -635 96 -608V-480Q96 -453 114.5 -434.5Q133 -416 160 -416V-160Q160 -133 178.5 -114.5Q197 -96 224 -96H800Q827 -96 845.5 -114.5Q864 -133 864 -160V-416Q891 -416 909.5 -434.5Q928 -453 928 -480V-608Q928 -635 909.5 -653.5Q891 -672 864 -672ZM596 -814Q603 -822 613.5 -827.0Q624 -832 636 -832H638Q665 -832 684.5 -812.5Q704 -793 704 -765Q704 -765 704.0 -764.5Q704 -764 704 -764Q704 -752 699.0 -741.5Q694 -731 686 -724Q658 -698 616.5 -687.5Q575 -677 546 -674Q550 -706 561.0 -746.5Q572 -787 596 -814ZM340 -813Q349 -821 361.0 -826.5Q373 -832 386 -832H388Q400 -832 410.5 -827.0Q421 -822 428 -814Q453 -786 464.0 -744.5Q475 -703 478 -674Q449 -677 408.0 -688.0Q367 -699 338 -724Q330 -731 325.0 -741.5Q320 -752 320 -764Q320 -764 320.0 -764.5Q320 -765 320 -766Q320 -779 325.5 -791.5Q331 -804 339 -813ZM160 -608H480V-480H160ZM224 -416H480V-160H224ZM800 -160H544V-416H800ZM864 -480H544V-608H864Z'/%3E%3C/svg%3E"); } :root .gk-ico-compass, :root .gk-i2-ico-compass i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M512 -864Q426 -864 350 -831Q274 -799 217.5 -742.5Q161 -686 129 -610Q96 -534 96 -448Q96 -362 129 -286Q161 -210 217.5 -153.5Q274 -97 350 -65Q426 -32 512 -32Q598 -32 674 -65Q750 -97 806.5 -153.5Q863 -210 895 -286Q928 -362 928 -448Q928 -534 895 -610Q862 -686 806.0 -742.0Q750 -798 674 -831Q598 -864 512 -864ZM512 -96Q439 -96 375 -124Q311 -151 263.0 -199.0Q215 -247 188 -311Q160 -375 160 -448Q160 -521 188 -585Q215 -649 263.0 -697.0Q311 -745 375 -772Q439 -800 512 -800Q585 -800 649 -772Q713 -745 761.0 -697.0Q809 -649 836 -585Q864 -521 864 -448Q864 -375 836 -311Q809 -247 761.0 -199.0Q713 -151 649 -124Q585 -96 512 -96ZM690 -669 434 -541Q429 -538 425.5 -534.5Q422 -531 419 -527V-526L291 -270Q290 -267 289.0 -263.5Q288 -260 288 -256Q288 -243 297.5 -233.5Q307 -224 320 -224Q320 -224 320.0 -224.0Q320 -224 320 -224Q324 -224 327.5 -225.0Q331 -226 335 -227H334L590 -355Q595 -358 598.5 -361.5Q602 -365 605 -369V-370L733 -626Q734 -629 735.0 -632.5Q736 -636 736 -640Q736 -653 726.5 -662.5Q717 -672 704 -672Q700 -672 696.5 -671.0Q693 -670 689 -669H690ZM552 -408 392 -328 472 -488 633 -568Z'/%3E%3C/svg%3E"); } :root .gk-ico-arrows-down-up, :root .gk-i2-ico-arrows-down-up i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M471 -279Q475 -274 477.5 -268.5Q480 -263 480 -256Q480 -249 477.5 -243.5Q475 -238 471 -233L343 -105Q338 -101 332.5 -98.5Q327 -96 320 -96Q313 -96 307.5 -98.5Q302 -101 297 -105L169 -233Q165 -238 162.5 -243.5Q160 -249 160 -256Q160 -269 169.5 -278.5Q179 -288 192 -288Q199 -288 204.5 -285.5Q210 -283 215 -279L288 -205V-768Q288 -781 297.5 -790.5Q307 -800 320 -800Q333 -800 342.5 -790.5Q352 -781 352 -768V-205L425 -279Q430 -283 435.5 -285.5Q441 -288 448 -288Q455 -288 460.5 -285.5Q466 -283 471 -279ZM855 -663 727 -791Q722 -795 716.5 -797.5Q711 -800 704 -800Q697 -800 691.5 -797.5Q686 -795 681 -791L553 -663Q549 -658 546.5 -652.5Q544 -647 544 -640Q544 -627 553.5 -617.5Q563 -608 576 -608Q583 -608 588.5 -610.5Q594 -613 599 -617L672 -691V-128Q672 -115 681.5 -105.5Q691 -96 704 -96Q717 -96 726.5 -105.5Q736 -115 736 -128V-691L809 -617Q814 -613 819.5 -610.5Q825 -608 832 -608Q845 -608 854.5 -617.5Q864 -627 864 -640Q864 -647 861.5 -652.5Q859 -658 855 -663Z'/%3E%3C/svg%3E"); } :root .gk-ico-trash, :root .gk-i2-ico-trash i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M864 -768H704V-800Q704 -840 676.0 -868.0Q648 -896 608 -896H416Q376 -896 348.0 -868.0Q320 -840 320 -800V-768H160Q147 -768 137.5 -758.5Q128 -749 128 -736Q128 -723 137.5 -713.5Q147 -704 160 -704H192V-128Q192 -101 210.5 -82.5Q229 -64 256 -64H768Q795 -64 813.5 -82.5Q832 -101 832 -128V-704H864Q877 -704 886.5 -713.5Q896 -723 896 -736Q896 -749 886.5 -758.5Q877 -768 864 -768ZM384 -800Q384 -813 393.5 -822.5Q403 -832 416 -832H608Q621 -832 630.5 -822.5Q640 -813 640 -800V-768H384ZM768 -128H256V-704H768ZM448 -544V-288Q448 -275 438.5 -265.5Q429 -256 416 -256Q403 -256 393.5 -265.5Q384 -275 384 -288V-544Q384 -557 393.5 -566.5Q403 -576 416 -576Q429 -576 438.5 -566.5Q448 -557 448 -544ZM640 -544V-288Q640 -275 630.5 -265.5Q621 -256 608 -256Q595 -256 585.5 -265.5Q576 -275 576 -288V-544Q576 -557 585.5 -566.5Q595 -576 608 -576Q621 -576 630.5 -566.5Q640 -557 640 -544Z'/%3E%3C/svg%3E"); } :root .gk-ico-timer, :root .gk-i2-ico-timer i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M512 -800Q432 -800 363 -770Q293 -740 240.5 -687.5Q188 -635 158 -565Q128 -496 128 -416Q128 -336 158 -267Q188 -197 240.5 -144.5Q293 -92 363 -62Q432 -32 512 -32Q592 -32 661 -62Q731 -92 783.5 -144.5Q836 -197 866 -267Q896 -336 896 -416Q896 -495 866 -565Q836 -635 783.5 -687.5Q731 -740 661 -770Q592 -800 512 -800ZM512 -96Q446 -96 387 -121Q329 -146 285.5 -189.5Q242 -233 217 -291Q192 -350 192 -416Q192 -482 217 -541Q242 -599 285.5 -642.5Q329 -686 387 -711Q446 -736 512 -736Q578 -736 637 -711Q695 -686 738.5 -642.5Q782 -599 807 -541Q832 -482 832 -416Q832 -350 807 -292Q782 -233 738.5 -189.5Q695 -146 637 -121Q578 -96 512 -96ZM695 -599Q699 -594 701.5 -588.5Q704 -583 704 -576Q704 -569 701.5 -563.5Q699 -558 695 -553L535 -393Q530 -389 524.5 -386.5Q519 -384 512 -384Q499 -384 489.5 -393.5Q480 -403 480 -416Q480 -423 482.5 -428.5Q485 -434 489 -439L649 -599Q654 -603 659.5 -605.5Q665 -608 672 -608Q679 -608 684.5 -605.5Q690 -603 695 -599ZM384 -896Q384 -909 393.5 -918.5Q403 -928 416 -928H608Q621 -928 630.5 -918.5Q640 -909 640 -896Q640 -883 630.5 -873.5Q621 -864 608 -864H416Q403 -864 393.5 -873.5Q384 -883 384 -896Z'/%3E%3C/svg%3E"); } :root .gk-ico-t-shirt, :root .gk-i2-ico-t-shirt i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M990 -715 783 -828Q780 -830 776.0 -831.0Q772 -832 768 -832H640Q627 -832 617.5 -822.5Q608 -813 608 -800Q608 -760 580.0 -732.0Q552 -704 512 -704Q472 -704 444.0 -732.0Q416 -760 416 -800Q416 -813 406.5 -822.5Q397 -832 384 -832H256Q252 -832 248.0 -831.0Q244 -830 240 -828H241L34 -715Q19 -707 9.5 -692.0Q0 -677 0 -659Q0 -651 2.0 -643.5Q4 -636 7 -630L84 -483Q93 -467 108.5 -457.5Q124 -448 142 -448Q142 -448 142.5 -448.0Q143 -448 143 -448H224V-128Q224 -101 242.5 -82.5Q261 -64 288 -64H736Q763 -64 781.5 -82.5Q800 -101 800 -128V-448H881Q881 -448 881.5 -448.0Q882 -448 882 -448Q901 -448 916.0 -457.5Q931 -467 940 -482V-483L1017 -630Q1020 -636 1022.0 -643.5Q1024 -651 1024 -659Q1024 -677 1015.0 -692.0Q1006 -707 991 -715H990ZM143 -512Q143 -512 143.0 -512.0Q143 -512 143 -512Q142 -512 141.5 -512.0Q141 -512 141 -513L64 -659L224 -746V-512ZM736 -128H288V-768H355Q367 -713 410.5 -676.5Q454 -640 512 -640Q570 -640 613.5 -676.5Q657 -713 669 -767V-768H736ZM883 -513Q883 -512 882.5 -512.0Q882 -512 882 -512Q881 -512 881.0 -512.0Q881 -512 881 -512H800V-746L960 -659Z'/%3E%3C/svg%3E"); } :root .gk-ico-sliders-horizontal, :root .gk-i2-ico-sliders-horizontal i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M160 -608H292Q303 -566 337.0 -539.0Q371 -512 416 -512Q461 -512 495.0 -539.0Q529 -566 540 -607V-608H864Q877 -608 886.5 -617.5Q896 -627 896 -640Q896 -653 886.5 -662.5Q877 -672 864 -672H540Q529 -714 495.0 -741.0Q461 -768 416 -768Q371 -768 337.0 -741.0Q303 -714 292 -673V-672H160Q147 -672 137.5 -662.5Q128 -653 128 -640Q128 -627 137.5 -617.5Q147 -608 160 -608ZM416 -704Q443 -704 461.5 -685.5Q480 -667 480 -640Q480 -613 461.5 -594.5Q443 -576 416 -576Q389 -576 370.5 -594.5Q352 -613 352 -640Q352 -667 370.5 -685.5Q389 -704 416 -704ZM864 -288H796Q785 -330 751.0 -357.0Q717 -384 672 -384Q627 -384 593.0 -357.0Q559 -330 548 -289V-288H160Q147 -288 137.5 -278.5Q128 -269 128 -256Q128 -243 137.5 -233.5Q147 -224 160 -224H548Q559 -182 593.0 -155.0Q627 -128 672 -128Q717 -128 751.0 -155.0Q785 -182 796 -223V-224H864Q877 -224 886.5 -233.5Q896 -243 896 -256Q896 -269 886.5 -278.5Q877 -288 864 -288ZM672 -192Q645 -192 626.5 -210.5Q608 -229 608 -256Q608 -283 626.5 -301.5Q645 -320 672 -320Q699 -320 717.5 -301.5Q736 -283 736 -256Q736 -229 717.5 -210.5Q699 -192 672 -192Z'/%3E%3C/svg%3E"); } :root .gk-ico-ruler, :root .gk-i2-ico-ruler i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M941 -667 731 -877Q722 -886 710.5 -891.0Q699 -896 685 -896Q672 -896 660.5 -891.0Q649 -886 640 -877L83 -320Q74 -311 69.0 -299.5Q64 -288 64 -275Q64 -261 69.0 -249.5Q74 -238 83 -229L293 -19Q302 -10 313.5 -5.0Q325 0 339 0Q352 0 363.5 -5.0Q375 -10 384 -19L941 -576Q950 -585 955.0 -596.5Q960 -608 960 -621Q960 -635 955.0 -646.5Q950 -658 941 -667ZM339 -64 128 -275 256 -403 361 -297Q366 -293 371.5 -290.5Q377 -288 384 -288Q397 -288 406.5 -297.5Q416 -307 416 -320Q416 -327 413.5 -332.5Q411 -338 407 -343L301 -448L384 -531L489 -425Q494 -421 499.5 -418.5Q505 -416 512 -416Q525 -416 534.5 -425.5Q544 -435 544 -448Q544 -455 541.5 -460.5Q539 -466 535 -471L429 -576L512 -659L617 -553Q622 -549 627.5 -546.5Q633 -544 640 -544Q653 -544 662.5 -553.5Q672 -563 672 -576Q672 -583 669.5 -588.5Q667 -594 663 -599L557 -704L685 -832L896 -621Z'/%3E%3C/svg%3E"); } :root .gk-ico-question, :root .gk-i2-ico-question i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M560 -240Q560 -220 546.0 -206.0Q532 -192 512 -192Q492 -192 478.0 -206.0Q464 -220 464 -240Q464 -260 478.0 -274.0Q492 -288 512 -288Q532 -288 546.0 -274.0Q560 -260 560 -240ZM512 -672Q446 -672 399.0 -630.0Q352 -588 352 -528V-512Q352 -499 361.5 -489.5Q371 -480 384 -480Q397 -480 406.5 -489.5Q416 -499 416 -512V-528Q416 -561 444.0 -584.5Q472 -608 512 -608Q552 -608 580.0 -584.5Q608 -561 608 -528Q608 -495 580.0 -471.5Q552 -448 512 -448Q499 -448 489.5 -438.5Q480 -429 480 -416V-384Q480 -371 489.5 -361.5Q499 -352 512 -352Q525 -352 534.5 -361.5Q544 -371 544 -384V-387Q599 -397 635.5 -436.5Q672 -476 672 -528Q672 -588 625.0 -630.0Q578 -672 512 -672ZM928 -448Q928 -362 895 -286Q863 -210 806.5 -153.5Q750 -97 674 -65Q598 -32 512 -32Q426 -32 350 -65Q274 -97 217.5 -153.5Q161 -210 129 -286Q96 -362 96 -448Q96 -534 129 -610Q161 -686 217.5 -742.5Q274 -799 350 -831Q426 -864 512 -864Q598 -864 674 -831Q750 -798 806.0 -742.0Q862 -686 895 -610Q928 -534 928 -448ZM864 -448Q864 -521 836 -585Q809 -649 761.0 -697.0Q713 -745 649 -772Q585 -800 512 -800Q439 -800 375 -772Q311 -745 263.0 -697.0Q215 -649 188 -585Q160 -521 160 -448Q160 -375 188 -311Q215 -247 263.0 -199.0Q311 -151 375 -124Q439 -96 512 -96Q585 -96 649 -124Q713 -151 761.0 -199.0Q809 -247 836 -311Q864 -375 864 -448Z'/%3E%3C/svg%3E"); } :root .gk-ico-phone, :root .gk-i2-ico-phone i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M889 -326 701 -411Q695 -413 688.5 -414.5Q682 -416 675 -416Q665 -416 656.0 -413.0Q647 -410 640 -405Q639 -405 638.0 -404.5Q637 -404 637 -403L539 -320Q493 -342 450.0 -385.0Q407 -428 384 -474L467 -573Q468 -574 468.5 -574.5Q469 -575 470 -576Q474 -583 477.0 -592.0Q480 -601 480 -611Q480 -618 478.5 -624.5Q477 -631 475 -637V-636V-637L390 -825Q383 -843 367.0 -853.5Q351 -864 331 -864Q329 -864 327.0 -864.0Q325 -864 323 -863L324 -864Q282 -858 246 -838Q210 -819 184.0 -789.0Q158 -759 143 -721Q128 -683 128 -640Q128 -640 128.0 -640.0Q128 -640 128 -640Q128 -521 173 -416Q219 -311 297.0 -233.0Q375 -155 480 -109Q585 -64 704 -64Q704 -64 704.0 -64.0Q704 -64 704 -64Q747 -64 785 -79Q823 -94 853.0 -120.0Q883 -146 902 -182Q922 -217 927 -259L928 -260Q928 -261 928.0 -263.0Q928 -265 928 -267Q928 -287 917.5 -303.0Q907 -319 890 -326H889ZM704 -128Q598 -128 505 -168Q412 -209 342.5 -278.5Q273 -348 232 -441Q192 -534 192 -640Q192 -640 192.0 -640.0Q192 -640 192 -641Q192 -702 232.0 -747.0Q272 -792 331 -800Q331 -800 331.0 -800.0Q331 -800 331 -800Q331 -800 331.0 -800.0Q331 -800 331 -800L415 -612L333 -513Q332 -512 331.5 -511.0Q331 -510 331 -510V-509Q326 -502 323.0 -493.0Q320 -484 320 -475Q320 -467 322.0 -460.0Q324 -453 327 -446V-447Q354 -391 405.0 -340.0Q456 -289 512 -262Q518 -259 525.0 -257.5Q532 -256 540 -256Q550 -256 559.0 -259.0Q568 -262 576 -267H575Q576 -267 577.0 -267.5Q578 -268 578 -269L676 -352L864 -268Q864 -268 864.0 -268.0Q864 -268 864 -268Q856 -208 811.0 -168.0Q766 -128 705 -128Q704 -128 704.0 -128.0Q704 -128 704 -128Z'/%3E%3C/svg%3E"); } :root .gk-ico-paper-plane-tilt, :root .gk-i2-ico-paper-plane-tilt i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M909 -845Q901 -854 889.0 -859.0Q877 -864 864 -864Q859 -864 854.5 -863.5Q850 -863 846 -861L847 -862H846L78 -629Q58 -623 45.0 -606.0Q32 -589 32 -567Q32 -548 42.0 -532.5Q52 -517 68 -510V-509L408 -344L573 -5Q581 12 596.5 22.0Q612 32 631 32Q631 32 631.0 32.0Q631 32 631 32Q634 32 636 32Q657 30 672.0 17.5Q687 5 692 -14L925 -782Q925 -782 925.0 -782.0Q925 -782 925 -783Q926 -787 927.0 -791.5Q928 -796 928 -800Q928 -813 923.0 -825.0Q918 -837 909 -845ZM631 -33V-32L471 -362L663 -554Q667 -558 669.5 -563.5Q672 -569 672 -576Q672 -589 662.5 -598.5Q653 -608 640 -608Q633 -608 627.5 -605.5Q622 -603 618 -599L426 -407L97 -567L864 -800Z'/%3E%3C/svg%3E"); } :root .gk-ico-medal, :root .gk-i2-ico-medal i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M864 -576Q864 -576 864.0 -576.0Q864 -576 864 -576Q864 -649 836 -713Q809 -777 761.0 -825.0Q713 -873 649 -901Q585 -928 512 -928Q439 -928 375 -901Q311 -873 263.0 -825.0Q215 -777 188 -713Q160 -649 160 -576Q160 -494 194.5 -424.0Q229 -354 287 -305H288V0Q288 0 288.0 0.0Q288 0 288 0Q288 13 297.5 22.5Q307 32 320 32Q324 32 327.5 31.0Q331 30 335 29H334L512 -60L690 29Q693 30 696.5 31.0Q700 32 704 32Q704 32 704.0 32.0Q704 32 704 32Q717 32 726.5 22.5Q736 13 736 0V-305Q795 -353 829.5 -423.5Q864 -494 864 -576Q864 -576 864.0 -576.0Q864 -576 864 -576ZM224 -576Q224 -636 247 -688Q269 -741 308.0 -780.0Q347 -819 400 -841Q452 -864 512 -864Q572 -864 624 -841Q677 -819 716.0 -780.0Q755 -741 777 -688Q800 -636 800 -576Q800 -516 777 -464Q755 -411 716.0 -372.0Q677 -333 624 -311Q572 -288 512 -288Q452 -288 400 -311Q348 -333 308.5 -372.5Q269 -412 247 -464Q224 -516 224 -576ZM672 -52 526 -125Q523 -126 519.5 -127.0Q516 -128 512 -128Q508 -128 504.5 -127.0Q501 -126 497 -125H498L352 -52V-263Q387 -244 427.5 -234.0Q468 -224 512 -224Q556 -224 597.0 -234.5Q638 -245 674 -263H672ZM512 -352Q558 -352 599 -370Q640 -387 670.5 -417.5Q701 -448 718 -489Q736 -530 736 -576Q736 -622 718 -663Q701 -704 670.5 -734.5Q640 -765 599 -782Q558 -800 512 -800Q466 -800 425 -782Q384 -765 353.5 -734.5Q323 -704 306 -663Q288 -622 288 -576Q288 -530 306 -489Q323 -448 353.5 -417.5Q384 -387 425 -370Q466 -352 512 -352ZM512 -736Q578 -736 625.0 -689.0Q672 -642 672 -576Q672 -510 625.0 -463.0Q578 -416 512 -416Q446 -416 399.0 -463.0Q352 -510 352 -576Q352 -642 399.0 -689.0Q446 -736 512 -736Z'/%3E%3C/svg%3E"); } :root .gk-ico-info, :root .gk-i2-ico-info i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M512 -864Q426 -864 350 -831Q274 -799 217.5 -742.5Q161 -686 129 -610Q96 -534 96 -448Q96 -362 129 -286Q161 -210 217.5 -153.5Q274 -97 350 -65Q426 -32 512 -32Q598 -32 674 -65Q750 -97 806.5 -153.5Q863 -210 895 -286Q928 -362 928 -448Q928 -534 895 -610Q862 -686 806.0 -742.0Q750 -798 674 -831Q598 -864 512 -864ZM512 -96Q439 -96 375 -124Q311 -151 263.0 -199.0Q215 -247 188 -311Q160 -375 160 -448Q160 -521 188 -585Q215 -649 263.0 -697.0Q311 -745 375 -772Q439 -800 512 -800Q585 -800 649 -772Q713 -745 761.0 -697.0Q809 -649 836 -585Q864 -521 864 -448Q864 -375 836 -311Q809 -247 761.0 -199.0Q713 -151 649 -124Q585 -96 512 -96ZM576 -256Q576 -243 566.5 -233.5Q557 -224 544 -224Q517 -224 498.5 -242.5Q480 -261 480 -288V-448Q467 -448 457.5 -457.5Q448 -467 448 -480Q448 -493 457.5 -502.5Q467 -512 480 -512Q507 -512 525.5 -493.5Q544 -475 544 -448V-288Q557 -288 566.5 -278.5Q576 -269 576 -256ZM448 -624Q448 -644 462.0 -658.0Q476 -672 496 -672Q516 -672 530.0 -658.0Q544 -644 544 -624Q544 -604 530.0 -590.0Q516 -576 496 -576Q476 -576 462.0 -590.0Q448 -604 448 -624Z'/%3E%3C/svg%3E"); } :root .gk-ico-envelope-simple, :root .gk-i2-ico-envelope-simple i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M896 -768H128Q115 -768 105.5 -758.5Q96 -749 96 -736V-192Q96 -165 114.5 -146.5Q133 -128 160 -128H864Q891 -128 909.5 -146.5Q928 -165 928 -192V-736Q928 -749 918.5 -758.5Q909 -768 896 -768ZM814 -704 512 -427 210 -704ZM864 -192H160V-663L490 -360Q495 -356 500.5 -354.0Q506 -352 512 -352Q518 -352 523.5 -354.0Q529 -356 534 -360L864 -663Z'/%3E%3C/svg%3E"); } :root .gk-ico-credit-card, :root .gk-i2-ico-credit-card i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M896 -768H128Q101 -768 82.5 -749.5Q64 -731 64 -704V-192Q64 -165 82.5 -146.5Q101 -128 128 -128H896Q923 -128 941.5 -146.5Q960 -165 960 -192V-704Q960 -731 941.5 -749.5Q923 -768 896 -768ZM896 -704V-608H128V-704ZM896 -192H128V-544H896ZM832 -288Q832 -275 822.5 -265.5Q813 -256 800 -256H672Q659 -256 649.5 -265.5Q640 -275 640 -288Q640 -301 649.5 -310.5Q659 -320 672 -320H800Q813 -320 822.5 -310.5Q832 -301 832 -288ZM576 -288Q576 -275 566.5 -265.5Q557 -256 544 -256H480Q467 -256 457.5 -265.5Q448 -275 448 -288Q448 -301 457.5 -310.5Q467 -320 480 -320H544Q557 -320 566.5 -310.5Q576 -301 576 -288Z'/%3E%3C/svg%3E"); } :root .gk-icof-star, :root .gk-i2-icof-star i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M937 -501 757 -345 812 -113Q813 -110 813.5 -106.0Q814 -102 814 -98Q814 -71 794.5 -51.5Q775 -32 748 -32Q739 -32 730.0 -34.5Q721 -37 714 -42L512 -166L310 -42Q303 -37 294.0 -34.5Q285 -32 276 -32Q249 -32 229.5 -51.5Q210 -71 210 -98Q210 -102 210.5 -106.0Q211 -110 212 -113L267 -345L87 -501Q77 -510 70.5 -523.0Q64 -536 64 -550Q64 -576 81.5 -595.0Q99 -614 124 -616L360 -635L451 -855Q459 -873 475.5 -884.5Q492 -896 512 -896Q532 -896 548.5 -884.5Q565 -873 572 -856V-855L663 -635L899 -616Q925 -614 942.5 -595.0Q960 -576 960 -550Q960 -535 953.5 -522.5Q947 -510 937 -501Z'/%3E%3C/svg%3E"); } :root .gk-icof-seal-check, :root .gk-i2-icof-seal-check i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M903 -549Q892 -561 881.5 -572.5Q871 -584 867 -595Q863 -605 862.0 -620.0Q861 -635 861 -651Q860 -680 856.0 -711.0Q852 -742 829 -765Q806 -788 775.0 -792.0Q744 -796 715 -797Q699 -797 684.0 -798.0Q669 -799 659 -803Q648 -807 636.5 -817.5Q625 -828 613 -839Q592 -859 567.5 -877.5Q543 -896 512 -896Q481 -896 456.5 -877.5Q432 -859 411 -839Q399 -828 387.5 -817.5Q376 -807 365 -803Q355 -799 340.0 -798.0Q325 -797 309 -797Q280 -796 249.0 -792.0Q218 -788 195 -765Q172 -742 168.0 -711.0Q164 -680 163 -651Q163 -635 162.0 -620.0Q161 -605 157 -595Q153 -584 142.5 -572.5Q132 -561 121 -549Q101 -528 82.5 -503.5Q64 -479 64 -448Q64 -417 82.5 -392.5Q101 -368 121 -347Q132 -335 142.5 -323.5Q153 -312 157 -301Q161 -291 162.0 -276.0Q163 -261 163 -245Q164 -216 168.0 -185.0Q172 -154 195 -131Q218 -108 249.0 -104.0Q280 -100 309 -99Q325 -99 340.0 -98.0Q355 -97 365 -93Q376 -89 387.5 -78.5Q399 -68 411 -57Q432 -37 456.5 -18.5Q481 0 512 0Q543 0 567.5 -18.5Q592 -37 613 -57Q625 -68 636.5 -78.5Q648 -89 659 -93Q669 -97 684.0 -98.0Q699 -99 715 -99Q744 -100 775.0 -104.0Q806 -108 829 -131Q852 -154 856.0 -185.0Q860 -216 861 -245Q861 -261 862.0 -276.0Q863 -291 867 -301Q871 -312 881.5 -323.5Q892 -335 903 -347Q923 -368 941.5 -392.5Q960 -417 960 -448Q960 -479 941.5 -503.5Q923 -528 903 -549ZM695 -521 471 -297Q466 -293 460.5 -290.5Q455 -288 448 -288Q441 -288 435.5 -290.5Q430 -293 425 -297L329 -393Q325 -398 322.5 -403.5Q320 -409 320 -416Q320 -429 329.5 -438.5Q339 -448 352 -448Q359 -448 364.5 -445.5Q370 -443 375 -439L448 -365L649 -567Q654 -571 659.5 -573.5Q665 -576 672 -576Q685 -576 694.5 -566.5Q704 -557 704 -544Q704 -537 701.5 -531.5Q699 -526 695 -521Z'/%3E%3C/svg%3E"); } :root .gk-icof-apple-logo, :root .gk-i2-icof-apple-logo i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M513 -840Q527 -892 569.5 -926.0Q612 -960 668 -960Q668 -960 668.0 -960.0Q668 -960 668 -960H672Q685 -960 694.5 -950.5Q704 -941 704 -928Q704 -915 694.5 -905.5Q685 -896 672 -896H668Q668 -896 668.0 -896.0Q668 -896 668 -896Q635 -896 609.0 -875.5Q583 -855 575 -825V-824Q572 -814 563.5 -807.0Q555 -800 544 -800Q531 -800 521.5 -809.5Q512 -819 512 -832Q512 -834 512.5 -836.0Q513 -838 513 -840ZM893 -282Q891 -286 888.5 -289.5Q886 -293 882 -295Q831 -330 815.5 -383.0Q800 -436 800 -480Q800 -533 831.0 -576.5Q862 -620 886 -643Q891 -647 893.5 -653.0Q896 -659 896 -666Q896 -673 893.5 -679.0Q891 -685 886 -689Q848 -725 789.5 -746.5Q731 -768 672 -768Q627 -768 586.0 -755.0Q545 -742 511 -719H512Q478 -742 437.5 -755.0Q397 -768 353 -768Q293 -768 240.5 -745.0Q188 -722 149 -683Q110 -643 87.0 -589.0Q64 -535 64 -474Q64 -472 64.0 -470.0Q64 -468 64 -466Q65 -413 77 -363Q89 -313 109.5 -267.5Q130 -222 159 -182Q188 -141 224 -108L225 -107Q246 -87 274.0 -75.5Q302 -64 334 -64Q334 -64 334.0 -64.0Q334 -64 334 -64H685Q685 -64 685.0 -64.0Q685 -64 685 -64Q720 -64 750.0 -77.5Q780 -91 801 -114H802Q822 -136 839.5 -160.0Q857 -184 872 -210L873 -213Q894 -251 895.0 -262.5Q896 -274 893 -282Z'/%3E%3C/svg%3E"); } :root .gk-icof-play, :root .gk-i2-icof-play i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M960 -448Q960 -448 960.0 -448.0Q960 -448 960 -448Q960 -431 951.5 -416.5Q943 -402 930 -394L353 -41Q346 -37 337.5 -34.5Q329 -32 320 -32Q311 -32 303.0 -34.0Q295 -36 288 -40Q274 -48 265.0 -63.0Q256 -78 256 -95V-801Q256 -818 265.0 -832.5Q274 -847 288 -856Q295 -860 303.0 -862.0Q311 -864 320 -864Q329 -864 337.5 -861.5Q346 -859 354 -854L353 -855L930 -502Q943 -494 951.5 -479.5Q960 -465 960 -448Q960 -448 960.0 -448.0Q960 -448 960 -448Z'/%3E%3C/svg%3E"); } :root .gk-icof-check-circle, :root .gk-i2-icof-check-circle i:empty:nth-of-type(2) { --gk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M512 -864Q426 -864 350 -831Q274 -799 217.5 -742.5Q161 -686 129 -610Q96 -534 96 -448Q96 -362 129 -286Q161 -210 217.5 -153.5Q274 -97 350 -65Q426 -32 512 -32Q598 -32 674 -65Q750 -97 806.5 -153.5Q863 -210 895 -286Q928 -362 928 -448Q928 -534 895 -610Q862 -686 806.0 -742.0Q750 -798 674 -831Q598 -864 512 -864ZM695 -521 471 -297Q466 -293 460.5 -290.5Q455 -288 448 -288Q441 -288 435.5 -290.5Q430 -293 425 -297L329 -393Q325 -398 322.5 -403.5Q320 -409 320 -416Q320 -429 329.5 -438.5Q339 -448 352 -448Q359 -448 364.5 -445.5Q370 -443 375 -439L448 -365L649 -567Q654 -571 659.5 -573.5Q665 -576 672 -576Q685 -576 694.5 -566.5Q704 -557 704 -544Q704 -537 701.5 -531.5Q699 -526 695 -521Z'/%3E%3C/svg%3E"); } /* ========================================================================== 4. WordPress / Elementor integration ========================================================================== */ /* Editor canvas: show scroll-reveal content without waiting for gk.js */ .elementor-editor-active :root .gk-data-reveal, .elementor-editor-active .gk-data-reveal { opacity: 1 !important; transform: none !important; } /* Dynamic slots (XStore widgets / shortcodes live inside) */ :root .gk-xstore-slot:empty { min-height: 40px; } /* Elementor atomic forms: drive the design's success state from Elementor's form state */ :root .e-form-base .gk-form-success { display: none; } :root .e-form-base.form-state-success .gk-form-success { display: flex; } :root .e-form-base.form-state-success .gk-form-body { display: none; } :root .e-form-base .gk-form-error { display: none; } :root .e-form-base.form-state-error .gk-form-error { display: block; color: #9b1c1c; font-weight: 500; font-size: 14.4px; margin-top: 8px; } :root .e-form-base { display: block; gap: 0; } :root .e-form-submit-button-base[class*="gk-ico-"]::after { content: ""; display: inline-block; width: 1.15em; height: 1.15em; background: currentColor; -webkit-mask: var(--gk-ico) center / contain no-repeat; mask: var(--gk-ico) center / contain no-repeat; } :root .e-form-label-base, :root .e-form-input-base { font: inherit; } /* Atomic accordion used for FAQ blocks: the design draws its own icon */ :root .gk-qa > summary { list-style: none; } :root .gk-qa .e-accordion-item-title-base { flex: 1; } :root .gk-qa .e-accordion-item-title-base p { margin: 0; } :root .gk-qa__icon svg { display: none; } :root .gk-qa[open] .gk-qa__icon { transform: rotate(45deg); } /* Shortcode slots: the Shortcode widget's wrappers step out of layout so the design markup sits in its grid/flex parent */ body:not(.elementor-editor-active) :root .gk-xstore-slot--sc, body:not(.elementor-editor-active) .gk-xstore-slot--sc, .gk-xstore-slot--sc > .elementor-widget-shortcode, .gk-xstore-slot--sc .elementor-widget-container, .gk-xstore-slot--sc .elementor-shortcode { display: contents; } .elementor-editor-active .gk-xstore-slot--sc { display: block; outline: 1px dashed rgba(10, 73, 136, .35); } /* Discount of the Week: honest empty state when no product is on sale */ /* Deal card without an active sale: same grid as a live deal (image + body), text left-aligned */ :root .gk-deal__note { color: var(--muted); font-size: 15.2px; line-height: 1.5; margin: 0; } :root .gk-deal--empty .gk-pcard__actions { margin-top: 6px; } :root .gk-deal--empty .gk-pcard__actions .gk-btn { flex: 1; } /* Early Access popup inside the Elementor Pro popup document */ .elementor-popup-modal .gk-popup__card { transform: none; opacity: 1; margin: 0 auto; } .elementor-popup-modal .dialog-widget-content { background: transparent; box-shadow: none; } .elementor-popup-modal .dialog-close-button { display: none; } /* Header document: XStore widgets sit in the design's tool slots */ :root .gk-header__tools .gk-xstore-slot { display: inline-flex; align-items: center; min-height: 0; } :root .gk-header__tools .gk-xstore-slot:empty { min-height: 0; } /* Region chips rendered by [gek_archive part="regions"] are links */ :root .gk-regchip { text-decoration: none; } /* Price line rendered by [gek_price] */ :root .gk-price s { opacity: .55; margin-right: .35em; font-weight: 400; } /* Header: XStore Ajax Search popup + off-canvas cart, drawn as the design's icon buttons */ .gk-xs-search .etheme-modal-popup-button, .gk-xs-cart :is(.etheme-elementor-off-canvas__toggle_button, .elementor-button-wrapper > a.elementor-button) { position: relative; width: 44px; height: 44px; min-width: 0; padding: 0 !important; border: 0 !important; border-radius: var(--pill, 999px); background: transparent !important; color: var(--brown, #321E1E) !important; display: inline-grid; place-items: center; font-size: 21.6px; line-height: 1; transition: background-color .25s ease; } .gk-xs-search .etheme-modal-popup-button:hover, .gk-xs-cart :is(.etheme-elementor-off-canvas__toggle_button, .elementor-button-wrapper > a.elementor-button):hover { background: var(--cream-2, #EAE5CF) !important; } .gk-xs-search .etheme-modal-popup-button > i.et-icon, .gk-xs-cart :is(.etheme-elementor-off-canvas__toggle_button, .elementor-button-wrapper > a.elementor-button) .elementor-button-icon > i.et-icon { display: inline-block; width: 1em; height: 1em; font-size: inherit; background: currentColor; -webkit-mask: var(--gk-xs-ico) center / contain no-repeat; mask: var(--gk-xs-ico) center / contain no-repeat; } .gk-xs-search .etheme-modal-popup-button > i.et-icon::before, .gk-xs-cart :is(.etheme-elementor-off-canvas__toggle_button, .elementor-button-wrapper > a.elementor-button) i.et-icon::before { content: none; } .gk-xs-search { --gk-xs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M919 -87 718 -287Q756 -332 778.0 -390.0Q800 -448 800 -512Q800 -585 772 -650Q745 -714 697.0 -761.5Q649 -809 585 -837Q521 -865 448 -865Q375 -865 310 -837Q246 -809 198.5 -761.5Q151 -714 123 -650Q95 -585 95 -512Q95 -439 123 -375Q151 -311 198.5 -263.0Q246 -215 310 -188Q375 -160 448 -160Q512 -160 570.0 -182.0Q628 -204 674 -242H673L873 -41Q878 -37 883.5 -34.5Q889 -32 896 -32Q909 -32 918.5 -41.5Q928 -51 928 -64Q928 -71 925.5 -76.5Q923 -82 919 -87ZM160 -512Q160 -572 183 -624Q205 -677 244.0 -716.0Q283 -755 336 -777Q388 -800 448 -800Q508 -800 560 -777Q613 -755 652.0 -716.0Q691 -677 713 -624Q736 -572 736 -512Q736 -452 713 -400Q691 -347 652.0 -308.0Q613 -269 560 -247Q508 -224 448 -224Q388 -224 336 -247Q284 -269 244.5 -308.5Q205 -348 183 -400Q160 -452 160 -512Z'/%3E%3C/svg%3E"); } .gk-xs-cart { --gk-xs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M960 -168 903 -648Q900 -671 881.5 -687.5Q863 -704 839 -704Q839 -704 839.0 -704.0Q839 -704 838 -704H704Q704 -784 648.0 -840.0Q592 -896 512 -896Q432 -896 376.0 -840.0Q320 -784 320 -704H185Q185 -704 185.0 -704.0Q185 -704 185 -704Q160 -704 142.0 -688.0Q124 -672 121 -648L64 -168Q64 -166 64.0 -164.0Q64 -162 64 -160Q64 -148 68.0 -137.0Q72 -126 80 -118Q89 -108 101.5 -102.0Q114 -96 128 -96H896Q896 -96 896.0 -96.0Q896 -96 896 -96Q910 -96 922.5 -102.0Q935 -108 944 -118Q951 -126 955.5 -137.0Q960 -148 960 -160Q960 -162 960.0 -164.0Q960 -166 960 -168ZM512 -832Q565 -832 602.5 -794.5Q640 -757 640 -704H384Q384 -757 421.5 -794.5Q459 -832 512 -832ZM128 -160 185 -640H320V-544Q320 -531 329.5 -521.5Q339 -512 352 -512Q365 -512 374.5 -521.5Q384 -531 384 -544V-640H640V-544Q640 -531 649.5 -521.5Q659 -512 672 -512Q685 -512 694.5 -521.5Q704 -531 704 -544V-640H839L896 -160Z'/%3E%3C/svg%3E"); } .gk-xs-cart .elementor-button-content-wrapper, .gk-xs-cart .elementor-button-icon { display: contents; } .gk-xs-cart .elementor-button-icon-qty { position: absolute; top: 4px; right: 3px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--pill, 999px); background: var(--blue, #0A4988); color: var(--cream, #F4F1E0); font-size: 10.88px; font-weight: 700; line-height: 18px; text-align: center; transform: scale(1); transition: transform .35s ease; } .gk-xs-cart .elementor-button-icon-qty[data-counter="0"] { transform: scale(0); } /* Widgets placed in a design slot step out of layout, so their output is a direct grid/flex child of the slot */ body:not(.elementor-editor-active) .gk-xstore-slot > .elementor-widget-shortcode, body:not(.elementor-editor-active) .gk-xstore-slot > .elementor-widget-shortcode > .elementor-widget-container, body:not(.elementor-editor-active) .gk-xstore-slot .elementor-widget-shortcode .elementor-shortcode { display: contents; } /* Design product cards inside WooCommerce loops (shop, categories, search, related) */ :root ul.products li.gk-pcard-li, :root .products li.gk-pcard-li { list-style: none; margin: 0; padding: 0; width: auto; max-width: none; float: none; flex: none; } :root .products li.gk-pcard-li > .gk-pcard { height: 100%; } :root .gk-pcard .gk-pcard__actions .added_to_cart { display: none; } :root .gk-pcard .gk-btn--icon.loading { opacity: .6; pointer-events: none; } :root .gk-pcard .gk-btn--icon.added { background: var(--brown); color: var(--cream); border-color: var(--brown); } /* ===== Shop: XStore filter widgets (shop-filters-sidebar) drawn as the design's filter groups ===== */ :root .gk-filters .etheme-elementor-sidebar { display: block; } :root .gk-filters .etheme_sidebar-widget-item { border-bottom: 1px solid var(--line); padding: 16px 0; margin: 0; } :root .gk-filters .etheme_sidebar-widget-item .widget-title { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; border: 0; font-family: var(--sans, "DM Sans"), sans-serif; font-weight: 700; font-size: 13.12px; letter-spacing: .12em; text-transform: uppercase; color: var(--brown); cursor: pointer; } :root .gk-filters .etheme_sidebar-widget-item .widget-title::after, :root .gk-filters .etheme_sidebar-widget-item .widget-title::before { display: none; } :root .gk-filters .etheme_sidebar-widget-item ul { display: grid; gap: 0; padding: 10px 0 0; margin: 0; list-style: none; } :root .gk-filters .etheme_sidebar-widget-item li { margin: 0; padding: 0; list-style: none; width: auto; height: auto; border: 0; background: none; } :root .gk-filters .etheme_sidebar-widget-item li a { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 12px; padding: 7px 0; color: var(--brown); font-size: 15.2px; font-weight: 400; text-decoration: none; text-transform: none; letter-spacing: 0; width: auto; height: auto; border: 0; background: none; } :root .gk-filters .etheme_sidebar-widget-item li a::before { content: ""; width: 22px; height: 22px; border-radius: 7px; border: 1.5px solid var(--line-strong); background: var(--paper) center / 12px no-repeat; transition: all .2s ease; box-sizing: border-box; position: static; inset: auto; margin: 0; transform: none; opacity: 1; } :root .gk-filters .etheme_sidebar-widget-item li a:hover::before { border-color: var(--brown); } :root .gk-filters .etheme_sidebar-widget-item li:is(.chosen, .active, .selected) a::before, :root .gk-filters .etheme_sidebar-widget-item li a:is(.active, .selected)::before { background-color: var(--brown); border-color: var(--brown); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath fill='%2523F4F1E0' d='M919 -649 407 -137Q402 -133 396.5 -130.5Q391 -128 384 -128Q377 -128 371.5 -130.5Q366 -133 361 -137L137 -361Q133 -366 130.5 -371.5Q128 -377 128 -384Q128 -397 137.5 -406.5Q147 -416 160 -416Q167 -416 172.5 -413.5Q178 -411 183 -407L384 -205L873 -695Q878 -699 883.5 -701.5Q889 -704 896 -704Q909 -704 918.5 -694.5Q928 -685 928 -672Q928 -665 925.5 -659.5Q923 -654 919 -649Z'/%3E%3C/svg%3E"); } :root .gk-filters .etheme_sidebar-widget-item li a .st-custom-attribute { display: inline; width: auto; height: auto; border: 0; background: none; font: inherit; color: inherit; padding: 0; } :root .gk-filters .etheme_sidebar-widget-item .count { position: static; margin: 0; justify-self: end; font-size: 12.8px; color: var(--muted); font-variant-numeric: tabular-nums; background: none; border: 0; padding: 0; min-width: 0; } :root .gk-filters #etheme_swatches_filter-12 .st-custom-attribute::before { content: "The "; } :root .gk-filters #etheme_swatches_filter-13 ul { display: flex; flex-wrap: wrap; gap: 8px; } :root .gk-filters #etheme_swatches_filter-13 li a { display: inline-grid; grid-template-columns: auto auto; gap: 6px; height: 38px; padding: 0 14px; border: 1.5px solid var(--line-strong); border-radius: var(--pill, 999px); background: var(--paper); font-weight: 600; font-size: 14.08px; } :root .gk-filters #etheme_swatches_filter-13 li a::before { display: none; } :root .gk-filters #etheme_swatches_filter-13 li:is(.chosen, .active, .selected) a { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root .gk-filters #etheme_swatches_filter-13 li a .count { display: none; } :root .gk-filters .widget_price_filter .price_slider_amount { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding-top: 12px; } :root .gk-filters .widget_price_filter input[type="text"] { width: 88px; height: 40px; border-radius: 12px; border: 1.5px solid var(--line-strong); background: var(--paper); padding: 0 12px; font: inherit; color: var(--brown); } :root .gk-filters .widget_price_filter .button { height: 40px; padding: 0 16px; border-radius: var(--pill, 999px); } :root .gk-filters .ui-slider { background: var(--cream-2); height: 4px; border-radius: 4px; } :root .gk-filters .ui-slider .ui-slider-range { background: var(--brown); } :root .gk-filters .ui-slider .ui-slider-handle { background: var(--brown); border-color: var(--brown); } /* Sorting (XStore product sorting widget) as the design's pill select */ :root .gk-xstore-slot--sort { margin-left: auto; } :root .gk-shop__bar--cat .gk-xstore-slot--sort { margin-left: 0; } :root .gk-xstore-slot--sort .woocommerce-ordering { margin: 0; float: none; } :root .gk-xstore-slot--sort select { appearance: none; -webkit-appearance: none; height: 44px; min-width: 210px; padding: 0 42px 0 42px; border-radius: var(--pill, 999px); border: 1.5px solid var(--line-strong); background: var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath fill='%25237A6A62' d='M471 -279Q475 -274 477.5 -268.5Q480 -263 480 -256Q480 -249 477.5 -243.5Q475 -238 471 -233L343 -105Q338 -101 332.5 -98.5Q327 -96 320 -96Q313 -96 307.5 -98.5Q302 -101 297 -105L169 -233Q165 -238 162.5 -243.5Q160 -249 160 -256Q160 -269 169.5 -278.5Q179 -288 192 -288Q199 -288 204.5 -285.5Q210 -283 215 -279L288 -205V-768Q288 -781 297.5 -790.5Q307 -800 320 -800Q333 -800 342.5 -790.5Q352 -781 352 -768V-205L425 -279Q430 -283 435.5 -285.5Q441 -288 448 -288Q455 -288 460.5 -285.5Q466 -283 471 -279ZM855 -663 727 -791Q722 -795 716.5 -797.5Q711 -800 704 -800Q697 -800 691.5 -797.5Q686 -795 681 -791L553 -663Q549 -658 546.5 -652.5Q544 -647 544 -640Q544 -627 553.5 -617.5Q563 -608 576 -608Q583 -608 588.5 -610.5Q594 -613 599 -617L672 -691V-128Q672 -115 681.5 -105.5Q691 -96 704 -96Q717 -96 726.5 -105.5Q736 -115 736 -128V-691L809 -617Q814 -613 819.5 -610.5Q825 -608 832 -608Q845 -608 854.5 -617.5Q864 -627 864 -640Q864 -647 861.5 -652.5Q859 -658 855 -663Z'/%3E%3C/svg%3E") 16px center / 16px no-repeat; font: inherit; font-weight: 600; font-size: 14.72px; color: var(--brown); cursor: pointer; } :root .gk-xstore-slot--sort .woocommerce-ordering { position: relative; } :root .gk-xstore-slot--sort .woocommerce-ordering::after { content: ""; position: absolute; right: 16px; top: 50%; width: 13px; height: 13px; margin-top: -6px; background: var(--brown); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M855 -553 535 -233Q530 -229 524.5 -226.5Q519 -224 512 -224Q505 -224 499.5 -226.5Q494 -229 489 -233L169 -553Q165 -558 162.5 -563.5Q160 -569 160 -576Q160 -589 169.5 -598.5Q179 -608 192 -608Q199 -608 204.5 -605.5Q210 -603 215 -599L512 -301L809 -599Q814 -603 819.5 -605.5Q825 -608 832 -608Q845 -608 854.5 -598.5Q864 -589 864 -576Q864 -569 861.5 -563.5Q859 -558 855 -553Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M855 -553 535 -233Q530 -229 524.5 -226.5Q519 -224 512 -224Q505 -224 499.5 -226.5Q494 -229 489 -233L169 -553Q165 -558 162.5 -563.5Q160 -569 160 -576Q160 -589 169.5 -598.5Q179 -608 192 -608Q199 -608 204.5 -605.5Q210 -603 215 -599L512 -301L809 -599Q814 -603 819.5 -605.5Q825 -608 832 -608Q845 -608 854.5 -598.5Q864 -589 864 -576Q864 -569 861.5 -563.5Q859 -558 855 -553Z'/%3E%3C/svg%3E") center / contain no-repeat; pointer-events: none; } :root .gk-xstore-slot--sort select:hover { border-color: var(--brown); } /* Archive loop */ :root .gk-archive-loop ul.products { margin: 0; padding: 0; } :root .gk-archive-loop ul.products::before, :root .gk-archive-loop ul.products::after { display: none; } :root .gk-filters .etheme_sidebar-widget-item li a { min-height: 36px; } :root .gk-filters .etheme_sidebar-widget-item ul.st-swatch-preview { margin: 0; } :root .gk-filters #etheme_swatches_filter-13 ul.st-swatch-preview { display: flex !important; flex-direction: row; flex-wrap: wrap; gap: 8px; } :root .gk-filters #etheme_swatches_filter-13 li { width: auto !important; } :root .gk-filters .widget_price_filter .price_slider { margin: 22px 8px 4px; } /* Fixes 1: XStore pads every filter link with `padding: 0 0 0 calc(checkbox + 11px) !important`, which pushed the design's checkbox 25px to the right and squeezed the size chips. Match the design (.check, .sizechip). */ :root .gk-filters .etheme_sidebar-widget-item li a { padding: 7px 0 !important; min-height: 0; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 12px; } :root .gk-filters .etheme_sidebar-widget-item li a::before { position: static !important; flex: none; } :root .gk-filters .etheme_sidebar-widget-item li a .st-custom-attribute { width: auto !important; min-width: 0; height: auto !important; line-height: 1.4; } :root .gk-filters .etheme_sidebar-widget-item li ul.children { padding: 0 0 0 34px; } :root .gk-filters :is(.size-or, .size-and) ul.st-swatch-preview { display: flex !important; flex-direction: row; flex-wrap: wrap; gap: 8px; padding-top: 10px; } :root .gk-filters :is(.size-or, .size-and) li { width: auto !important; margin: 0 !important; } :root .gk-filters :is(.size-or, .size-and) li a { display: inline-flex !important; align-items: center; justify-content: center; gap: 0; min-width: 52px; height: 40px; padding: 0 14px !important; border: 1.5px solid var(--line-strong); border-radius: var(--pill, 999px); background: transparent; font-weight: 600; font-size: 14.4px; line-height: 1; transition: all .2s ease; } :root .gk-filters :is(.size-or, .size-and) li a::before, :root .gk-filters :is(.size-or, .size-and) li a .count { display: none !important; } :root .gk-filters :is(.size-or, .size-and) li a:hover { border-color: var(--brown); } :root .gk-filters :is(.size-or, .size-and) li:is(.chosen, .active, .selected) a { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root .gk-filters :is(.era-or, .era-and) .st-custom-attribute::before { content: "The "; } :root .gk-filters .widget_price_filter .price_label { font-size: 14.4px; color: var(--muted); } :root .gk-filters .widget_price_filter .price_slider_amount { justify-content: space-between; } /* Hide-sold-out switch rendered as a link to the native stock filter */ :root a.gk-switch { text-decoration: none; color: var(--brown); } :root a.gk-switch.is-on .gk-switch__track { background: var(--blue); border-color: var(--blue); } :root a.gk-switch.is-on .gk-switch__track span { transform: translateX(18px); background: var(--cream); } /* Single product: the XStore Product Images widget owns the gallery layout inside the design's sticky column */ :root .gk-gal.gk-xstore-slot { display: block; } :root .gk-gal .woocommerce-product-gallery__image img, :root .gk-gal .swiper-slide img { border-radius: var(--r); background: #f3f1e0; } :root .gk-gal .thumbnails-list img, :root .gk-gal .swiper-thumbs img { border-radius: var(--r-sm); } /* Single product: XStore Add to Cart + Buy Now in the design's CTA stack (Buy now first, Add to bag outline) */ :root .gk-xstore-slot--atc form.cart { display: grid; gap: 10px; margin: 0; } :root .gk-xstore-slot--atc .quantity, :root .gk-xstore-slot--atc .et-or-wrapper { display: none !important; } :root .gk-xstore-slot--atc .et-single-buy-now { order: -1; } :root .gk-xstore-slot--atc form.cart .button { width: 100%; min-height: 56px; margin: 0; padding: 0 28px; border-radius: var(--pill, 999px); display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-family: var(--sans, "DM Sans"), sans-serif; font-weight: 600; font-size: 16px; letter-spacing: .01em; text-transform: none; transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease; } :root .gk-xstore-slot--atc form.cart .et-single-buy-now { background: var(--blue) !important; color: var(--cream) !important; border: 1.5px solid var(--blue) !important; } :root .gk-xstore-slot--atc form.cart .et-single-buy-now:hover { background: var(--blue-ink, #083a6d) !important; border-color: var(--blue-ink, #083a6d) !important; box-shadow: 0 10px 24px -12px rgba(10, 73, 136, .7); } :root .gk-xstore-slot--atc form.cart .et-single-buy-now i { display: none; } :root .gk-xstore-slot--atc form.cart .single_add_to_cart_button:not(.et-single-buy-now) { background: transparent !important; color: var(--brown) !important; border: 1.5px solid var(--line-strong) !important; } :root .gk-xstore-slot--atc form.cart .single_add_to_cart_button:not(.et-single-buy-now):hover { background: var(--brown) !important; color: var(--cream) !important; border-color: var(--brown) !important; } :root .gk-xstore-slot--atc form.cart .single_add_to_cart_button:not(.et-single-buy-now) i.et-icon { width: 1.15em; height: 1.15em; font-size: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M960 -168 903 -648Q900 -671 881.5 -687.5Q863 -704 839 -704Q839 -704 839.0 -704.0Q839 -704 838 -704H704Q704 -784 648.0 -840.0Q592 -896 512 -896Q432 -896 376.0 -840.0Q320 -784 320 -704H185Q185 -704 185.0 -704.0Q185 -704 185 -704Q160 -704 142.0 -688.0Q124 -672 121 -648L64 -168Q64 -166 64.0 -164.0Q64 -162 64 -160Q64 -148 68.0 -137.0Q72 -126 80 -118Q89 -108 101.5 -102.0Q114 -96 128 -96H896Q896 -96 896.0 -96.0Q896 -96 896 -96Q910 -96 922.5 -102.0Q935 -108 944 -118Q951 -126 955.5 -137.0Q960 -148 960 -160Q960 -162 960.0 -164.0Q960 -166 960 -168ZM512 -832Q565 -832 602.5 -794.5Q640 -757 640 -704H384Q384 -757 421.5 -794.5Q459 -832 512 -832ZM128 -160 185 -640H320V-544Q320 -531 329.5 -521.5Q339 -512 352 -512Q365 -512 374.5 -521.5Q384 -531 384 -544V-640H640V-544Q640 -531 649.5 -521.5Q659 -512 672 -512Q685 -512 694.5 -521.5Q704 -531 704 -544V-640H839L896 -160Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath d='M960 -168 903 -648Q900 -671 881.5 -687.5Q863 -704 839 -704Q839 -704 839.0 -704.0Q839 -704 838 -704H704Q704 -784 648.0 -840.0Q592 -896 512 -896Q432 -896 376.0 -840.0Q320 -784 320 -704H185Q185 -704 185.0 -704.0Q185 -704 185 -704Q160 -704 142.0 -688.0Q124 -672 121 -648L64 -168Q64 -166 64.0 -164.0Q64 -162 64 -160Q64 -148 68.0 -137.0Q72 -126 80 -118Q89 -108 101.5 -102.0Q114 -96 128 -96H896Q896 -96 896.0 -96.0Q896 -96 896 -96Q910 -96 922.5 -102.0Q935 -108 944 -118Q951 -126 955.5 -137.0Q960 -148 960 -160Q960 -162 960.0 -164.0Q960 -166 960 -168ZM512 -832Q565 -832 602.5 -794.5Q640 -757 640 -704H384Q384 -757 421.5 -794.5Q459 -832 512 -832ZM128 -160 185 -640H320V-544Q320 -531 329.5 -521.5Q339 -512 352 -512Q365 -512 374.5 -521.5Q384 -531 384 -544V-640H640V-544Q640 -531 649.5 -521.5Q659 -512 672 -512Q685 -512 694.5 -521.5Q704 -531 704 -544V-640H839L896 -160Z'/%3E%3C/svg%3E") center / contain no-repeat; } :root .gk-xstore-slot--atc form.cart .single_add_to_cart_button:not(.et-single-buy-now) i.et-icon::before { content: none; } :root .gk-xstore-slot--atc .stock.out-of-stock { margin: 0; font-weight: 600; color: var(--brown); } /* Gallery thumbnails: the design's 84px rail of 4:5 tiles */ :root .gk-gal .swiper-vertical .swiper-slide img, :root .gk-gal .thumbnails-list .swiper-slide img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; height: auto; } :root .gk-gal .swiper-slide-thumb-active img { outline: 1.5px solid var(--brown); outline-offset: -1.5px; } :root .gk-buy__price .gk-price { font-size: 29.6px; font-weight: 700; letter-spacing: -.01em; } /* Contact: ways list (icon in a blue circle, small label over the value); the circle is drawn by ::before/::after */ :root .gk-contact__ways a { position: relative; text-decoration: none; color: var(--brown); } :root .gk-contact__ways a::before { content: ""; width: 48px; height: 48px; border-radius: var(--pill, 999px); background: var(--blue); } :root .gk-contact__ways a::after { content: ""; position: absolute; left: 26px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background: var(--cream); -webkit-mask: var(--gk-ico) center / contain no-repeat; mask: var(--gk-ico) center / contain no-repeat; } :root .gk-contact__ways a > span { display: grid; gap: 2px; min-width: 0; } :root .gk-contact__ways a > span > span { display: block; color: var(--muted); font-size: 12.8px; } /* Contact: topic pills (atomic radio + label) */ :root .gk-topics > div { position: relative; } :root .gk-topics input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } :root .gk-topics label { display: inline-flex; align-items: center; height: 42px; padding: 0 18px; border-radius: var(--pill, 999px); border: 1.5px solid var(--line-strong); font-weight: 600; font-size: 14.72px; cursor: pointer; transition: all .2s ease; color: var(--brown); } :root .gk-topics label:hover { border-color: var(--brown); } :root .gk-topics input[type="radio"]:checked + label { background: var(--brown); color: var(--cream); border-color: var(--brown); } :root .gk-topics input[type="radio"]:focus-visible + label { outline: 2px solid var(--blue); outline-offset: 2px; } /* Inline icons inside atomic paragraphs: Elementor drops empty from paragraph HTML, so the icon is drawn by a pseudo-element using the element's gk-ico-* glyph */ :root .e-paragraph-base[class*="gk-ico-"]:is(.gk-announce__item, .gk-field__error, .gk-reel__views, .gk-greviews__note, .gk-buy__note, .gk-cohead__secure)::before, :root .gk-ticket-steps .e-paragraph-base[class*="gk-ico-"]::before, :root .e-paragraph-base[class*="gk-ico-"]:is(.gk-legend__name, .gk-mega-card__cta, .gk-btn)::after, :root .gk-mnav-card .e-paragraph-base[class*="gk-ico-"] > span::after { content: ""; flex: none; display: inline-block; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--gk-ico) center / contain no-repeat; mask: var(--gk-ico) center / contain no-repeat; } :root .gk-announce__item.e-paragraph-base::before { font-size: 16.8px; opacity: .85; } :root .gk-buy__note.e-paragraph-base::before { font-size: 17.6px; margin-top: 2px; } :root .gk-ticket-steps .e-paragraph-base::before { font-size: 24px; color: var(--gold-1); margin-top: 2px; } :root .gk-legend__name.e-paragraph-base::after { font-size: 16px; color: var(--blue); transition: transform .3s ease; } :root .gk-legend:hover .gk-legend__name.e-paragraph-base::after { transform: translateX(4px); } :root .gk-btn.e-paragraph-base::after { font-size: 1.15em; transition: transform .3s ease; } :root .gk-mnav-card .e-paragraph-base > span { display: inline-flex; gap: 6px; align-items: center; color: var(--blue); font-weight: 600; font-size: 14.08px; } /* Policy / legal pages (block content inside the Elementor header-footer template) */ :root .gk-legal { max-width: 760px; margin: 0 auto; padding: clamp(40px, 6vw, 88px) 20px clamp(56px, 7vw, 104px); color: var(--brown); font-size: 16.32px; line-height: 1.7; } :root .gk-legal .gk-legal__title { font-family: var(--serif); font-weight: 400; font-size: clamp(38.4px, 4vw, 54.4px); line-height: 1.05; margin: 0 0 24px; } :root .gk-legal h2, :root .gk-legal h3 { font-family: var(--serif); font-weight: 400; font-size: 25.6px; line-height: 1.2; margin: 40px 0 12px; } :root .gk-legal p { margin: 0 0 14px; } :root .gk-legal ul, :root .gk-legal ol { margin: 0 0 18px; padding-left: 1.2em; display: grid; gap: 8px; } :root .gk-legal ul { list-style: disc; } :root .gk-legal ol { list-style: decimal; } :root .gk-legal a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; } :root .gk-legal strong { font-weight: 700; } /* Buttons keep the design's sentence case (XStore uppercases form buttons) */ :root .gk-btn, :root .e-form-submit-button-base.gk-btn, :root .gk-summary__promo .gk-btn { text-transform: none; letter-spacing: .01em; } :root .gk-cohead__secure.e-paragraph-base::before { color: var(--blue); } /* ===== Checkout (WooCommerce checkout via the XStore checkout widget) in the design's calm, two-column style ===== */ body.woocommerce-checkout .page-heading { display: none; } body.woocommerce-checkout .etheme-elementor-cart-checkout-page-wrapper { gap: clamp(28px, 4vw, 64px); padding-block: clamp(28px, 4vw, 56px); } body.woocommerce-checkout .order-review { border: 0 !important; background: var(--cream-2, #EAE5CF); border-radius: var(--r, 20px); padding: clamp(20px, 2.5vw, 32px) !important; } body.woocommerce-checkout .order-review .woocommerce-checkout-payment { background: transparent; border: 0; } body.woocommerce-checkout :is(.step-title, .order-review h3, .woocommerce-billing-fields h3, .woocommerce-additional-fields h3) { font-family: var(--serif); font-weight: 400; font-size: 25.6px; text-transform: none; letter-spacing: 0; color: var(--brown); border: 0; padding: 0; margin: 0 0 18px; } body.woocommerce-checkout :is(.step-title, .order-review h3)::before, body.woocommerce-checkout :is(.step-title, .order-review h3)::after { display: none !important; } body.woocommerce-checkout .form-row label { font-weight: 600; font-size: 14.08px; color: var(--brown); margin-bottom: 6px; } body.woocommerce-checkout .form-row :is(input.input-text, select), body.woocommerce-checkout .select2-container .select2-selection--single { height: 48px; border-radius: var(--pill, 999px); border: 1.5px solid var(--line-strong); background: #FFFDF5; padding: 0 18px; font: inherit; color: var(--brown); box-shadow: none; } body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { line-height: 45px; padding-left: 0; } body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; right: 10px; } body.woocommerce-checkout .form-row textarea { border-radius: 16px; border: 1.5px solid var(--line-strong); background: #FFFDF5; padding: 14px 18px; min-height: 110px; } body.woocommerce-checkout .form-row :is(input.input-text, select, textarea):focus { border-color: var(--brown); outline: 2px solid rgba(10, 73, 136, .25); outline-offset: 1px; } body.woocommerce-checkout #place_order { width: 100%; min-height: 56px; border-radius: var(--pill, 999px); background: var(--blue) !important; border-color: var(--blue) !important; color: var(--cream) !important; font-weight: 600; font-size: 16px; text-transform: none; letter-spacing: .01em; } body.woocommerce-checkout #place_order:hover { background: var(--blue-ink, #083a6d) !important; } body.woocommerce-checkout .woocommerce-form-coupon-toggle { background: transparent; border: 0; padding: 0; } body.woocommerce-checkout .woocommerce-form-coupon-toggle a { color: var(--blue); } body.woocommerce-checkout .woocommerce-info, body.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error { border-radius: 14px; } body.woocommerce-checkout .order-review table { border: 0; } body.woocommerce-checkout .order-review .order-total :is(th, td) { font-weight: 700; font-size: 17.6px; color: var(--brown); } /* ---- QA pass: mobile nav logo keeps the design's 44px badge ---- */ :root .gk-mnav__head img { width: 44px; height: auto; flex: none; } /* ---- QA pass: popup opens/closes at the design's pace (Elementor default 1.2s felt sluggish) ---- */ #elementor-popup-modal-12414 .dialog-widget-content { animation-duration: .45s !important; } /* ---- QA pass: XStore page heading (cart/checkout use the design's own crumbs) ---- */ body.woocommerce-cart .page-heading, body.woocommerce-checkout .page-heading { display: none !important; } :root .page-heading { background: transparent !important; border: 0 !important; } :root .page-heading .title { font-family: var(--serif); font-weight: 400; text-transform: none; letter-spacing: -.01em; font-size: clamp(32px, 4vw, 48px); color: var(--brown); } :root .page-heading .title svg, :root .page-heading .title i { display: none; } :root .page-heading .breadcrumbs, :root .page-heading .woocommerce-breadcrumb, :root .page-heading a { font-family: var(--sans); color: var(--muted); } /* ---- QA pass: Track order page in the design system ---- */ body.page-id-30 .etheme-headline, body.page-id-30 .etheme-headline * { font-family: var(--serif) !important; font-weight: 400 !important; color: var(--brown) !important; text-decoration: none !important; } body.page-id-30 .etheme-headline svg { display: none !important; } :root form.track_order { max-width: 560px; margin: 0 auto; font-family: var(--sans); color: var(--brown); } :root form.track_order label { font-weight: 600; font-size: 13.76px; text-align: left; display: block; margin-bottom: 6px; } :root form.track_order input.input-text { height: 52px; border-radius: 999px; border: 1px solid var(--line); background: var(--paper); padding: 0 22px; font-size: 16px; width: 100%; } :root form.track_order input.input-text:focus { border-color: var(--blue); outline: 2px solid rgba(11,74,140,.18); } :root form.track_order button.button { height: 52px; min-width: 200px; border-radius: 999px !important; background: var(--blue) !important; color: #fff !important; font-family: var(--sans); font-weight: 600; font-size: 15.2px; text-transform: none; letter-spacing: 0; padding: 0 32px; } :root form.track_order button.button:hover { background: var(--blue-ink) !important; } /* ---- QA pass: sticky header like the design (announcement bar scrolls away, nav stays) ---- XStore's .template-container clips overflow, which disables position:sticky; overflow:clip keeps the clipping without creating a scroll container. */ .template-container { overflow: clip !important; } body:not(.woocommerce-checkout) .elementor-location-header { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) - 38px); z-index: 1000; } @media (max-width: 600px) { body.admin-bar:not(.woocommerce-checkout) .elementor-location-header { top: -38px; } } body.page-id-30 .page-heading { display: none !important; } /* logged-in editors: the WP admin bar sits above the sticky header */ @media (min-width: 783px) { body.admin-bar { --header-h: 104px; } body.admin-bar .gk-header__inner { height: 72px; } } /* ---- QA pass: WooCommerce notices on the design cart ---- */ :root .gk-cart-wrap > .woocommerce-error, :root .gk-cart-wrap > .woocommerce-message, :root .gk-cart-wrap > .woocommerce-info { margin: 18px 0 22px; border-radius: 14px; font-family: var(--sans); } /* ---- Revisions 2026-10-23: Google reviews (home) ---- */ /* pages.css also styles .avatar (blue, About page); the home review cards use the style.css look */ :root .gk-gcard .gk-avatar { width: 40px; height: 40px; background: var(--cream-2); color: var(--brown); font-size: 13.6px; } :root .gk-greviews__track { min-height: 0; padding: 0; } :root .gk-rail-nav { padding: 0; min-width: 0; } :root .gk-rail-nav > .e-button-base { padding: 0; border-radius: var(--pill); background: transparent; color: var(--brown); } /* XStore's paragraph/heading margins leak into the shortcode-rendered deal card; the design resets them */ :root .gk-deal :is(p, h3) { margin: 0; } /* Fixes 2: Elementor gives every .e-con::before an explicit width/height (100%), which beat the design's `inset` on the ticket frame and perforation, so the frame's bottom edge was pushed out of view. */ :root .gk-ticket__main::before, :root .gk-ticket__stub::before { width: auto; height: auto; } /* Fixes 3: product gallery thumbnails. XStore's vertical slick column showed 3 large thumbnails and let the rest overflow into the section below. Design-sized 4:5 thumbnails, clipped to the main image's height (gk.js 10e sets how many fit), with small round arrows at the top and bottom to scroll the rest. */ :root .gk-gal .vertical-thumbnails-wrapper { width: 88px !important; max-width: 88px !important; flex: 0 0 88px !important; position: relative; } :root .gk-gal .vertical-thumbnails { position: relative; margin: 0 !important; padding: 0 !important; } :root .gk-gal .vertical-thumbnails .slick-list { overflow: hidden !important; margin: 0 !important; padding: 0 !important; } :root .gk-gal .vertical-thumbnails .slick-slide { width: 88px !important; height: auto !important; margin: 0 !important; padding: 0 0 10px !important; border: 0 !important; opacity: 1 !important; } :root .gk-gal .vertical-thumbnails .slick-slide img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r-sm); border: 1.5px solid transparent; box-sizing: border-box; transition: border-color .2s ease; } :root .gk-gal .vertical-thumbnails .slick-slide:hover img { border-color: var(--line-strong); } :root .gk-gal .vertical-thumbnails .slick-slide:is(.slick-current, .active-thumbnail) img { border-color: var(--brown); } :root .gk-gal .vertical-thumbnails .slick-arrow { position: absolute !important; left: 50% !important; right: auto !important; width: 32px !important; height: 32px !important; margin: 0 0 0 -16px !important; padding: 0 !important; border-radius: 50%; background: var(--paper) center / 14px no-repeat !important; border: 1px solid var(--line-strong); box-shadow: 0 6px 16px -8px rgba(30, 18, 18, .45); z-index: 3; cursor: pointer; font-size: 0; color: transparent; transform: none !important; transition: opacity .2s ease, border-color .2s ease; } :root .gk-gal .vertical-thumbnails .slick-arrow::before, :root .gk-gal .vertical-thumbnails .slick-arrow::after { display: none !important; } :root .gk-gal .vertical-thumbnails .slick-arrow:hover { border-color: var(--brown); } :root .gk-gal .vertical-thumbnails .swiper-custom-left { top: 6px !important; bottom: auto !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23321E1E' stroke-width='20' stroke-linecap='round' stroke-linejoin='round' d='M48 160l80-80 80 80'/%3E%3C/svg%3E") !important; } :root .gk-gal .vertical-thumbnails .swiper-custom-right { top: auto !important; bottom: 16px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23321E1E' stroke-width='20' stroke-linecap='round' stroke-linejoin='round' d='M208 96l-80 80-80-80'/%3E%3C/svg%3E") !important; } :root .gk-gal .vertical-thumbnails .slick-arrow.slick-disabled, :root .gk-gal .vertical-thumbnails.gk-thumbs-all .slick-arrow { opacity: 0; pointer-events: none; } :root .gk-gal .swiper-vertical-navig { display: none; } /* Fixes 5: a backdrop-filter on an element makes it the containing block of its position:fixed descendants. The XStore off-canvas cart (and its overlay) lives inside the header, so it was sized to the header and slid in under the footer. Keep the frosted glass on a pseudo-element instead. */ :root .gk-header { -webkit-backdrop-filter: none; backdrop-filter: none; } :root .gk-header::before { content: ""; display: block; position: absolute; inset: 0; width: auto; height: auto; z-index: -1; pointer-events: none; border: 0; border-radius: 0; background: none; -webkit-backdrop-filter: saturate(140%) blur(12px); backdrop-filter: saturate(140%) blur(12px); } /* Fixes 6: WooCommerce notices in the design palette (XStore ships saturated green/red/blue bars). Success uses the design's .form-success colours, errors its field-error red, info the cream panel. */ :root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) { border: 1px solid var(--line); border-left: 0; border-radius: 14px; padding: 15px 20px 15px 50px; margin: 16px 0 22px; font-family: var(--sans); font-size: 15.2px; font-weight: 500; line-height: 1.5; box-shadow: none; } :root .woocommerce-message { background: #e5eedf; color: #234020; border-color: rgba(35, 64, 32, .16); } :root .woocommerce-info { background: var(--paper); color: var(--brown); } :root .woocommerce-error { background: #f7e6e2; color: #9b1c1c; border-color: rgba(155, 28, 28, .18); list-style: none; } :root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before { color: inherit; left: 20px; opacity: .9; } :root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) li { color: inherit; margin: 0; } :root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a:not(.button) { color: inherit; text-decoration: underline; text-underline-offset: 3px; } :root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a.button, :root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button { float: right; display: inline-flex; align-items: center; min-height: 34px; margin: -6px 0 -6px 16px; padding: 0 16px; border-radius: var(--pill, 999px); border: 1.5px solid currentColor; background: transparent; color: inherit; font-size: 14px; font-weight: 600; text-decoration: none; text-transform: none; letter-spacing: 0; } :root :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a.button:hover { background: var(--brown); border-color: var(--brown); color: var(--cream); } /* Fixes 7: icons the design draws inside a ring (About "How a shirt gets to you"). The glyph mask sat on the ring element itself, so the ring disappeared and the glyph filled all 52px. Ring on the element, glyph on a pseudo-element at the design's 21.6px. */ :root .gk-process__list .gk-t-i.gk-ph { background: none; -webkit-mask: none; mask: none; color: var(--cream); font-size: 21.6px; display: grid; place-items: center; border: 1.5px solid rgba(244, 241, 224, .4); } :root .gk-process__list .gk-t-i.gk-ph::after { content: ""; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--gk-ico) center / contain no-repeat; mask: var(--gk-ico) center / contain no-repeat; } /* Fixes 8: Early Access popup without Elementor's default dialog shadow */ :root .elementor-popup-modal .dialog-widget-content, :root #elementor-popup-modal-12414 .dialog-widget-content { box-shadow: none !important; } /* Fixes 10: text selection. XStore selects in light grey and keeps the text colour, so cream headings vanished when selected. The brand gold with brown text reads on cream, blue and brown sections alike. */ ::selection { background: #e3c879; color: #321e1e; text-shadow: none; } ::-moz-selection { background: #e3c879; color: #321e1e; text-shadow: none; } /* Fixes 13: header search popup. "Trending Searches" in title case; the trending tags keep white text on their blue hover (the site-wide link hover guard was resetting it to the dark text colour). */ :root .etheme-search-tags .etheme-search-tags-title { text-transform: capitalize; letter-spacing: 0; } :root body .etheme-search-tags a:is(:hover, :focus) { color: #fff; } /* Fixes 5b: the off-canvas bag in the design's paper tone with design buttons */ :root .gk-xs-cart .etheme-elementor-off-canvas__main { background: var(--paper); color: var(--brown); box-shadow: -24px 0 60px -30px rgba(30, 18, 18, .45); } :root .gk-xs-cart .etheme-elementor-off-canvas__close-button { background: var(--paper); color: var(--brown); border: 1px solid var(--line); } :root .gk-xs-cart .etheme-elementor-off-canvas__main :is(.woocommerce-mini-cart__total, .cart-widget-subtotal) { color: var(--brown); font-size: 15.2px; font-weight: 600; text-transform: none; letter-spacing: 0; } :root .gk-xs-cart .mini-cart-buttons .button { min-height: 48px; display: flex; align-items: center; justify-content: center; border-radius: var(--pill, 999px); font-weight: 600; font-size: 15.2px; text-transform: none; letter-spacing: .01em; } :root .gk-xs-cart .mini-cart-buttons .button:not(.btn-checkout) { background: transparent; color: var(--brown); border: 1.5px solid var(--line-strong); } :root .gk-xs-cart .mini-cart-buttons .button:not(.btn-checkout):hover { border-color: var(--brown); background: transparent; color: var(--brown); } :root .gk-xs-cart .mini-cart-buttons .btn-checkout:hover { background: var(--blue-ink, #083a6d); color: var(--cream); } :root .gk-xs-cart .etheme-elementor-off-canvas__main a.btn-view-cart { color: var(--brown); font-weight: 600; } /* Fixes 14: Sell Your Shirt page (13830) - steps list, select and photo upload fields in the design's form style */ :root .gk-why__list .e-div-block-base { padding: 0; min-width: 0; } :root .gk-contact__aside .gk-why__list { margin-top: 4px; gap: 18px; } :root .gk-why__list > .gk-t-li > .gk-t-i .gk-ph { font-size: 20.8px; } :root .gk-why__list .gk-t-b { font-weight: 700; color: var(--brown); margin-bottom: 2px; } :root select.gk-input { -webkit-appearance: none; appearance: none; cursor: pointer; padding-right: 46px; font: inherit; font-size: 16px; color: var(--brown); background: var(--paper, #faf8ef) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23321E1E' stroke-width='20' stroke-linecap='round' stroke-linejoin='round' d='M208 96l-80 80-80-80'/%3E%3C/svg%3E") right 18px center / 14px no-repeat; } :root input[type="file"].gk-input { height: auto; min-height: 64px; padding: 16px 18px; border-style: dashed; border-radius: 16px; cursor: pointer; font-size: 14.4px; color: var(--muted); } :root input[type="file"].gk-input::file-selector-button { margin-right: 14px; padding: 9px 16px; border: 1.5px solid var(--line-strong); border-radius: 999px; background: transparent; color: var(--brown); font: inherit; font-weight: 600; cursor: pointer; } :root input[type="file"].gk-input:hover::file-selector-button { border-color: var(--brown); } :root .gk-cform .gk-field__help { margin-top: 6px; } /* ---- Final QA: breadcrumb hover on dark page banners (design's blue hover is unreadable on the dark photo) ---- */ :root body :is(.gk-pbanner, .gk-on-dark) .gk-crumbs a:is(:hover, :focus) { color: var(--cream); text-decoration: underline; text-underline-offset: 3px; } /* ---- Site fixes 2026-10-28 ---- */ /* Shop mega menu: Versions column removed, 4 link columns + promo span the full width */ :root .gk-mega__inner--shop { grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(240px, 1.4fr); } /* Mobile menu: Shop / Legends / Era toggles used the FAQ question class (15px); match the design's 24px serif items */ :root .gk-mnav summary .gk-qa__q { font: inherit; letter-spacing: inherit; margin: 0; color: inherit; } /* Text-editor widgets (Return Policy) fell back to Elementor's default Roboto; use the site body font */ :root .elementor-widget-text-editor, :root .gk-legal { font-family: var(--sans); } /* ==== Revisions 2026-10-30 ==== */ /* Home "Shop by era", mobile: a 2 x 2 grid of square era cards, like the mobile menu; the whole card opens the era */ @media (max-width: 767px) { :root .gk-era__list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; height: auto; } :root .gk-era__list .gk-era__panel, :root .gk-era__list .gk-era__panel:is(.is-active, .gk-st-is-active) { flex: none; height: auto; aspect-ratio: 1; border-radius: var(--r-sm); cursor: pointer; } :root .gk-era__list .gk-era__panel::after { background: linear-gradient(180deg, transparent 40%, rgba(50, 30, 30, .8)); } :root .gk-era__list .gk-era__panel .gk-era__label, :root .gk-era__list .gk-era__panel:is(.is-active, .gk-st-is-active) .gk-era__label { display: block; opacity: 1; left: 12px; bottom: 12px; font-size: 20.8px; transition: none; } :root .gk-era__list .gk-era__panel .gk-era__content { position: static; padding: 0; max-width: none; opacity: 1; transform: none; display: block; pointer-events: auto; transition: none; } :root .gk-era__list .gk-era__panel .gk-era__content > :not(.gk-btn) { display: none; } :root .gk-era__list .gk-era__panel .gk-era__content .gk-btn { position: absolute; inset: 0; z-index: 4; justify-self: stretch; align-self: stretch; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: inherit; background: transparent; color: transparent; font-size: 0; box-shadow: none; } :root .gk-era__list .gk-era__panel .gk-era__content .gk-btn > * { display: none; } } /* Shop: the sidebar starts closed on desktop; "Filters" opens it next to the grid (4 columns closed, 3 open) */ @media (min-width: 1024px) { :root .gk-shop__filterbtn { display: inline-flex; } :root .gk-shop__layout:not(.is-filters-open) { grid-template-columns: minmax(0, 1fr); } :root .gk-shop__layout:not(.is-filters-open) .gk-filters { display: none; } :root .gk-shop__layout:not(.is-filters-open) .gk-pgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } :root .gk-shop__layout.is-filters-open .gk-filters { animation: gkFiltersIn .45s var(--ease) both; } :root .gk-shop__layout.is-filters-open .gk-pgrid { animation: gkFade .35s var(--ease) both; } } @keyframes gkFiltersIn { from { opacity: 0; transform: translateX(-18px); } to { opacity: 1; transform: none; } } @keyframes gkFade { from { opacity: .4; } to { opacity: 1; } } :root .gk-shop__filterbtn[aria-expanded="true"] { background: var(--brown); border-color: var(--brown); color: var(--cream); } /* Shop and category toolbar: Filters, live search, count, sort */ :root .gk-shop__bar .gk-shop__search { flex: 1 1 280px; max-width: 520px; min-width: 0; } :root .gk-shop__bar--cat .gk-shop__search, :root .gk-cat .gk-shop__bar .gk-shop__search { margin-right: auto; } @media (max-width: 767px) { :root .gk-shop__bar .gk-shop__search { order: 10; flex: 1 1 100%; max-width: none; } } :root .gk-lsearch { position: relative; display: flex; align-items: center; gap: 6px; height: 48px; margin: 0; padding: 0 6px 0 46px; border: 1.5px solid var(--line-strong); border-radius: var(--pill); background: var(--paper); transition: border-color .2s ease, box-shadow .2s ease; } :root .gk-lsearch:focus-within { border-color: var(--brown); box-shadow: 0 0 0 3px rgba(50, 30, 30, .08); } :root .gk-lsearch > .gk-ph { position: absolute; left: 17px; top: 50%; margin-top: -10px; font-size: 20px; color: var(--muted); pointer-events: none; } :root .gk-lsearch input[type="search"] { flex: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; outline: none; font: inherit; font-size: 16px; color: var(--brown); -webkit-appearance: none; appearance: none; } :root .gk-lsearch input[type="search"]::placeholder { color: var(--muted); opacity: 1; } :root .gk-lsearch input[type="search"]::-webkit-search-cancel-button { display: none; } :root .gk-lsearch__clear { flex: none; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: var(--cream-2); color: var(--brown); font-size: 14px; cursor: pointer; } :root .gk-lsearch__clear[hidden] { display: none; } :root .gk-shop__search.is-loading .gk-lsearch > .gk-ph { animation: gkPulse .9s ease-in-out infinite; } @keyframes gkPulse { 50% { opacity: .3; } } :root .gk-archive-loop { transition: opacity .25s ease; } :root .gk-archive-loop.is-loading { opacity: .45; pointer-events: none; } /* Numbered pagination (replaces "Load more") */ :root .gk-shop__more { display: grid; justify-items: center; gap: 18px; } :root .gk-pagination ul.page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; border: 0; } :root .gk-pagination ul.page-numbers > li { margin: 0; padding: 0; border: 0; } :root .gk-pagination li > .page-numbers { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 44px; height: 44px; padding: 0 12px; border: 1.5px solid var(--line-strong); border-radius: var(--pill); background: transparent; color: var(--brown); font-weight: 600; font-size: 15px; line-height: 1; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } :root .gk-pagination li > a.page-numbers:is(:hover, :focus-visible) { border-color: var(--brown); color: var(--brown); } :root .gk-pagination li > .page-numbers.current { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root .gk-pagination li > .page-numbers.dots { min-width: 24px; padding: 0; border-color: transparent; } :root .gk-flip { display: inline-block; transform: scaleX(-1); } /* Sidebar filters: every option is a round pill, like the size buttons */ :root .gk-filters .etheme_swatches_filter ul.st-swatch-preview { display: flex !important; flex-direction: row; flex-wrap: wrap; gap: 8px; padding-top: 12px; } :root .gk-filters .etheme_swatches_filter ul.st-swatch-preview > li { width: auto !important; margin: 0 !important; } :root .gk-filters .etheme_swatches_filter ul.st-swatch-preview > li > a { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; min-width: 52px; height: auto; min-height: 40px; padding: 0 14px !important; border: 1.5px solid var(--line-strong); border-radius: var(--pill, 999px); background: transparent; font-weight: 600; font-size: 14.4px; line-height: 1.2; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } :root .gk-filters .etheme_swatches_filter ul.st-swatch-preview > li > a::before { display: none !important; } :root .gk-filters .etheme_swatches_filter ul.st-swatch-preview > li > a:hover { border-color: var(--brown); } :root .gk-filters .etheme_swatches_filter ul.st-swatch-preview > li:is(.chosen, .active, .selected) > a { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root .gk-filters .etheme-elementor-sidebar li > a .count { display: inline; min-width: 0; height: auto; margin: 0; padding: 0; background: none !important; color: inherit !important; opacity: .55; font-size: 12px; font-weight: 500; } /* Player Name: the search box stays; names only show while typing (selected players always show) */ :root .gk-filters :is(.player-name-or, .player-name-and):not(.gk-has-query) ul.st-swatch-preview > li:not(.chosen, .active, .selected) { display: none !important; } :root .gk-filters :is(.player-name-or, .player-name-and):not(.gk-has-query) ul.st-swatch-preview { padding-top: 0; } :root .gk-filters :is(.player-name-or, .player-name-and) ul.st-swatch-preview { max-height: 320px; overflow-y: auto; scrollbar-width: thin; } /* Categories: pills in groups (gk.js 10f). Leagues moved here from the old row above the grid, with their logos. */ :root .gk-filters .etheme_sidebar-widget-item ul.gk-catpills { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 12px; } :root .gk-filters ul.gk-catpills > li { display: inline-flex; align-items: center; margin: 0; padding: 0 !important; border: 1.5px solid var(--line-strong); border-radius: var(--pill, 999px); background: transparent; color: var(--brown); transition: background-color .2s ease, border-color .2s ease, color .2s ease; } :root .gk-filters ul.gk-catpills > li[hidden] { display: none !important; } :root .gk-filters ul.gk-catpills > li:hover { border-color: var(--brown); } :root .gk-filters .etheme_sidebar-widget-item ul.gk-catpills > li > a { display: inline-flex !important; align-items: center; gap: 6px; min-height: 37px; padding: 0 14px !important; color: inherit; font-weight: 600; font-size: 14.4px; line-height: 1.2; grid-template-columns: none; } :root .gk-filters .etheme_sidebar-widget-item ul.gk-catpills > li > a::before { display: none; } :root .gk-filters .etheme_sidebar-widget-item ul.gk-catpills > li.gk-cat-parent > a { padding-right: 2px !important; } :root .gk-filters ul.gk-catpills > li:is(.current-item, .current-cat, .chosen) { background: var(--brown); border-color: var(--brown); color: var(--cream); } :root .gk-filters ul.gk-catpills > li > .gk-cat-toggle { flex: none; width: 26px; height: 26px; margin: 0 6px 0 0; padding: 0; border: 0; border-radius: 50%; cursor: pointer; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23321E1E' stroke-width='20' stroke-linecap='round' stroke-linejoin='round' d='M208 96l-80 80-80-80'/%3E%3C/svg%3E") center / 12px no-repeat; transition: transform .25s ease, background-color .2s ease; } :root .gk-filters ul.gk-catpills > li > .gk-cat-toggle:hover { background-color: var(--cream-2); } :root .gk-filters ul.gk-catpills > li.is-open > .gk-cat-toggle { transform: rotate(180deg); } :root .gk-filters ul.gk-catpills > li:is(.current-item, .current-cat, .chosen) > .gk-cat-toggle { filter: invert(1) brightness(1.7); } :root .gk-filters ul.gk-catpills > li.gk-cat-label { flex: 1 1 100%; display: block; border: 0; border-radius: 0; padding: 8px 0 0 !important; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); } :root .gk-filters .etheme_sidebar-widget-item ul.gk-catpills > li[data-gk-slug] > a::before { content: ""; display: none; width: 22px; height: 22px; margin: 0; border: 0; border-radius: 0; background: center / contain no-repeat; } :root .gk-filters .etheme_sidebar-widget-item ul.gk-catpills > li:is([data-gk-slug="premier-league"], [data-gk-slug="la-liga"], [data-gk-slug="serie-a"], [data-gk-slug="bundesliga"], [data-gk-slug="ligue-1"]) > a::before { display: block; } :root .gk-filters ul.gk-catpills > li[data-gk-slug="premier-league"] > a::before { background-image: url("https://goldenerakits.com/wp-content/uploads/2026/10/gek-league-premierleague.png") !important; } :root .gk-filters ul.gk-catpills > li[data-gk-slug="la-liga"] > a::before { width: 34px; background-image: url("https://goldenerakits.com/wp-content/uploads/2026/10/gek-league-laliga.png") !important; } :root .gk-filters ul.gk-catpills > li[data-gk-slug="serie-a"] > a::before { background-image: url("https://goldenerakits.com/wp-content/uploads/2026/10/gek-league-seriea.png") !important; } :root .gk-filters ul.gk-catpills > li[data-gk-slug="bundesliga"] > a::before { background-image: url("https://goldenerakits.com/wp-content/uploads/2026/10/gek-league-bundesliga.png") !important; } :root .gk-filters ul.gk-catpills > li[data-gk-slug="ligue-1"] > a::before { background-image: url("https://goldenerakits.com/wp-content/uploads/2026/10/gek-league-ligue1.png") !important; } :root .gk-filters ul.gk-catpills > li:is(.current-item, .current-cat, .chosen) > a::before { background-color: var(--cream); border-radius: 6px; } /* ==== Filter revisions 2026-11-03 (client brief) ==== */ /* Filter groups: the site owns open/closed (gk.js 10j); XStore's inline display:none no longer blanks them */ :root .gk-filters .sidebar-widget:not(.gk-collapsed) > ul { display: flex !important; } :root .gk-filters .sidebar-widget:not(.gk-collapsed) > form { display: block !important; } :root .gk-filters .sidebar-widget:not(.gk-collapsed) > .etheme-widget_local_search-wrapper { display: flex !important; } :root .gk-filters .sidebar-widget.gk-collapsed > :not(.widget-title) { display: none !important; } :root .gk-filters .etheme_sidebar-widget-item > .widget-title[role="button"] { cursor: pointer; user-select: none; } :root .gk-filters .etheme_sidebar-widget-item > .widget-title[role="button"]::after { content: ""; display: block; flex: none; width: 26px; height: 26px; margin: 0 0 0 12px; border-radius: 50%; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23321E1E' stroke-width='20' stroke-linecap='round' stroke-linejoin='round' d='M208 96l-80 80-80-80'/%3E%3C/svg%3E") center / 12px no-repeat; transform: rotate(180deg); transition: transform .25s ease, background-color .2s ease; } :root .gk-filters .etheme_sidebar-widget-item.gk-collapsed > .widget-title[role="button"]::after { transform: none; } :root .gk-filters .etheme_sidebar-widget-item > .widget-title[role="button"]:hover::after { background-color: var(--cream-2); } :root .gk-filters .etheme_sidebar-widget-item > .widget-title[role="button"]:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; border-radius: 4px; } :root .gk-filters .etheme_sidebar-widget-item.gk-collapsed { padding-bottom: 16px; } /* Categories: sub-chips open inline, directly under the clicked chip's row (gk.js 10f) */ :root .gk-filters ul.gk-catpills > li.gk-cat-sub { flex: 1 1 100%; display: block; margin: 0; padding: 0 !important; border: 0; border-radius: 0; background: none; } :root .gk-filters .etheme_sidebar-widget-item ul.gk-catpills--sub { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 12px !important; border-radius: 16px; background: rgba(50, 30, 30, .05); } :root .gk-filters ul.gk-catpills--sub ul.gk-catpills--sub { background: rgba(50, 30, 30, .06); } :root .gk-filters li.gk-cat-sub.is-new > ul { animation: gkSubIn .32s var(--ease) both; transform-origin: top; } @keyframes gkSubIn { from { opacity: 0; transform: translateY(-6px) scaleY(.96); } to { opacity: 1; transform: none; } } :root .gk-filters ul.gk-catpills > li.gk-cat-more { border: 0; padding: 0 !important; } :root .gk-filters li.gk-cat-more > button { height: 37px; padding: 0 14px; border: 1.5px dashed var(--line-strong); border-radius: var(--pill, 999px); background: transparent; color: var(--blue); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; } :root .gk-filters li.gk-cat-more > button:hover { border-color: var(--blue); } /* Instant feedback on the tapped option while the results refresh */ :root .gk-filters .etheme_swatches_filter ul.st-swatch-preview > li.is-pending > a, :root .gk-filters ul.gk-catpills > li.is-pending { background: rgba(50, 30, 30, .7); border-color: var(--brown); color: var(--cream); } :root .gk-shop__bar { position: relative; } :root body.gk-loading .gk-shop__bar::after { content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, transparent 0%, var(--blue) 50%, transparent 100%) no-repeat; background-size: 40% 100%; animation: gkBar 1s linear infinite; } @keyframes gkBar { from { background-position: -60% 0; } to { background-position: 160% 0; } } /* A count you notice: larger, and it flashes when the results change */ :root .gk-shop__count { font-size: 16px; } :root .gk-shop__count b { font-size: 19.2px; } :root .gk-shop__count.gk-flash b { animation: gkCount .9s var(--ease); display: inline-block; } @keyframes gkCount { 0% { transform: scale(1.35); color: var(--blue); } 100% { transform: none; } } :root .gk-chip-clear { display: inline-flex; align-items: center; height: 34px; padding: 0 6px; font-size: 13.6px; font-weight: 600; color: var(--brown); text-decoration: underline; text-underline-offset: 3px; } /* Mobile drawer: sticky "Clear" / "Show N jerseys" bar */ :root .gk-filters__foot { display: none; } @media (max-width: 1023px) { :root .gk-filters__foot { display: flex; flex: none; gap: 10px; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line-strong); background: var(--cream); } :root .gk-filters__foot .gk-btn { min-height: 48px; justify-content: center; } :root .gk-filters__foot .gk-filters__clear { flex: 1; } :root .gk-filters__foot .gk-filters__show { flex: 2; gap: 5px; } :root .gk-filters__foot .gk-filters__clear.is-disabled { opacity: .45; } } /* Desktop sidebar: as tall as the window allows, right under the header */ @media (min-width: 1024px) { :root .gk-filters { top: calc(var(--header-h) + 12px); max-height: calc(100dvh - var(--header-h) - 24px); } } /* XStore re-adds .widget-toggled after each ajax refresh on small screens, fading the group's content to opacity 0 (the blank mobile drawer in the client's video). The site's own accordion decides, so neutralise it. */ :root .gk-filters .sidebar-widget.widget-has-toggle.widget-toggled:not(.gk-collapsed) > :not(.widget-title) { opacity: 1 !important; visibility: visible !important; max-height: none !important; pointer-events: auto !important; } /* Mobile Shop menu "Shop all" (client brief, change 2): menu link colour must not override the filled button */ :root .gk-mnav .gk-mnav__sub a.gk-btn:not(.gk-btn--outline), :root .gk-mnav .gk-mnav__sub a.gk-btn:not(.gk-btn--outline):is(:hover, :focus) { color: var(--cream); } :root .gk-mnav .gk-mnav__sub > a.gk-btn:first-child { margin-bottom: 4px; }