/* ===== gotham-theme-vars.css ===== */ /* Variables thème Impact extraites du live www.legeekshop.com — indispensables pour gd-gotham.css */ :root { --header-is-sticky: 1; --header-height: 4.5rem; --header-is-visible: 1; --announcement-bar-is-sticky: 0; --announcement-bar-height: 0px; --sticky-area-height: calc(var(--lgk-marquee-h, 28px) + var(--header-height)); --lgk-marquee-h: 28px; /* Container */ --container-max-width: 100%; --container-xxs-max-width: 27.5rem; /* 440px */ --container-xs-max-width: 42.5rem; /* 680px */ --container-sm-max-width: 61.25rem; /* 980px */ --container-md-max-width: 71.875rem; /* 1150px */ --container-lg-max-width: 78.75rem; /* 1260px */ --container-xl-max-width: 85rem; /* 1360px */ --container-gutter: 1.25rem; --section-vertical-spacing: 3rem; --section-vertical-spacing-tight:2.5rem; --section-stack-gap:2.5rem; --section-stack-gap-tight:2.25rem; /* Form settings */ --form-gap: 1.25rem; /* Gap between fieldset and submit button */ --fieldset-gap: 1rem; /* Gap between each form input within a fieldset */ --form-control-gap: 0.625rem; /* Gap between input and label (ignored for floating label) */ --checkbox-control-gap: 0.75rem; /* Horizontal gap between checkbox and its associated label */ --input-padding-block: 0.65rem; /* Vertical padding for input, textarea and native select */ --input-padding-inline: 0.8rem; /* Horizontal padding for input, textarea and native select */ --checkbox-size: 0.875rem; /* Size (width and height) for checkbox */ /* Other sizes */ --sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-is-visible, 1) * var(--header-height, 0px)); /* RTL support */ --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; /** * --------------------------------------------------------------------- * TYPOGRAPHY * --------------------------------------------------------------------- */ /* Font properties */ --heading-font-family: "Instrument Sans", sans-serif; --heading-font-weight: 400; --heading-font-style: normal; --heading-text-transform: uppercase; --heading-letter-spacing: 0.18em; --text-font-family: "Instrument Sans", sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --button-font: var(--text-font-style) var(--text-font-weight) var(--text-sm) / 1.65 var(--text-font-family); --button-text-transform: uppercase; --button-letter-spacing: 0.18em; /* Font sizes */--text-heading-size-factor: 1; --text-h1: max(0.6875rem, clamp(1.375rem, 1.146341463414634rem + 0.975609756097561vw, 2rem) * var(--text-heading-size-factor)); --text-h2: max(0.6875rem, clamp(1.25rem, 1.0670731707317074rem + 0.7804878048780488vw, 1.75rem) * var(--text-heading-size-factor)); --text-h3: max(0.6875rem, clamp(1.125rem, 1.0335365853658536rem + 0.3902439024390244vw, 1.375rem) * var(--text-heading-size-factor)); --text-h4: max(0.6875rem, clamp(1rem, 0.9542682926829268rem + 0.1951219512195122vw, 1.125rem) * var(--text-heading-size-factor)); --text-h5: calc(0.875rem * var(--text-heading-size-factor)); --text-h6: calc(0.75rem * var(--text-heading-size-factor)); --text-xs: 0.75rem; --text-sm: 0.8125rem; --text-base: 0.875rem; --text-lg: 1.0rem; --text-xl: 1.125rem; /* Rounded variables (used for border radius) */ --rounded-full: 9999px; --button-border-radius: 3.75rem; --input-border-radius: 3.75rem; /* Box shadow */ --shadow-sm: 0 2px 8px rgb(0 0 0 / 0.05); --shadow: 0 5px 15px rgb(0 0 0 / 0.05); --shadow-md: 0 5px 30px rgb(0 0 0 / 0.05); --shadow-block: px px px rgb(var(--text-primary) / 0.0); /** * --------------------------------------------------------------------- * OTHER * --------------------------------------------------------------------- */ --checkmark-svg-url: url(//www.legeekshop.com/cdn/shop/t/48/assets/checkmark.svg?v=77552481021870063511781876639); --cursor-zoom-in-svg-url: url(//www.legeekshop.com/cdn/shop/t/48/assets/cursor-zoom-in.svg?v=53880737899771658811781876639); } [dir="rtl"]:root { /* RTL support */ --transform-logical-flip: -1; --transform-origin-start: right; --transform-origin-end: left; } @media screen and (min-width: 700px) { :root { /* Typography (font size) */ --text-xs: 0.75rem; --text-sm: 0.8125rem; --text-base: 0.875rem; --text-lg: 1.0rem; --text-xl: 1.25rem; /* Spacing settings */ --container-gutter: 2rem; } } @media screen and (min-width: 1000px) { :root { /* Spacing settings */ --container-gutter: 3rem; --section-vertical-spacing: 5rem; --section-vertical-spacing-tight: 4rem; --section-stack-gap:4rem; --section-stack-gap-tight:4rem; } }:root {/* Overlay used for modal */ --page-overlay: 0 0 0 / 0.4; /* We use the first scheme background as default */ --page-background: ; /* Product colors */ --on-sale-text: 227 44 43; --on-sale-badge-background: 227 44 43; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 239 239 239; --sold-out-badge-text: 0 0 0 / 0.65; --custom-badge-background: 28 28 28; --custom-badge-text: 255 255 255; --star-color: 28 28 28; /* Status colors */ --success-background: 212 227 203; --success-text: 48 122 7; --warning-background: 253 241 224; --warning-text: 237 138 0; --error-background: 243 204 204; --error-text: 203 43 43; }.color-scheme--scheme-1 { /* Color settings */--accent: 28 28 28; --text-color: 28 28 28; --background: 239 239 239 / 1.0; --background-without-opacity: 239 239 239; --background-gradient: ;--border-color: 207 207 207;/* Button colors */ --button-background: 28 28 28; --button-text-color: 255 255 255; /* Circled buttons */ --circle-button-background: 255 255 255; --circle-button-text-color: 28 28 28; }.shopify-section:has(.section-spacing.color-scheme--bg-609ecfcfee2f667ac6c12366fc6ece56) + .shopify-section:has(.section-spacing.color-scheme--bg-609ecfcfee2f667ac6c12366fc6ece56:not(.bordered-section)) .section-spacing { padding-block-start: 0; }.color-scheme--scheme-2 { /* Color settings */--accent: 28 28 28; --text-color: 28 28 28; --background: 255 255 255 / 1.0; --background-without-opacity: 255 255 255; --background-gradient: ;--border-color: 221 221 221;/* Button colors */ --button-background: 28 28 28; --button-text-color: 255 255 255; /* Circled buttons */ --circle-button-background: 255 255 255; --circle-button-text-color: 28 28 28; }.shopify-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673) + .shopify-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673:not(.bordered-section)) .section-spacing { padding-block-start: 0; }.color-scheme--scheme-3 { /* Color settings */--accent: 255 255 255; --text-color: 255 255 255; --background: 0 0 0 / 1.0; --background-without-opacity: 0 0 0; --background-gradient: ;--border-color: 38 38 38;/* Button colors */ --button-background: 255 255 255; --button-text-color: 28 28 28; /* Circled buttons */ --circle-button-background: 255 255 255; --circle-button-text-color: 28 28 28; }.shopify-section:has(.section-spacing.color-scheme--bg-77e774e6cc4d94d6a32f6256f02d9552) + .shopify-section:has(.section-spacing.color-scheme--bg-77e774e6cc4d94d6a32f6256f02d9552:not(.bordered-section)) .section-spacing { padding-block-start: 0; }.color-scheme--scheme-4 { /* Color settings */--accent: 255 255 255; --text-color: 255 255 255; --background: 0 0 0 / 0.0; --background-without-opacity: 0 0 0; --background-gradient: ;--border-color: 255 255 255;/* Button colors */ --button-background: 255 255 255; --button-text-color: 28 28 28; /* Circled buttons */ --circle-button-background: 255 255 255; --circle-button-text-color: 28 28 28; }.shopify-section:has(.section-spacing.color-scheme--bg-3671eee015764974ee0aef1536023e0f) + .shopify-section:has(.section-spacing.color-scheme--bg-3671eee015764974ee0aef1536023e0f:not(.bordered-section)) .section-spacing { padding-block-start: 0; }.color-scheme--dialog { /* Color settings */--accent: 28 28 28; --text-color: 28 28 28; --background: 255 255 255 / 1.0; --background-without-opacity: 255 255 255; --background-gradient: ;--border-color: 221 221 221;/* Button colors */ --button-background: 28 28 28; --button-text-color: 255 255 255; /* Circled buttons */ --circle-button-background: 255 255 255; --circle-button-text-color: 28 28 28; } /* ===== gd-gotham.css ===== */ *,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:rgb(var(--border-color));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-padding-top:var(--sticky-area-height);interpolate-size:allow-keywords;line-height:1.5}body{background:rgb(var(--page-background));font:var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.65 var(--text-font-family);letter-spacing:var(--text-letter-spacing);margin:0;position:relative}hr{border-top-width:1px;height:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;line-height:inherit;text-transform:inherit;color:inherit;margin:0;padding:0}input[type=submit]{cursor:pointer}button,select{text-transform:none}button,[type=gd-button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}button,label,summary,[role=button],[type=checkbox],[type=radio]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-date-and-time-value{text-align:start}[type=date]{min-height:3rem}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{list-style-type:none}summary::-webkit-details-marker{display:none}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ul,ol,menu{margin:0;padding:0}.unstyled-list{margin:0;padding:0;list-style:none}textarea{resize:vertical;field-sizing:content;min-height:4lh}input::placeholder,textarea::placeholder{opacity:1;color:rgb(var(--text-color) / .65)}:disabled{cursor:default!important}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img{color:#0000;max-width:100%;height:auto}[role=img] svg{display:initial}picture source{display:contents}video{max-width:100%;height:auto}:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}height-observer{display:block}.color-scheme{background-color:rgb(var(--background));background-image:var(--background-gradient);color:rgb(var(--text-color));border-color:rgb(var(--border-color))}.color-scheme--with-image-overlay{--border-color: var(--text-color) / .6}.color-scheme--with-image-overlay .button--outline{--border-color: var(--text-color)}.accordion{box-sizing:content-box;display:block}.accordion{border-block-width:1px}.accordion :is(svg){transition:transform .2s}.accordion+.accordion{border-block-start-width:0}.accordion__toggle{justify-content:space-between;align-items:center;column-gap:.625rem;padding-block:1.25rem;display:flex}.accordion__content{margin-block-start:-.25rem;padding-block-end:1.25rem;padding-inline-end:1.25rem}@media screen and (min-width:1000px){.accordion__toggle.text-lg{padding-block:1.5rem}.accordion--lg .accordion__toggle{padding-block:2rem}.accordion--lg .accordion__content{margin-block-start:-.5rem}}.accordion-group>*+*>.accordion{border-block-start-width:0}.blog-post-card{align-content:start;gap:1.25rem;display:grid}.blog-post-card__info{justify-items:start;row-gap:1rem;display:grid}.blog-post-card__meta{flex-wrap:wrap;align-items:center;column-gap:.5rem;display:flex}.blog-post-card__meta>*+:before{content:"\2022";margin-inline-end:.5rem}.blog-post-list{--blog-post-list-items-per-row: 1;--blog-post-list-column-gap: 1.875rem;--blog-post-list-row-gap: var(--section-stack-gap);--blog-post-list-card-width: calc(100% / var(--blog-post-list-items-per-row) - var(--blog-post-list-column-gap) * (var(--blog-post-list-items-per-row) - 1) / var(--blog-post-list-items-per-row));grid:auto / repeat(auto-fit,var(--blog-post-list-card-width));align-items:start;column-gap:var(--blog-post-list-column-gap);row-gap:var(--blog-post-list-row-gap);display:grid}.featured-blog-post{grid-column:1 / -1;display:none}@media screen and (min-width:700px){.blog-post-list{--blog-post-list-items-per-row: 2}}@media screen and (max-width:999px){.blog-post-list--carousel{--blog-post-list-card-width: 40vw;grid:auto / auto-flow var(--blog-post-list-card-width)}}@media screen and (max-width:699px){.blog-post-list--carousel{--blog-post-list-card-width: 74vw}}@media screen and (min-width:1000px){.blog-post-list{--blog-post-list-items-per-row: 3;--blog-post-list-column-gap: 3.75rem}.featured-blog-post{display:block}.featured-blog-post+.blog-post-card{display:none}}@media screen and (min-width:1150px){.blog-post-list{--blog-post-list-row-gap: 3.75rem}}.shopify-challenge__button,.shopify-payment-button__button--unbranded{all:revert}.button,.shopify-challenge__button,.shopify-payment-button__button--unbranded{--initial-gradient: linear-gradient(rgb(var(--button-background)), rgb(var(--button-background)));--hover-gradient: linear-gradient(transparent, transparent);--initial-background-position: var(--transform-origin-end);--hover-background-position: var(--transform-origin-start);-webkit-appearance:none;appearance:none;text-transform:var(--button-text-transform);font:var(--button-font);letter-spacing:var(--button-letter-spacing);text-shadow:none;text-align:center;cursor:pointer;color:rgb(var(--button-text-color));border:1px solid rgb(var(--button-outline-color, var(--button-background)));border-radius:var(--button-border-radius);background-color:#0000;background-image:var(--initial-gradient),var(--hover-gradient);background-size:100% 100%,0 100%;background-position:var(--initial-background-position);background-repeat:no-repeat;justify-content:center;align-items:center;column-gap:1.125rem;padding:.65rem 1.75rem;transition:background-size .45s cubic-bezier(.785,.135,.15,.86),background-position .45s step-end,color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);display:inline-flex;position:relative}.button--outline{--initial-gradient: linear-gradient(transparent, transparent);--hover-gradient: linear-gradient(rgb(var(--button-background)), rgb(var(--button-background)));--initial-background-position: var(--transform-origin-start);--hover-background-position: var(--transform-origin-end);color:rgb(var(--button-background, var(--text-color)));border-color:rgb(var(--button-outline-color, var(--border-color)))}.button--subdued.button--outline{color:rgb(var(--button-background) / .65);border-color:rgb(var(--border-color))}.button--sm{font-size:var(--text-xs);padding:.5rem .75rem}@media screen and (pointer:fine)and (prefers-reduced-motion:no-preference){.features--button-transition :is(.button,.shopify-challenge__button,.shopify-payment-button__button--unbranded):not([disabled]):hover{color:rgb(var(--button-background));background-position:var(--hover-background-position);border-color:rgb(var(--button-background));background-size:0 100%,100% 100%}.features--button-transition .shopify-payment-button__button--unbranded:not([disabled]):hover{background-color:#0000}.features--button-transition .button--outline:not([disabled]):hover{color:rgb(var(--button-text-color))}}.button-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.button-group>*{margin:0!important}.button-group:has(.link):has(.button){column-gap:1.5rem}@media screen and (min-width:700px){.button-group{gap:1.25rem}.button-group:has(.link):not(:has(.button)){column-gap:2rem}.button-group--same-width{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}}.shopify-payment-button__button{vertical-align:top;width:100%;min-height:calc(1lh + 1.3rem + 2px)}shopify-accelerated-checkout,shopify-accelerated-checkout-cart{--shopify-accelerated-checkout-button-block-size: 44px;--shopify-accelerated-checkout-button-border-radius: var(--button-border-radius);--shopify-accelerated-checkout-button-box-shadow: none}@keyframes animateIconInline{0%{opacity:1;transform:translate(0)}50%{opacity:0;transform:translate(100%)}51%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes animateIconBlock{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(100%)}51%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.circle-button{--circle-button-size: 2.75rem;width:var(--circle-button-size);height:var(--circle-button-size);background:rgb(var(--circle-button-background));color:rgb(var(--circle-button-text-color));border-radius:var(--rounded-full);box-shadow:0 .125rem .625rem rgb(var(--circle-button-text-color) / .15);place-items:center;display:grid}.circle-button>svg{width:.75rem}.circle-button>.icon-zoom{width:.875rem}@media screen and (pointer:fine)and (prefers-reduced-motion:no-preference){.circle-button.hover\:animate-icon-inline:hover svg{animation:.35s ease-in-out forwards animateIconInline}.circle-button.hover\:animate-icon-block:hover svg{animation:.35s ease-in-out forwards animateIconBlock}}.circle-button--sm{--circle-button-size: 2.25rem}.circle-button--lg,.circle-button--xl{--circle-button-size: 3.125rem}:is(.circle-button--lg,.circle-button--xl)>svg{width:1rem}@media screen and (min-width:700px){.circle-button--xl{--circle-button-size: 3.5rem}}.content-over-media{--content-over-media-gap: 1.25rem;--content-over-media-calculated-row-gap: var(--content-over-media-row-gap, var(--content-over-media-gap));--content-over-media-calculated-column-gap: var(--content-over-media-column-gap, var(--content-over-media-gap));grid-template:[full-start] 0 [content-start] minmax(0,1fr) [content-end] 0 [full-end] / [full-start] minmax(0,1fr) [content-start] minmax(0,min(var(--container-max-width),100% - var(--content-over-media-column-gap, var(--content-over-media-gap, var(--container-gutter))) * 2)) [content-end] minmax(0,1fr) [full-end];row-gap:var(--content-over-media-calculated-row-gap);column-gap:var(--content-over-media-calculated-column-gap);min-height:var(--content-over-media-height, auto);place-items:center;display:grid;position:relative;overflow:hidden}.content-over-media:before{content:"";background:var(--content-over-media-gradient-overlay, rgb(var(--content-over-media-overlay)));border-radius:inherit;z-index:1;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.content-over-media>picture,.content-over-media>image-parallax picture{display:contents}.content-over-media>:is(img,video,iframe,svg,video-media),.content-over-media>picture img,.content-over-media>image-parallax img{height:var(--content-over-media-height, auto);overflow-wrap:anywhere;object-fit:cover;object-position:center;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-area:full-start / full-start / full-end / full-end;min-width:100%;min-height:100%;max-height:100%}.content-over-media>:not(img,video,iframe,svg,video-media,picture,image-parallax){max-width:var(--content-over-media-content-max-width, 48rem);z-index:1;text-shadow:0 1px rgb(var(--content-over-media-text-shadow) / 50%);grid-area:content-start / content-start / content-end / content-end;position:relative}.content-over-media:has(>.prose):not(:has(>.prose .button:last-child)){row-gap:calc(var(--content-over-media-calculated-row-gap) - .5rem)}@supports (row-gap: 1lh){.content-over-media:has(>.prose):not(:has(>.prose .button:last-child)){row-gap:calc(var(--content-over-media-calculated-row-gap) - .5lh)}}.content-over-media>video-media:not([autoplay])~:not(img,video,iframe,svg,video-media,picture,image-parallax){pointer-events:none;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.content-over-media>video-media:not([autoplay])[loaded]~:not(img,video,iframe,svg,video-media,picture,image-parallax){opacity:0;visibility:hidden}.content-over-media:has(video-media:not([autoplay])) .play-button{transition:transform .2s ease-in-out}.content-over-media:has(video-media:not([autoplay])):hover .play-button{transform:scale(1.1)}.shopify-section:first-child [allow-transparent-header]>.content-over-media>:not(img,video,iframe,svg,video-media,picture,image-parallax){padding-block-start:var(--header-height, 0px)}.content-over-media--xs{--content-over-media-height: clamp(15rem, 65vw, 25rem)}.content-over-media--sm{--content-over-media-height: clamp(20rem, 85vw, 32rem)}.content-over-media--md{--content-over-media-height: clamp(25rem, 100vw, 36rem)}.content-over-media--lg{--content-over-media-height: clamp(30rem, 125vw, 42rem)}.content-over-media--fill{--content-over-media-height: calc(100vh - var(--sticky-area-height))}.shopify-section:first-child .content-over-media--fill{--content-over-media-height: calc(100vh - (var(--announcement-bar-height, 0px) + var(--header-height, 0px)))}.shopify-section:first-child:has([allow-transparent-header]) .content-over-media--fill{--content-over-media-height: calc(100vh - (var(--announcement-bar-height, 0px)))}@supports (height: 100svh){.content-over-media--fill{--content-over-media-height: calc(100svh - var(--sticky-area-height))}.shopify-section:first-child .content-over-media--fill{--content-over-media-height: calc(100svh - (var(--announcement-bar-height, 0px) + var(--header-height, 0px)))}.shopify-section:first-child:has([allow-transparent-header]) .content-over-media--fill{--content-over-media-height: calc(100svh - (var(--announcement-bar-height, 0px)))}}@media screen and (min-width:700px){.content-over-media{--content-over-media-gap: 2rem}}@media screen and (min-width:1000px){.content-over-media{--content-over-media-gap: 3rem}}.page-dots{--dot-size: .375rem;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;display:flex}.page-dots>*{width:var(--dot-size);height:var(--dot-size);border-radius:var(--rounded-full);place-content:center;display:grid}.page-dots>*:after{content:"";border-radius:inherit;opacity:.4;background:currentColor;transition:opacity .25s,background .25s;position:absolute;top:0;right:0;bottom:0;left:0}.page-dots>*[aria-current=true]:after{opacity:1}.page-dots--narrow{column-gap:.5rem}.page-dots--autoplay>[aria-current=false]:after,.page-dots--autoplay>[aria-current=true] .circular-progress{transition-delay:.15s}.page-dots--autoplay>[aria-current=true]:after,.page-dots--autoplay>[aria-current=false] .circular-progress{opacity:0}.page-dots--autoplay>[aria-current=true] .circular-progress circle:last-child{animation:animateCircularProgress var(--slideshow-progress-duration) linear var(--slideshow-progress-play-state) both}.prev-next-button{transition:opacity .15s ease-in-out,transform .15s ease-in-out,visibility .15s ease-in-out}.prev-next-button[disabled]{opacity:0;visibility:hidden}@media screen and (pointer:fine){.prev-next-button--prev:hover svg{animation-direction:reverse!important}}@media screen and (pointer:fine){.floating-controls-container{padding-inline:4.625rem;display:block;position:relative}.floating-controls-container:not(:has(.is-scrollable)) .floating-controls-container__control{display:none}.floating-controls-container--inside{--floating-controls-inset-inline: 1.5rem;padding-inline:0}.floating-controls-container--on-hover>.floating-controls-container__control{opacity:0;transform:translateY(-10px)}.floating-controls-container--on-hover:hover>.floating-controls-container__control:not(:has([disabled])){opacity:1;transform:translateY(0)}.floating-controls-container__control{z-index:2;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset-block-start:calc(50% - 1.5625rem)}.floating-controls-container__control:first-child{inset-inline-start:var(--floating-controls-inset-inline, 0)}.floating-controls-container__control:last-child{inset-inline-end:var(--floating-controls-inset-inline, 0)}}@media not screen and (pointer:fine){.floating-controls-container>.floating-controls-container__control{display:none}}:where(x-drawer,x-modal,x-popover):not(:defined){display:none}:where(.modal,.drawer,.popover,.header-search){z-index:999;display:none;position:relative}:where(.modal,.drawer,.popover,.header-search)::part(overlay){background:rgb(var(--page-overlay));min-height:100vh;position:fixed;top:0;right:0;bottom:0;left:0}:where(.modal,.drawer,.popover,.header-search)::part(close-button){color:currentColor;cursor:pointer;background:none;border:none;place-items:center;padding:0;display:grid}:where(.modal,.drawer,.popover,.header-search)::part(close-button)>svg{display:block}@media screen and (pointer:fine){:where(.modal,.drawer,.popover,.header-search)::part(close-button){opacity:.6;transition:all .2s ease-in}:where(.modal,.drawer,.popover,.header-search)::part(close-button):hover{opacity:1}}:where(.modal,.drawer,.popover,.header-search)::part(tap-area){position:relative}:where(.modal,.drawer,.popover,.header-search)::part(tap-area):before{content:"";position:absolute;top:-.65rem;right:-.65rem;bottom:-.65rem;left:-.65rem}.modal{--distance-to-bleed: var(--modal-body-padding-inline);--modal-header-padding-block: .875rem;--modal-header-padding-inline: 1.25rem;--modal-body-padding-block: 1.25rem;--modal-body-padding-inline: 1.25rem;--modal-body-max-width: 30rem}.modal::part(base){place-items:end center;width:100%;height:100%;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.modal::part(content){max-width:var(--modal-body-max-width);background-color:rgb(var(--background));background-image:var(--background-gradient);color:rgb(var(--text-color));isolation:isolate;width:100%;max-height:75vh;overflow:auto}@supports (height: 100dvh){.modal::part(content){max-height:85dvh}}.modal::part(header){background:inherit;border-block-end:1px solid rgb(var(--border-color));text-align:center;z-index:2;align-items:center;padding-block-start:var(--modal-header-padding-block);padding-block-end:var(--modal-header-padding-block);padding-inline-start:var(--modal-header-padding-inline);padding-inline-end:var(--modal-header-padding-inline);display:grid;position:sticky;inset-block-start:0}.modal::part(close-button){position:absolute;inset-inline-end:var(--modal-header-padding-inline)}.modal::part(body){padding-block-start:var(--modal-body-padding-block);padding-block-end:var(--modal-body-padding-block);padding-inline-start:var(--modal-body-padding-inline);padding-inline-end:var(--modal-body-padding-inline)}@media screen and (min-width:700px){.modal{--modal-header-padding-block: 1.125rem;--modal-header-padding-inline: 2rem;--modal-body-padding-block: 2rem;--modal-body-padding-inline: 2rem}.modal::part(base){place-items:center}.modal--lg{--modal-body-max-width: 45rem}}.drawer{--distance-to-bleed: var(--drawer-body-padding-inline);--drawer-header-padding-block: 1rem;--drawer-header-padding-inline: 1.25rem;--drawer-body-padding-block: 1.25rem;--drawer-body-padding-inline: 1.25rem;--drawer-footer-padding-block: 1rem;--drawer-footer-padding-inline: 1.25rem;--drawer-max-width: min(92vw, 28.125rem)}.drawer::part(base){width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0}.drawer::part(content){max-width:var(--drawer-max-width);background-color:rgb(var(--background));background-image:var(--background-gradient);color:rgb(var(--text-color));grid-auto-rows:auto minmax(0,1fr) auto;align-content:start;width:100%;height:100%;display:grid;position:relative}.drawer::part(header){min-height:min(var(--header-height),5rem);border-block-end:1px solid rgb(var(--border-color));box-sizing:border-box;justify-content:space-between;align-items:center;column-gap:1rem;padding-block-start:var(--drawer-header-padding-block);padding-block-end:var(--drawer-header-padding-block);padding-inline-start:var(--drawer-header-padding-inline);padding-inline-end:var(--drawer-header-padding-inline);display:flex}.drawer::part(body){overscroll-behavior-y:contain;grid-template-columns:minmax(0,1fr);align-content:start;padding-block-start:var(--drawer-body-padding-block);padding-block-end:var(--drawer-body-padding-block);padding-inline-start:var(--drawer-body-padding-inline);padding-inline-end:var(--drawer-body-padding-inline);display:grid;overflow:hidden auto}.drawer::part(footer){background-color:rgb(var(--background));background-image:var(--background-gradient);border-block-start:1px solid rgb(var(--border-color));padding-block-start:var(--drawer-footer-padding-block);padding-block-end:var(--drawer-footer-padding-block);padding-inline-start:var(--drawer-footer-padding-inline);padding-inline-end:var(--drawer-footer-padding-inline)}.drawer--sm{--drawer-max-width: min(92vw, 25rem)}.drawer--center-body::part(body){align-self:center}@media screen and (min-width:1000px){.drawer{--drawer-header-padding-block: 1.125rem;--drawer-header-padding-inline: 2rem;--drawer-body-padding-block: 2rem;--drawer-body-padding-inline: 2rem;--drawer-footer-padding-block: 2rem;--drawer-footer-padding-inline: 2rem}}.popover{--distance-to-bleed: var(--popover-body-padding-inline);--popover-header-padding-block: .875rem;--popover-header-padding-inline: 1.25rem;--popover-body-padding-block: 1.25rem;--popover-body-padding-inline: 1.25rem}.popover::part(content){background:rgb(var(--background));color:rgb(var(--text-color));isolation:isolate;width:100%;max-height:75vh;overflow:auto}@supports (height: 100dvh){.popover::part(content){max-height:85dvh}}.popover::part(header){background:inherit;border-block-end:1px solid rgb(var(--border-color));text-align:center;z-index:2;align-items:center;padding-block-start:var(--popover-header-padding-block);padding-block-end:var(--popover-header-padding-block);padding-inline-start:var(--popover-header-padding-inline);padding-inline-end:var(--popover-header-padding-inline);display:grid;position:sticky;inset-block-start:0}.popover::part(close-button){position:absolute;inset-inline-end:var(--popover-header-padding-inline)}.popover::part(body){padding-block-start:var(--popover-body-padding-block);padding-block-end:var(--popover-body-padding-block);padding-inline-start:var(--popover-body-padding-inline);padding-inline-end:var(--popover-body-padding-inline)}.popover__value-list{text-align:start;justify-items:start;gap:.75rem;display:grid}.popover__value-list>*{text-align:inherit;color:rgb(var(--text-color) / .65);width:100%;transition:color .2s ease-in-out}.popover__value-list>*[aria-selected=true],.popover__value-list>*:hover{color:rgb(var(--text-color))}.popover__value-list>*:has(:checked){color:rgb(var(--text-color))}.popover__value-option{text-align:inherit;color:rgb(var(--text-color) / .65);width:100%;transition:color .2s ease-in-out}.popover__value-option[aria-selected=true],.popover__value-option:hover{color:rgb(var(--text-color))}@media screen and (max-width:999px){.popover::part(base){place-items:end center;width:100%;height:100%;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}}@media screen and (min-width:1000px){.popover{--popover-block-offset: .75rem;position:absolute}.popover::part(content){border:1px solid rgb(var(--border-color));box-shadow:2px 2px 6px rgb(var(--text-color) / .05);width:max-content;max-width:18.75rem;max-height:min(60vh,25rem)}.popover::part(overlay),.popover::part(header){display:none}.popover:has(.popover__value-list)::part(body){padding-inline-end:2.5rem}.popover--top-start{inset-block-end:calc(100% + var(--popover-block-offset));inset-inline-start:0}.popover--top-end{inset-block-end:calc(100% + var(--popover-block-offset));inset-inline-end:0}.popover--bottom-start{inset-block-start:calc(100% + var(--popover-block-offset));inset-inline-start:0}.popover--bottom-end{inset-block-start:calc(100% + var(--popover-block-offset));inset-inline-end:0}}.pop-in{z-index:10;padding:2rem;display:none;position:fixed;inset-block-end:1rem;inset-inline:1rem}.pop-in__close-button{inset-block-start:1.25rem;inset-inline-end:1.25rem;position:absolute!important}@media screen and (min-width:700px){.pop-in{inset-block-end:2rem;inset-inline:2rem}}.banner{font-size:var(--text-base);color:rgb(var(--banner-color));background:rgb(var(--banner-background));text-shadow:none;padding:.625rem 1.25rem}.banner:has(.banner__text-with-button){padding-block:1.25rem}.banner--error{--banner-background: var(--error-background);--banner-color: var(--error-text);--button-background: var(--error-text);--button-text-color: var(--error-background)}.banner--success{--banner-background: var(--success-background);--banner-color: var(--success-text);--button-background: var(--success-text);--button-text-color: var(--success-background)}.banner--warning{--banner-background: var(--warning-background);--banner-color: var(--warning-text);--button-background: var(--warning-text);--button-text-color: var(--warning-background)}.banner__text-with-button{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.5rem;display:flex}.form{align-content:start;row-gap:var(--form-gap);display:grid}.form-row{gap:var(--fieldset-gap);flex-wrap:wrap;display:flex}.form-row>.form-control{flex:1 0 var(--fieldset-row-control-width, 14rem)}.form-row>button{flex-grow:1}.fieldset{gap:var(--fieldset-gap);display:grid}.fieldset-row{gap:inherit;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.form-control{gap:var(--form-control-gap);display:grid;position:relative}.form-control>label{justify-self:start}.form-control__max-characters-count{margin-block-start:-.375rem}.checkbox-control{align-items:flex-start;column-gap:var(--checkbox-control-gap);text-align:start;display:flex;position:relative}.input,.textarea,.select{-webkit-appearance:none;appearance:none;padding:var(--input-padding-block) var(--input-padding-inline);border-radius:var(--input-border-radius);background:rgb(var(--input-background, transparent));color:rgb(var(--input-text-color, var(--text-color)));text-align:start;border-width:1px;width:100%;transition:border-color .1s ease-in-out}:is(.input,.textarea,.select)::placeholder{color:rgb(var(--input-text-color, var(--text-color)) / .6)}:is(.input:focus,.textarea:focus,.select:focus-visible){border-color:currentColor;outline:none}.select{box-shadow:0 1px 3px rgb(var(--text-color) / .08);padding-inline-end:calc(var(--input-padding-inline) * 2 + 10px)}.select:required:invalid{color:rgb(var(--input-text-color, var(--text-color)) / .6)}.select~svg,.select>svg{transition:transform .2s;position:absolute;inset-block-start:calc(50% - 3.5px);inset-inline-end:calc(var(--input-padding-inline) + 1px)}.select[aria-expanded=true]>svg{transform:rotate(180deg)}.form-control:has(.select):before{content:"";width:calc(var(--input-padding-inline) * 2 + 35px);background-image:linear-gradient(to var(--transform-origin-start),rgb(var(--background)) calc(var(--input-padding-inline) + 20px),rgb(var(--background-without-opacity) / 0));pointer-events:none;height:calc(100% - 2px);position:absolute;inset-block-start:1px;inset-inline-end:1px}.form-control:has(.select):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{border-top-right-radius:var(--input-border-radius);border-bottom-right-radius:var(--input-border-radius)}.form-control:has(.select):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{border-top-left-radius:var(--input-border-radius);border-bottom-left-radius:var(--input-border-radius)}.floating-label{z-index:1;background:rgb(var(--background));color:rgb(var(--input-text-color, var(--text-color)) / .6);opacity:0;pointer-events:none;padding:0 .25rem;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;inset-block-start:calc(-1 * var(--input-padding-block) + 1px);inset-inline-start:calc(var(--input-padding-inline) - .25rem + 1px);transform:translateY(3px)}:-webkit-autofill~.floating-label{color:#000}:-webkit-any(:-webkit-any(.input,.textarea):not(:placeholder-shown) ~ .floating-label,:-webkit-any(.input,.textarea,.select):-webkit-autofill ~ .floating-label,.select:valid ~ .floating-label){opacity:1;transform:translateY(0)}:is(:is(.input,.textarea):not(:placeholder-shown)~.floating-label,:is(.input,.textarea,.select):autofill~.floating-label,.select:valid~.floating-label){opacity:1;transform:translateY(0)}.input-suffix{transition:opacity .2s ease-in-out,visibility .2s ease-in-out;position:absolute;inset-block-start:var(--input-padding-block);inset-inline-end:var(--input-padding-inline)}.form-control:has(:focus-within)+.input-suffix.hide-on-focus{opacity:0;visibility:hidden}.checkbox{--checkbox-baseline-distance: 1.6em ;--checkbox-offset: calc((var(--checkbox-baseline-distance) - var(--checkbox-size)) / 2);-webkit-appearance:none;appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border-width:1px;border-color:rgb(var(--text-color) / .8);background:var(--checkmark-svg-url) no-repeat center / 0;border-radius:2px;flex-shrink:0;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;position:relative;inset-block-start:var(--checkbox-offset)}@supports (width: 1lh){.checkbox{inset-block-start:calc(.5lh - var(--checkbox-size) / 2)}}.checkbox:checked{background-color:rgb(var(--accent));border-color:rgb(var(--accent));background-size:10px 8px}.checkbox:checked~label{opacity:1}.checkbox:disabled,.checkbox:disabled~label{opacity:.5;cursor:default}.checkbox:not(:disabled,:checked)~label{opacity:.7}.checkbox~label{transition:all .2s ease-in-out}.dot-checkbox{-webkit-appearance:none;appearance:none;background:rgb(var(--text-color));opacity:0;pointer-events:none;border-radius:100%;width:6px;height:6px;transition:opacity .2s;display:block;position:absolute;inset-block-start:calc(.5em + 1.5px)}.dot-checkbox~label{opacity:.65;transition:opacity .2s,transform .2s;position:relative}.dot-checkbox~label:hover{opacity:1}.dot-checkbox:checked{opacity:1}.dot-checkbox:checked~label{opacity:1;transform:translate(1.125rem)}.dot-checkbox:focus~label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.switch{--switch-height: 1rem;--switch-width: 2.25rem;--switch-padding: .1875rem;--switch-toggle-size: .625rem;-webkit-appearance:none;appearance:none;height:var(--switch-height);width:var(--switch-width);padding:var(--switch-padding);border-radius:var(--rounded-full);background:rgb(var(--text-color) / .2);align-self:center;transition:background .2s ease-in-out;display:grid}.switch:after{content:"";width:var(--switch-toggle-size);height:var(--switch-toggle-size);background:rgb(var(--background));border-radius:var(--rounded-full);transition:transform .2s ease-in-out;box-shadow:0 1px 1px #0003}.switch:checked{background:rgb(var(--accent))}.switch:checked:after{transform:translate(calc(var(--transform-logical-flip) * (var(--switch-width) - var(--switch-toggle-size) - var(--switch-padding) * 2)))}.shopify-section:not(:first-child) .bordered-section{border-block-start-width:1px}.shopify-section:not(:has(.section-spacing))+.shopify-section{border-block-start-width:0}.container{--distance-to-bleed: max(var(--container-gutter), 50% - var(--container-max-width) / 2);margin-inline-start:max(var(--container-gutter),50% - var(--container-max-width) / 2);margin-inline-end:max(var(--container-gutter),50% - var(--container-max-width) / 2)}.container--xxs{--container-max-width: var(--container-xxs-max-width)}.container--xs{--container-max-width: var(--container-xs-max-width)}.container--sm{--container-max-width: var(--container-sm-max-width)}.container--md{--container-max-width: var(--container-md-max-width)}.container--lg{--container-max-width: var(--container-lg-max-width)}.container--xl{--container-max-width: var(--container-xl-max-width)}.section-spacing{padding-block-start:calc(var(--section-vertical-spacing-override, var(--section-vertical-spacing)) + var(--section-vertical-spacing-block-start-compensation, 0px));padding-block-end:var(--section-vertical-spacing-override, var(--section-vertical-spacing))}.shopify-section:has(.section-spacing){scroll-padding-block-start:calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-height, 0px))}.section-spacing--tight{--section-vertical-spacing: var(--section-vertical-spacing-tight);--section-stack-gap: var(--section-stack-gap-tight)}.shopify-section:empty{display:none}.section-stack{gap:var(--section-stack-gap);grid-auto-columns:minmax(0,1fr);display:grid}.section-header{max-width:min(var(--container-xs-max-width),100%);margin-inline-start:var(--container-gutter);margin-inline-end:var(--container-gutter)}.container .section-header{margin-inline:0}.v-stack{grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.h-stack{align-items:center;display:flex}.bleed,.full-bleed{margin-inline-start:calc(-1 * var(--distance-to-bleed));margin-inline-end:calc(-1 * var(--distance-to-bleed))}.bleed{scroll-padding-inline:var(--distance-to-bleed);padding-inline-start:var(--distance-to-bleed);padding-inline-end:var(--distance-to-bleed)}@media screen and (min-width:700px){.sm\:unbleed{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}@media screen and (min-width:1000px){.md\:unbleed{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}@media screen and (min-width:1150px){.lg\:unbleed{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}.empty-state{text-align:center;place-content:center;padding-block:6.25rem;display:grid}@media screen and (min-width:1000px){.empty-state{padding-block:12.5rem}}@media screen and (min-width:1400px){.empty-state{padding-block:15.625rem}}.shopify-section--announcement-bar,.shopify-section--header{transform:translateY(calc(((var(--announcement-bar-height, 0px) + var(--header-height, 0px)) * -1) * var(--hide-header-group, 0)));transition:transform .25s ease-in-out}video-media,model-media{border-radius:inherit;aspect-ratio:var(--aspect-ratio, var(--default-aspect-ratio));width:100%;display:block;position:relative;container:media / inline-size}@supports not (aspect-ratio: 1){:is(video-media,model-media):before{content:"";padding-block-end:calc(100% / (var(--aspect-ratio, var(--default-aspect-ratio))));display:block}:is(video-media,model-media)>*{height:100%;top:0;left:0;position:absolute!important}}@container media (width >= 32rem){:is(video-media,model-media)::part(play-button){width:4rem;height:4rem}}video-media{--default-aspect-ratio: 16 / 9}video-media[host]{align-items:center;display:grid}video-media[show-play-button]:not([loaded]),video-media:not([autoplay]){cursor:pointer}video-media>:is(video,iframe,img){border-radius:inherit;width:100%;height:100%;transition:opacity .2s ease-in-out}video-media>video[controls]{pointer-events:auto}video-media>:-webkit-any(video:not(:-webkit-full-screen),img){object-fit:cover;object-position:center;margin:0!important}video-media>:is(video:not(:fullscreen),img){object-fit:cover;object-position:center;margin:0!important}video-media>:is(iframe,img){position:absolute;top:0;right:0;bottom:0;left:0}video-media:not([loaded])>:is(video,iframe),video-media[loaded]>img,video-media[loaded]::part(play-button){opacity:0;pointer-events:none}video-media[suspended]~*{pointer-events:none}video-media::part(play-button){z-index:1;will-change:scale;transition:scale .2s ease-in-out,opacity .2s ease-in-out;position:absolute;top:50%;left:50%;translate:-50% -50%}video-media:hover::part(play-button){scale:1.1}model-media{--default-aspect-ratio: 1}model-media model-viewer,model-media .shopify-model-viewer-ui{vertical-align:top;width:100%;height:100%}@media screen and (max-width:699px){.order-summary__header,.order-summary__body td:nth-child(n+2),.order-summary__footer td:first-child{display:none}.order-summary__body td{border-width:0}.order-summary__body tr:last-child td{border-block-end-width:1px}.order-summary__body tr:first-child td{padding-block-start:0}.order-summary__body tr:last-child td{padding-block-end:calc(var(--table-cell-padding-block) * 2)}}@media screen and (min-width:700px){.order-summary .line-item-info{max-width:500px}}.line-item{--line-item-media-width: 4.375rem;align-items:center;column-gap:1.5rem;display:flex}.line-item__media{width:var(--line-item-media-width);flex-shrink:0}@media screen and (min-width:700px){.line-item{--line-item-media-width: 7.5rem}}.discount-badge{background:rgb(var(--on-sale-badge-background));color:rgb(var(--on-sale-badge-text));align-items:center;column-gap:.5rem;padding:.125rem .5rem;display:flex}.shipping-estimator__form{gap:var(--fieldset-gap);display:grid}@media screen and (min-width:700px){.shipping-estimator__form{flex-wrap:wrap;display:flex}.shipping-estimator__form .select{max-width:15rem}}.pagination{border-block-end-width:1px;grid-auto-rows:minmax(0,2.8125rem);grid-auto-columns:minmax(0,2.625rem);grid-auto-flow:column;justify-self:center;display:inline-grid}.pagination__link{place-content:center;display:grid;position:relative}.pagination__link[aria-current=page]{box-shadow:0 1px,inset 0 -2px}@media screen and (min-width:700px){.pagination{grid-auto-columns:minmax(0,3.75rem)}}.pswp{--pswp-bg: var(--background);--pswp-root-z-index: 100000;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.pswp:focus{outline:0}.pswp--open{display:block}.pswp img{max-width:none}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:rgb(var(--pswp-bg))}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__img,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;z-index:10;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);transform:translateY(15px)}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto;transition-delay:.3s;transform:translateY(0)}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:center;align-items:center;column-gap:.75rem;width:100%;display:flex;position:absolute;bottom:2.5rem;left:0;pointer-events:none!important}.pswp__top-bar>.circle-button{pointer-events:auto;transition:transform .2s ease-in-out}@media screen and (pointer:fine){.pswp__top-bar>.circle-button:hover{transform:scale(1.1)}}.pswp__preloader{display:none}@media screen and (min-width:700px){.pswp__top-bar{column-gap:1.125rem}}.range{-webkit-appearance:none;appearance:none;background:none;width:100%}.range::-webkit-slider-thumb{-webkit-appearance:none}.range::-webkit-slider-thumb{background:rgb(var(--text-color));cursor:pointer;z-index:1;box-shadow:none;border-radius:100%;width:.625rem;height:.625rem;margin-block-start:-.25rem;position:relative}.range::-webkit-slider-runnable-track{cursor:pointer;background:rgb(var(--text-color) / .12);border:none;border-radius:2px;width:100%;height:2px}.range::-moz-range-thumb{background:rgb(var(--text-color));cursor:pointer;border:none;border-radius:100%;width:.625rem;height:.625rem}.range::-moz-range-progress{cursor:pointer;border:none;border-radius:2px;width:100%;height:2px}.range::-moz-range-track{cursor:pointer;border:none;border-radius:2px;width:100%;height:2px}.range::-moz-range-progress{background-color:rgba(var(--text-color))}.range::-moz-range-track{background-color:rgb(var(--border-color))}@media not screen and (pointer:fine){.range::-webkit-slider-thumb{width:1rem;height:1rem;margin-block-start:-.4375rem}.range::-moz-range-thumb{width:1rem;height:1rem}}.range-group{background:linear-gradient(to var(--transform-origin-end),rgb(var(--text-color) / .12) var(--range-min),rgb(var(--text-color)) var(--range-min),rgb(var(--text-color)) var(--range-max),rgb(var(--text-color) / .12) var(--range-max));border-radius:2px;height:2px}.range-group .range{pointer-events:none;vertical-align:top;height:2px}.range-group .range::-webkit-slider-runnable-track{background:none}.range-group .range::-webkit-slider-thumb{pointer-events:auto}.range-group .range::-moz-range-progress{background:none}.range-group .range::-moz-range-track{background:none}.range-group .range::-moz-range-thumb{pointer-events:auto}.range-group .range:last-child{position:absolute;inset-block-start:0;inset-inline-start:0}.input-group{align-items:center;column-gap:.75rem;display:flex}.input-prefix{border-radius:min(.625rem,var(--button-border-radius));border:1px solid rgb(var(--text-color) / .12);flex:1 0 0;justify-content:space-between;align-items:center;min-width:0;padding:.4375rem;display:flex}.input-prefix:focus-within{border-color:rgb(var(--text-color));box-shadow:inset 0 0 0 1px rgb(var(--text-color))}.input-prefix>.field{-webkit-appearance:textfield;appearance:textfield;text-align:end;background:none;border:none;width:100%;min-width:0;margin-inline-start:.625rem;padding:0}.input-prefix>.field:focus{outline:none}.input-prefix>.field::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.input-prefix>.field::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.price-range{padding-block-start:.25rem;display:block}.price-range>.range-group{margin-block-end:1.125rem;position:relative}@media not screen and (pointer:fine){.price-range{padding-block-start:.625rem}}.product-card{scroll-snap-align:start;grid-template-columns:minmax(0,1fr);align-content:start;gap:1.25rem;display:grid;position:relative}.product-card__figure{position:relative}.product-card__figure>.badge-list{z-index:1;position:absolute;inset-block-start:.25rem;inset-inline-start:.25rem}.product-card__media{isolation:isolate;display:block}.product-card__image{object-fit:contain;object-position:center;margin-inline:auto;transition:opacity .1s ease-in-out}.product-card__image--secondary{width:100%;height:100%;display:none;position:absolute;inset-block-start:0;inset-inline-start:0}.product-card__quick-add-button{background:rgb(var(--circle-button-background));color:rgb(var(--circle-button-text-color));z-index:1;padding:.625rem;position:absolute;inset-block-end:.5rem;inset-inline-end:.5rem}@media screen and (pointer:fine){.product-card__quick-add-button{opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:translateY(5px)}.product-card__quick-add-button :is(svg){transition:transform .2s ease-in-out}.product-card__quick-add-button:hover svg{transform:rotate(90deg)}.product-card:hover .product-card__quick-add-button{opacity:1;transform:translateY(0)}}.product-card__info{text-align:center;align-content:start;justify-items:center;gap:.75rem;display:grid}.product-card__info :is(.price-list,.rating-badge){justify-content:center}.product-card__info .color-swatch{--swatch-size: 1.375rem}@media screen and (pointer:fine){.product-card__image--secondary{opacity:0;mix-blend-mode:plus-lighter;display:block}.product-card__figure:has(.product-card__image--secondary):hover>.product-card__media .product-card__image--primary{opacity:0}.product-card__figure:has(.product-card__image--secondary):hover>.product-card__media .product-card__image--secondary{opacity:1}}@media screen and (min-width:700px){.product-card__figure>.badge-list{inset-block-start:.5rem;inset-inline-start:.5rem}}.horizontal-product-card{scroll-snap-align:start;scroll-snap-stop:always;align-items:center;column-gap:1.5rem;display:flex;position:relative;container:horizontal-product-card / inline-size}.horizontal-product-card__figure{flex-shrink:0;width:6.25rem}.horizontal-product-card__info{flex-grow:1;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;justify-items:start;gap:.625rem;display:grid}.\@large\:horizontal-product-card__button{display:none}@media screen and (min-width:700px){.horizontal-product-card{column-gap:2rem}}@container horizontal-product-card (width >= 450px){.horizontal-product-card__info{grid-auto-flow:column;align-items:center}.\@narrow\:horizontal-product-card__button{display:none}.\@large\:horizontal-product-card__button{display:block}}.product-list{--product-list-max-items-per-row-allowed: 2;--product-list-calculated-items-per-row: min(var(--product-list-max-items-per-row-allowed), var(--product-list-items-per-row));--product-list-default-row-gap: 2.1875rem;--product-list-default-column-gap: .625rem;--product-list-calculated-row-gap: clamp(var(--section-vertical-spacing) / 4, var(--product-list-default-row-gap) * var(--product-list-vertical-spacing-factor, 1), var(--section-vertical-spacing) * 2);--product-list-calculated-column-gap: clamp(var(--container-gutter) / 4, var(--product-list-default-column-gap) * var(--product-list-horizontal-spacing-factor, 1), var(--container-gutter) * 2);--product-list-card-width: calc(100% / var(--product-list-calculated-items-per-row) - var(--product-list-calculated-column-gap, 0px) * (var(--product-list-calculated-items-per-row) - 1) / var(--product-list-calculated-items-per-row));grid:auto / repeat(auto-fit,var(--product-list-card-width));align-items:start;column-gap:var(--product-list-calculated-column-gap);row-gap:var(--product-list-calculated-row-gap);display:grid}.product-list--carousel{--product-list-default-column-gap: 1.25rem;grid:auto / auto-flow var(--product-list-card-width);justify-content:safe center}@media screen and (max-width:699px){.product-list:not(.product-list--carousel){margin-inline:-.625rem}.product-list--carousel{--product-list-card-width: min(300px, 65%)}}@media screen and (min-width:700px){.product-list{--product-list-max-items-per-row-allowed: 3;--product-list-default-row-gap: 3rem;--product-list-default-column-gap: 1.5rem}.product-list--compact{--product-list-max-items-per-row-allowed: 4}}@media screen and (min-width:1000px){.product-list{--product-list-max-items-per-row-allowed: 4;--product-list-default-row-gap: 4rem;--product-list-default-column-gap: 3rem}.product-list--compact{--product-list-max-items-per-row-allowed: 5}.product-list--carousel{scroll-snap-type:x mandatory}}@media screen and (min-width:1150px){.product-list{--product-list-max-items-per-row-allowed: var(--product-list-items-per-row)}}@media screen and (min-width:1400px){.product-list{--product-list-default-row-gap: 4rem;--product-list-default-column-gap: 3.75rem}}.quick-buy-modal{--modal-body-max-width: 55.625rem}.quick-buy-modal::part(content){position:relative}.quick-buy-modal__content{grid-template-columns:minmax(0,1fr);display:grid}.quick-buy-modal__close-button{position:absolute;inset-block-start:1.875rem;inset-inline-end:1.875rem}.quick-buy-modal__view-more{margin-block-start:2rem;display:inline-block}@media screen and (max-width:699px){.quick-buy-modal::part(body){padding-inline:0}.quick-buy-modal__gallery-wrapper,.quick-buy-modal__info-wrapper{padding-inline-start:var(--modal-body-padding-inline);padding-inline-end:var(--modal-body-padding-inline)}.quick-buy-modal__gallery-wrapper .price-list{justify-content:center}.quick-buy-modal__gallery-wrapper .price-list .h6{font-size:.6875rem}.quick-buy-modal__mobile-info{margin-block-start:1.25rem}.quick-buy-modal__info-wrapper{border-block-start-width:1px;margin-block-start:1.25rem}.quick-buy-modal__info-wrapper .product-info__block-item:is([data-block-type=vendor],[data-block-type=title],[data-block-type=price],[data-block-type=rating],[data-block-type=separator]),.quick-buy-modal__info-wrapper .product-info__block-group[data-group-type=text-with-rating]{display:none}.quick-buy-modal__info-wrapper .product-info__block-item[data-block-type=gd-variant-picker]{--product-info-gap: 1.25rem}.quick-buy-modal__info-wrapper .product-info__block-item[data-block-type=gd-buy-buttons]{--product-info-gap: 1.5rem}}@media screen and (min-width:700px){.quick-buy-modal{--modal-body-padding-inline: 3.125rem;--modal-body-padding-block: 3.125rem}.quick-buy-modal::part(header){display:none}.quick-buy-modal__content{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;column-gap:2.5rem;display:grid}.quick-buy-modal__content .product-info{top:unset;position:relative}}.prose{overflow-wrap:anywhere}.prose :first-child,.prose .sr-only:first-child+*{margin-block-start:0!important}.prose :last-child{margin-block-end:0!important}.prose :where(:not(meta,span)+*){margin-block-start:1rem}.prose :where(*+span:not(:empty,.metafield-multi_line_text_field)),.prose :is(.link,img){display:inline-block}.prose :is(.link+.link){margin-inline-start:.75rem}.prose :is(.button,.button-group:has(.button)){margin-block-start:1.5rem}.prose :is(p img:not([style*=float]):only-child,div img:not([style*=float]):only-child,figure,video,object,blockquote,table){margin-block:1.6rem}.prose :is(iframe[src*=youtube],iframe[src*="youtu.be"],iframe[src*=vimeo]){aspect-ratio:16 / 9;width:100%;height:auto}.prose .play-button{margin:2rem auto;display:block}.prose :is(ol,ul) :is(ol,ul){margin-block-start:0!important}.prose :is(ol,ul){row-gap:.4em;display:grid}.prose br{margin-block:0!important}.prose figcaption{font-style:italic;font-size:var(--text-sm);color:rgb(var(--text-color) / .65);margin-block-start:.5em}.prose blockquote{border-inline-start-width:3px;padding:.375rem 0 .375rem 1rem;font-size:1.15rem;line-height:1.75}@media screen and (min-width:1000px){.prose:not(.prose--tight) :where(:not(meta,span)+*){margin-block-start:1.25rem}.prose:not(.prose--tight) :is(.button,.button-group:has(.button)){margin-block-start:2rem}.prose:not(.prose--tight) .play-button{margin-block:2.5rem}.prose:not(.prose--tight) blockquote{margin-inline-start:2rem;padding-inline-start:2rem}}.link,.prose a:not(.h1,.h2,.h3,.h4,.h5,.h6,.button,.link-faded,.link-faded-reverse){text-underline:none;background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em) / 100% 1px no-repeat;transition:background-size .3s ease-in-out}@supports (height: 1lh){:is(.link,.prose a:not(.h1,.h2,.h3,.h4,.h5,.h6,.button,.link-faded,.link-faded-reverse)){background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.2lh) / 100% 1px no-repeat}}@media screen and (pointer:fine){:is(.link,.prose a:not(.h1,.h2,.h3,.h4,.h5,.h6,.button,.link-faded,.link-faded-reverse)):hover{background-size:0 1px}}.link-reverse{text-underline:none;background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em) / 0 1px no-repeat;transition:background-size .3s ease-in-out}@supports (height: 1lh){.link-reverse{background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.2lh) / 0 1px no-repeat}}@media screen and (pointer:fine){.link-reverse:hover{background-size:100% 1px}}.link-faded{color:rgb(var(--text-color) / .65);transition:color .2s ease-in-out}@media screen and (pointer:fine){.link-faded:hover{color:rgb(var(--text-color))}}.link-faded-reverse{transition:color .2s ease-in-out}@media screen and (pointer:fine){.link-faded-reverse:hover{color:rgb(var(--text-color) / .65)}}table{--table-cell-padding-block: .75rem;--table-cell-padding-inline: .5rem;--table-foot-cell-padding-block: .75rem;--table-foot-cell-padding-inline: .5rem;width:100%}table caption{text-align:inherit;margin-block-end:.5rem}th{text-align:start}:where(td,th):not(:empty){border-block-width:1px}:where(th):not(:empty){border-block-start-width:0}td:not(:empty)+td{border-inline-start-width:1px}th,td{padding:var(--table-cell-padding-block) var(--table-cell-padding-inline)}table:not(.table--bordered) :is(th,td):first-child,table:not(.table--bordered) :is(th,td):empty+td{padding-inline-start:0}:is(th,td):last-child{padding-inline-end:0}th{opacity:.6;line-height:1.7;font-size:var(--text-h6);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);padding-block:0 .625rem}tfoot td{padding:var(--table-foot-cell-padding-block) var(--table-foot-cell-padding-inline)}tr[onclick]{cursor:pointer;transition:background .2s}tr[onclick]:hover{background:rgb(var(--text-color) / .05)}@media screen and (min-width:700px){table{--table-cell-padding-block: 1rem;--table-cell-padding-inline: .75rem;--table-foot-cell-padding-block: 1rem;--table-foot-cell-padding-inline: .75rem}}.table--bordered{--table-cell-padding-inline: .75rem}.table--bordered td{border-width:1px}.table--reduce-border :is(td)+td{border-inline-start-width:0}.table--sm{--table-cell-padding-block: .35rem;--table-cell-padding-inline: .5rem}.table--lg{--table-cell-padding-block: 1.5rem;--table-cell-padding-inline: .5rem}@media screen and (min-width:700px){.table--lg{--table-cell-padding-block: 2rem;--table-cell-padding-inline: .75rem}}.social-media--list{align-items:center;gap:var(--social-media-list-gap, .75rem 2rem);flex-wrap:wrap;display:flex}.social-media--list .social-media__item{opacity:.65;transition:opacity .2s,color .2s}.social-media--list svg{width:var(--social-media-icon-size, 1.25rem)}@media screen and (pointer:fine){.social-media--list .social-media__item:hover{opacity:1}}.social-media--block{display:inline-grid;grid-auto-flow:column;grid-auto-columns:3rem;gap:2px;width:max-content;max-width:100%}.social-media--block .social-media__item{background:rgb(var(--branding-background));outline:1px solid rgb(var(--branding-background));color:rgb(var(--branding-color));z-index:0;width:3rem;min-height:3rem;aspect-ratio:1;transition:background .15s,color .15s,outline .15s,z-index .15s,transform .15s,box-shadow .15s}.social-media--block a{width:100%;height:100%;min-height:3rem;padding:0;display:flex;align-items:center;justify-content:center}.social-media--block svg{margin-inline:auto;width:1.25rem;height:1.25rem;flex-shrink:0}@media screen and (pointer:fine){.social-media--block .social-media__item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(var(--branding-background) / .45);z-index:1}}.branding-colors--facebook{--branding-background: 24 119 242;--branding-color: 255 255 255}.branding-colors--twitter{--branding-background: 29 161 242;--branding-color: 255 255 255}.branding-colors--instagram{--branding-background: 195 42 163;--branding-color: 255 255 255}.branding-colors--pinterest{--branding-background: 189 8 28;--branding-color: 255 255 255}.branding-colors--youtube{--branding-background: 255 0 0;--branding-color: 255 255 255}.branding-colors--tiktok{--branding-background: 254 44 85;--branding-color: 255 255 255}.branding-colors--vimeo{--branding-background: 26 183 234;--branding-color: 255 255 255}.branding-colors--linkedin{--branding-background: 10 102 194;--branding-color: 255 255 255}.branding-colors--whatsapp{--branding-background: 79 206 93;--branding-color: 255 255 255}.branding-colors--telegram{--branding-background: 38 165 228;--branding-color: 255 255 255}.branding-colors--snapchat{--branding-background: 255 252 0;--branding-color: 0 0 0}.branding-colors--tumblr{--branding-background: 54 70 93;--branding-color: 255 255 255}.branding-colors--wechat{--branding-background: 9 184 62;--branding-color: 255 255 255}.branding-colors--reddit{--branding-background: 255 69 0;--branding-color: 255 255 255}.branding-colors--line{--branding-background: 6 199 85;--branding-color: 255 255 255}.branding-colors--spotify{--branding-background: 30 215 96;--branding-color: 255 255 255}.branding-colors--21buttons{--branding-background: 0 0 0;--branding-color: 255 255 255}.branding-colors--email{--branding-background: var(--text-color);--branding-color: var(--background)}.color-swatch{--swatch-offset: 2px;--swatch-size: 2.125rem;--swatch-border-size: 1px;--swatch-disabled-strike-color: rgb(var(--border-color));width:var(--swatch-size);height:var(--swatch-size);padding:var(--swatch-offset);border:var(--swatch-border-size) solid transparent;background:content-box var(--swatch-background) no-repeat center / cover;place-items:center;display:grid;position:relative}.color-swatch.is-disabled:before{content:"";margin:var(--swatch-disabled-margin, var(--swatch-offset));background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;top:0;right:0;bottom:0;left:0}:disabled+.color-swatch{display:none}:checked+.color-swatch,.color-swatch.is-selected{--swatch-disabled-margin: 0;--swatch-disabled-strike-color: currentColor;border-color:currentColor}:focus-visible+.color-swatch{outline-offset:calc(var(--swatch-offset))}.thumbnail-swatch{--swatch-size: 3rem;--swatch-disabled-strike-color: rgb(var(--border-color));width:var(--swatch-size);height:var(--swatch-size);border-radius:min(4px,var(--input-border-radius));border-width:1px;display:block;position:relative}:checked+.thumbnail-swatch,.thumbnail-swatch.is-selected{--swatch-disabled-strike-color: currentColor;border-color:currentColor}.thumbnail-swatch.is-disabled:before{content:"";background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;top:0;right:0;bottom:0;left:0}:disabled+.thumbnail-swatch{display:none}.thumbnail-swatch>img{border-radius:inherit;height:100%}:focus-visible+.thumbnail-swatch{outline-offset:2px}@media screen and (min-width:700px){.thumbnail-swatch{--swatch-size: 4.25rem}}.block-swatch{--swatch-border-size: 1px;--swatch-padding: calc(var(--input-padding-block) - var(--swatch-border-size) * 2) .875rem;--swatch-disabled-strike-color: rgb(var(--border-color));padding:var(--swatch-padding);border-width:var(--swatch-border-size);border-radius:var(--input-border-radius);color:rgb(var(--text-color) / .65);justify-content:center;align-items:center;column-gap:.875rem;min-width:2.5rem;display:flex;position:relative}.block-swatch.is-disabled{color:rgb(var(--text-color) / .5)}:checked+.block-swatch,.block-swatch.is-selected{--swatch-disabled-strike-color: currentColor;color:var(--text-color);border-color:currentColor}.block-swatch.is-disabled:before{content:"";background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;top:0;right:0;bottom:0;left:0}:disabled+.block-swatch{display:none}:focus-visible+.block-swatch{outline-offset:2px}.block-swatch__color{background:var(--swatch-background) center / cover;width:1rem;height:1rem}.image-filter{--image-filter-width: 3rem;grid-template-columns:var(--image-filter-width) minmax(0,1fr);align-items:center;column-gap:1.25rem;display:grid}.image-filter__image{width:var(--image-filter-width);height:var(--image-filter-width);object-fit:contain;object-position:center}.image-filter__label{grid-column-start:2}:checked+.image-filter .image-filter__image{outline:1px solid rgb(var(--text-color))}:checked+.image-filter .image-filter__label{color:rgb(var(--text-color))}.content-tabs::part(tab-list){border-block-end:1px solid rgb(var(--border-color));white-space:nowrap;grid-auto-flow:column;justify-content:start;gap:2.5rem;margin-block-end:1.5rem;display:grid}.content-tabs [role=tab]{box-shadow:0 1px rgb(var(--text-color));padding-block-end:.625rem;transition:opacity .2s ease-in,box-shadow .2s ease-in}.content-tabs [role=tab]:not([aria-selected=true]){opacity:.6;box-shadow:0 1px #0000}.content-tabs--center::part(tab-list){width:max-content;margin-inline:auto}.content-tabs--center::part(tab-panel-list){text-align:center;width:min(800px,100%);margin-inline:auto;display:block}@media screen and (min-width:1000px){.content-tabs::part(tab-list){gap:4.375rem;margin-block-end:2rem}}.constrained-image{width:var(--image-mobile-max-width, var(--image-max-width));max-width:100%}@media screen and (min-width:700px){.constrained-image{width:var(--image-max-width)}}.text-with-icon{align-items:center;gap:.625rem;display:flex}.text-with-icon>svg{flex-shrink:0}.icon{vertical-align:middle;height:auto;transition:transform .2s;display:block}.group[aria-expanded=true] .icon.group-expanded\:rotate{transform:rotate(180deg)}[dir=rtl] .icon--direction-aware{scale:-1}.offset-icon{--icon-baseline-distance: .825em ;top:var(--icon-baseline-distance);position:relative;translate:0 -50%}@supports (top: 1lh){.offset-icon{top:.5lh}}.price-list{flex-wrap:wrap;align-items:baseline;column-gap:.5rem;display:flex}.price-list--product{column-gap:1rem}.localization-selectors{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.75rem;display:flex}.localization-selectors__separator{background:rgb(var(--border-color));width:1px;height:.5rem}.localization-selectors__separator:last-child{display:none}.localization-toggle{align-items:center;column-gap:.625rem;display:flex}.localization-toggle>svg{transition:transform .2s}.localization-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.country-flag{width:20px;height:15px}.payment-methods{flex-wrap:wrap;gap:1rem;display:flex}.badge{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:uppercase;align-items:center;width:max-content;padding:.0625rem .3125rem;font-size:.625rem;display:flex}.badge--on-sale{background:rgb(var(--on-sale-badge-background));color:rgb(var(--on-sale-badge-text))}.badge--sold-out{background:rgb(var(--sold-out-badge-background));color:rgb(var(--sold-out-badge-text))}.badge--custom{background:rgb(var(--custom-badge-background));color:rgb(var(--custom-badge-text))}@media screen and (min-width:700px){.badge{font-size:.6875rem}}.badge-list{flex-wrap:wrap;gap:.25rem;display:flex}.badge-list--vertical{flex-direction:column}.feature-badge{font-size:var(--text-xs);align-items:center;column-gap:.5rem;padding:.375rem .5rem;display:inline-flex}.feature-badge :is(svg,img){flex-shrink:0}.feature-badge-list{flex-wrap:wrap;gap:.5rem;display:flex}.rating-badge{flex-wrap:wrap;align-items:center;column-gap:.5rem;line-height:normal;display:flex}.rating-badge__stars{column-gap:.125rem;display:flex;position:relative;top:-.5px}.text-with-rating{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem .5rem;display:flex}.inventory{row-gap:.5rem;font-style:italic;display:grid}.progress-bar{background:rgb(var(--text-color) / .1);height:2px;display:block;position:relative}.progress-bar:before{content:"";transform:scaleX(var(--progress, 0));transform-origin:var(--transform-origin-start);background:currentColor;width:100%;height:100%;transition:transform .45s ease-in-out;display:block}[data-tooltip]{--tooltip-text-color: var(--text-color);--tooltip-background: var(--background);position:relative}@media screen and (pointer:fine){[data-tooltip]:after{content:attr(data-tooltip);inset-block-end:calc(100% + var(--tooltip-offset, .5rem));border-radius:min(1.5rem,var(--button-border-radius));background:rgb(var(--tooltip-text-color));color:rgb(var(--tooltip-background));visibility:hidden;opacity:0;pointer-events:none;justify-self:center;width:max-content;max-width:15rem;padding:.125rem .5rem;font-size:.6875rem;transition:opacity .1s ease-in-out,visibility .1s ease-in-out,scale .1s ease-in-out;position:absolute;left:50%;translate:-50%;scale:.9}[data-tooltip]:hover:after{visibility:visible;opacity:1;scale:1}}.separator-dot{--dot-size: .25rem;width:var(--dot-size);height:var(--dot-size);background:currentColor;border-radius:100%}.animated-plus{--animated-plus-size: .625rem;width:var(--animated-plus-size);height:var(--animated-plus-size);display:block;position:relative}.animated-plus:before,.animated-plus:after{content:"";background-color:currentColor;transition:transform .25s ease-in-out,opacity .25s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.animated-plus:before{width:var(--animated-plus-size);opacity:1;height:1px}.animated-plus:after{height:var(--animated-plus-size);width:1px}.group[aria-expanded=true] .animated-plus.group-expanded\:rotate:before{opacity:0}.group[aria-expanded=true] .animated-plus.group-expanded\:rotate:before,.group[aria-expanded=true] .animated-plus.group-expanded\:rotate:after{transform:translate(-50%,-50%)rotate(90deg)}@media(pointer:fine){.is-scrollable[allow-drag]{cursor:grab}.is-scrollable[allow-drag]:active{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-snap-type:none}}@media screen and (min-width:700px){.play-button svg{width:5rem;height:5rem}}.quantity-selector{--quantity-selector-height: 2.7rem;--quantity-selector-input-width: 2.5rem;--tooltip-offset: calc(-1 * var(--quantity-selector-height) / 2 + 1rem);grid-template-columns:var(--quantity-selector-height) auto var(--quantity-selector-height);grid-auto-rows:var(--quantity-selector-height);border-width:1px;align-items:center;display:inline-grid}.quantity-selector__button{place-content:center;min-height:100%;display:grid}.quantity-selector__button svg{transition:opacity .2s}.quantity-selector__button[disabled] svg,.quantity-selector__button:hover svg{opacity:.65}.quantity-selector__input{-webkit-appearance:textfield;appearance:textfield;min-width:var(--quantity-selector-input-width);width:var(--quantity-selector-character-count, 1ch);text-align:center;background:none}.quantity-selector__input:focus{outline:none}.quantity-selector__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-selector__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-selector--sm{--quantity-selector-height: 2.2rem;--quantity-selector-input-width: 2rem}.breadcrumb{display:none}.breadcrumb__list{align-items:center;column-gap:.5rem;line-height:1;display:flex}.breadcrumb__list-item+.breadcrumb__list-item:before{content:"/";color:rgb(var(--text-color) / .65);margin-inline-end:.375rem;font-size:.625rem;display:inline-block}@media screen and (min-width:1000px){.breadcrumb{display:block}}.breadcrumb--floating{position:absolute;inset-block-start:1.25rem;inset-inline-start:var(--container-gutter)}.bordered-box{border-width:1px;padding:2.5rem 1.25rem 1.25rem;position:relative}.bordered-box__title{inset-block-start:0;text-align:center;background:rgb(var(--background));width:max-content;padding-inline:.5rem;position:absolute;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:1000px){.bordered-box{padding:3rem}}.loading-bar{z-index:2000;pointer-events:none;mix-blend-mode:exclusion;transform-origin:var(--transform-origin-start);background:#fff;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}@media screen and (min-width:700px){.loading-bar{height:3px}}@keyframes animateCircularProgress{0%{stroke-dashoffset:var(--stroke-dasharray)}to{stroke-dashoffset:0}}.circular-progress{transition:opacity .25s;transform:rotate(-90deg)}.circular-progress circle:last-child{stroke-dasharray:var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dasharray)}@media(prefers-reduced-motion:no-preference){image-parallax img{transform:scale(1.3)translateY(-11.5385%)}}.scroll-margin-offset{scroll-margin-block-start:20px}.share-buttons{align-items:center;gap:.875rem;display:flex}.share-buttons .social-media{--social-media-icon-size: 1rem;--social-media-list-gap: .75rem}.share-buttons--native:not([hidden])+.share-buttons{display:none}product-rerender{display:contents}.customer-account-box{min-height:calc(100vh - var(--section-vertical-spacing) * 2 - var(--announcement-bar-height, 0px) - var(--header-height, 0px));text-align:center;align-items:center;display:grid}.customer-account-category{border-block-end-width:1px;padding-block-end:.625rem}.customer-account-overview{grid-gap:2.5rem 3rem;display:grid}.customer-account-order-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media screen and (min-width:1000px){.customer-account-overview{grid-template-columns:minmax(0,1fr) 14rem}}@media screen and (min-width:1150px){.customer-account-overview{grid-template-columns:minmax(0,1fr) 18rem;column-gap:3.75rem}}.customer-address-list{--addresses-per-row: 1;grid-template-columns:repeat(var(--addresses-per-row),minmax(0,1fr));gap:3rem 3.75rem;display:grid}@media screen and (min-width:700px){.customer-address-list{--addresses-per-row: 2}}@media screen and (min-width:1000px){.customer-address-list{--addresses-per-row: 3}}.customer-order{grid:auto / minmax(0,1fr);gap:3rem;display:grid}.customer-order__details{grid-template-columns:minmax(0,1fr);row-gap:3rem;display:grid}.customer-order__address-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-content:start;gap:2.5rem 3.75rem;display:grid}@media screen and (min-width:1150px){.customer-order{grid:auto / auto-flow minmax(0,1fr) 14rem;column-gap:3.75rem}}@media screen and (min-width:1400px){.customer-order{grid-auto-columns:minmax(0,1fr) 18rem}}.announcement-bar{--announcement-bar-gutter: .625rem;text-align:center;font-size:var(--announcement-bar-font-size);place-content:center;column-gap:.75rem;padding-block:1em;padding-inline-start:max(var(--announcement-bar-gutter),50% - var(--container-max-width) / 2);padding-inline-end:max(var(--announcement-bar-gutter),50% - var(--container-max-width) / 2);display:flex}.announcement-bar__carousel{flex-grow:1;place-items:center;max-width:35rem;display:grid}.announcement-bar__carousel>*{grid-area:1 / -1}.announcement-bar__carousel>:not(.is-selected){visibility:hidden}@media screen and (min-width:700px){.announcement-bar{--announcement-bar-gutter: var(--container-gutter);justify-content:center;column-gap:2.5rem}}.before-after{--before-after-content-inset-inline: 1.25rem;--before-after-content-inset-block: 1rem;--before-after-cursor-size: 3.125rem;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;position:relative}.before-after>*{grid-area:1 / -1}.before-after__after-image{z-index:1}.before-after__content-wrapper{position:absolute}.before-after__cursor{pointer-events:auto;filter:drop-shadow(0 1px 1px #0000000d) drop-shadow(0 1px 1px #0000000d);z-index:1;display:grid;position:relative}.before-after__cursor:before{content:"";background:rgb(var(--before-after-cursor-background));z-index:-1;position:absolute}.before-after__cursor svg{width:var(--before-after-cursor-size);height:var(--before-after-cursor-size)}.before-after--horizontal{cursor:ew-resize}.before-after--horizontal .before-after__after-image{clip-path:inset(0 0 0 var(--before-after-cursor-position, 0%))}[dir=rtl] :is(.before-after--horizontal .before-after__after-image){clip-path:inset(0 var(--before-after-cursor-position, 0%) 0 0)}.before-after--horizontal .before-after__before-image .before-after__content-wrapper{justify-items:start;inset-block-end:var(--before-after-content-inset-block);inset-inline-start:var(--before-after-content-inset-inline)}.before-after--horizontal .before-after__after-image .before-after__content-wrapper{text-align:end;justify-items:end;inset-block-end:var(--before-after-content-inset-block);inset-inline-end:var(--before-after-content-inset-inline)}.before-after--horizontal .before-after__cursor{justify-self:start;place-items:center start;inset-inline-start:calc(var(--before-after-cursor-position, 0%) - var(--before-after-cursor-size) / 2)}.before-after--horizontal .before-after__cursor:before{width:.125rem;height:100%;inset-inline-start:calc(var(--before-after-cursor-size) / 2)}.before-after--vertical{cursor:ns-resize}.before-after--vertical .before-after__after-image{clip-path:inset(var(--before-after-cursor-position, 0%) 0 0 0)}.before-after--vertical .before-after__before-image .before-after__content-wrapper{justify-items:start;inset-block-start:var(--before-after-content-inset-block);inset-inline-start:var(--before-after-content-inset-inline)}.before-after--vertical .before-after__after-image .before-after__content-wrapper{justify-items:start;inset-block-end:var(--before-after-content-inset-block);inset-inline-start:var(--before-after-content-inset-inline)}.before-after--vertical .before-after__cursor{align-self:start;place-items:start center;inset-block-start:calc(var(--before-after-cursor-position, 0%) - var(--before-after-cursor-size) / 2)}.before-after--vertical .before-after__cursor:before{width:100%;height:.125rem;inset-block-start:calc(var(--before-after-cursor-size) / 2)}@media screen and (max-width:699px){.before-after{--before-after-cursor-size: 2.5rem}.before-after .button{padding:.45rem 1.5rem}}@media screen and (min-width:700px){.before-after{--before-after-content-inset-inline: 2.5rem;--before-after-content-inset-block: 2rem}.before-after__content-wrapper:has(.button){--before-after-content-inset-block: 2.5rem}}.blog-tags{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;display:flex}.article{--article-wrapper-offset: 0px;--article-wrapper-padding-inline: 0px;padding-block-end:var(--section-vertical-spacing)}.article__toolbar{visibility:hidden;z-index:1;width:100vw;padding-block:1rem;transition:transform .2s,visibility .2s,inset-block-start .15s ease-in-out;position:fixed;inset-block-start:var(--sticky-area-height);transform:translateY(-100%)}.article__toolbar.is-visible{visibility:visible;transform:translateY(0)}.article__toolbar .social-media{gap:.75rem 1rem}.article__toolbar .social-media svg{width:1rem;height:1rem}.article__image{overflow:hidden}.article__image img{height:var(--article-image-height);object-fit:cover}.article__wrapper{padding:1.5rem var(--article-wrapper-padding-inline) 0;background:rgb(var(--background));gap:5rem;margin-inline-start:max(var(--container-gutter),50% - var(--container-max-width) / 2 - var(--article-wrapper-padding-inline));margin-inline-end:max(var(--container-gutter),50% - var(--container-max-width) / 2 - var(--article-wrapper-padding-inline));display:grid;position:relative}.article__image+.article__wrapper{margin-block-start:var(--article-wrapper-offset)}.article__comments{gap:inherit;scroll-margin-block-start:calc(var(--sticky-area-height) + 20px);display:grid}.article__footer{gap:2.5rem;display:grid}@media screen and (min-width:700px){.article{--article-wrapper-offset: -2.75rem;--article-wrapper-padding-inline: 3.125rem}.article__wrapper{gap:6.25rem;padding-block-start:2.5rem}.article__footer{grid:auto / auto-flow minmax(0,1fr);align-items:center}}@media screen and (min-width:1000px){.article{--article-wrapper-offset: -4.375rem}}.comment{gap:1.125rem;display:grid}.comment:not(:first-child){padding-block-start:2rem}.cart-page{align-items:start;row-gap:max(4rem,var(--section-vertical-spacing-tight));display:grid}.cart-footer{flex-direction:column;gap:1.5rem;display:flex}.cart-recap{gap:.5rem;display:grid}.cart-recap [type=submit]{margin-block-start:1rem}@media screen and (min-width:700px){.cart-footer{flex-direction:row;gap:3rem}.cart-footer>:not(:only-child){width:min(24rem,100%)}.cart-recap{text-align:end;justify-items:end;margin-inline-start:auto}}@media screen and (min-width:1000px){.cart-page{row-gap:max(6rem,var(--section-vertical-spacing-tight))}}.cart-drawer::part(body){padding-block:0}:is(.cart-drawer:has(.cart-drawer__order-note[open])::part(header),.cart-drawer:has(.cart-drawer__order-note[open])::part(body)){opacity:.4;pointer-events:none;transition:opacity .2s}.cart-drawer:not(:has(.cart-drawer__footer:only-child))::part(footer){padding-block-start:calc(var(--drawer-footer-padding-block) - .5rem)}.cart-drawer .free-shipping-bar{font-size:var(--text-sm);border-block-end-width:1px;margin-inline-start:calc(-1 * var(--drawer-body-padding-inline));margin-inline-end:calc(-1 * var(--drawer-body-padding-inline));padding-block:.5rem;padding-inline-start:var(--drawer-body-padding-inline);padding-inline-end:var(--drawer-body-padding-inline)}.cart-drawer__items{gap:1.5rem;padding-block-start:var(--drawer-body-padding-block);padding-block-end:var(--drawer-body-padding-block);display:grid}.cart-drawer__complementary-products{padding-inline:var(--drawer-body-padding-inline);border-block-start-width:1px;padding-block:1.25rem;margin-inline:calc(-1 * var(--drawer-body-padding-inline))!important;row-gap:1.25rem!important}.cart-drawer__button-price{align-items:center;display:flex}.cart-drawer__button-price:before{content:"";background:currentColor;border-radius:100%;width:3px;height:3px;margin-inline-end:1.125rem}.cart-drawer__footer{align-items:start;gap:1rem;display:grid}.cart-drawer__order-note{background-color:rgb(var(--background));background-image:var(--background-gradient);box-shadow:1px 0 6px rgb(var(--border-color));z-index:2;border-block-start-width:1px;width:100%;padding-block-start:calc(var(--drawer-footer-padding-block) - .5rem);padding-block-end:var(--drawer-footer-padding-block);padding-inline-start:var(--drawer-body-padding-inline);padding-inline-end:var(--drawer-body-padding-inline);display:none;position:absolute;inset-block-end:0;inset-inline-start:0}@media screen and (min-width:700px){.cart-drawer__complementary-products{padding-block:2rem;row-gap:1rem!important}}.collection-banner{display:block;position:relative}.collection-banner .breadcrumb{z-index:2}.collection{--collection-gap: 2rem;--collection-grid-template: minmax(0, 1fr);--collection-sidebar-width: 15rem;grid-template-columns:var(--collection-grid-template);align-items:start;gap:var(--collection-gap);margin-block-end:var(--section-vertical-spacing);scroll-margin-block-start:calc(var(--collection-toolbar-height, 0px) + 20px);display:grid}.collection:only-child{margin-block-start:1.5rem}.collection__main{row-gap:var(--section-stack-gap);display:grid}.collection .product-list[collection-mobile-layout=medium]{--product-list-items-per-row: var(--collection-items-per-row-medium)}.collection .product-list[collection-mobile-layout=large]{--product-list-items-per-row: var(--collection-items-per-row-large)}@media screen and (min-width:700px){.collection:only-child{margin-block-start:3rem}.collection .product-list[collection-desktop-layout=compact]{--product-list-items-per-row: var(--collection-items-per-row-compact)}.collection .product-list[collection-desktop-layout=compact] .product-card__info{display:none}.collection .product-list[collection-desktop-layout=medium]{--product-list-items-per-row: var(--collection-items-per-row-medium)}.collection .product-list[collection-desktop-layout=large]{--product-list-items-per-row: var(--collection-items-per-row-large)}}@media screen and (min-width:1150px){.collection{--collection-gap: 3.125rem}}.collection-toolbar{box-shadow:0 1px rgb(var(--border-color)),0 -1px rgb(var(--border-color));background-color:rgb(var(--background));z-index:2;min-height:3em;transition:inset-block-start .15s ease-in-out;display:flex;position:sticky;inset-block-start:var(--sticky-area-height);inset-inline-start:0}.collection-toolbar .popover{--popover-block-offset: 0px;inset-inline-end:-1px}.collection-toolbar__button-list{flex-grow:1;display:flex}.collection-toolbar__button{padding-block:.75rem}.collection-toolbar__button :is(svg){transition:transform .2s}.collection-toolbar__button[aria-expanded=true] svg{transform:rotate(180deg)}.collection-toolbar__button-container{width:100%;position:relative}.collection-toolbar__button-container+.collection-toolbar__button-container{border-inline-start-width:1px}.collection-toolbar__layout-switch-list{border-inline-start-width:1px;justify-content:flex-end;align-items:center;gap:1rem;padding-inline:1.25rem;display:flex}.collection-toolbar__button{opacity:.5;transition:opacity .2s}.collection-toolbar__button:hover,.collection-toolbar__button.is-active{opacity:1}@media screen and (min-width:700px){.collection-toolbar{flex-direction:row-reverse;justify-content:space-between}.collection-toolbar__button{padding-block:1.125rem}.collection-toolbar__button-list{flex-direction:row-reverse;flex:none}.collection-toolbar__button-container{border-inline-start-width:1px}.collection-toolbar__button-container>.collection-toolbar__button{width:max-content;padding-inline:2.875rem}.collection-toolbar__layout-switch-list{border-inline-width:0 1px;padding-inline:1.875rem}.collection-toolbar__products-count{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}}.facets .accordion-list .accordion:first-child{border-block-start-width:0}.facets .accordion-list .accordion:first-child .accordion__toggle{padding-block-start:0}.facets .accordion-list .accordion:last-child{border-block-end-width:0}.facets .accordion-list .accordion:last-child .accordion__content{padding-block-end:0}.active-facets{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.removable-facet{font-size:var(--text-sm);border-width:1px;align-items:center;column-gap:.375rem;padding:.375rem .625rem;display:flex}.facets-clear-all{margin-inline-start:.625rem}@media screen and (min-width:700px){.removable-facet{font-size:var(--text-base);column-gap:.625rem;padding:.625rem .875rem}}@media screen and (min-width:1000px){.facets-sidebar{top:calc(var(--sticky-area-height) + var(--collection-toolbar-height, 0px) + 20px);width:var(--collection-sidebar-width);grid-column-end:-2;display:block;position:sticky}}.collection-list{gap:var(--collection-list-gap, 0px);display:flex}.collection-list .collection-card{flex-basis:var(--collection-list-item-size, calc(100% / var(--collection-list-items-per-row) - var(--collection-list-gap, 0px) * (var(--collection-list-items-per-row) - 1) / var(--collection-list-items-per-row)))}.collection-list--text-outside{row-gap:3rem}.collection-card{align-content:start;gap:1.5rem;display:grid}.countdown{gap:var(--section-stack-gap);display:grid}.countdown__timer{text-transform:uppercase;text-align:center;grid:auto / auto-flow minmax(0,1fr) auto;align-items:center;column-gap:.75rem;display:grid}.countdown__timer-item{display:grid}.countdown__timer-flip{--heading-letter-spacing: 0;justify-content:center;column-gap:2px;display:flex}.countdown__timer-flip::part(digit){color:rgb(var(--countdown-timer-flip-text-color))}.countdown__timer-flip--background::part(digit){background:rgb(var(--countdown-timer-flip-background));border-radius:.25rem;padding:.375rem .5rem}@media screen and (max-width:699px){.countdown__content{text-align:center}.countdown__timer{justify-content:center}}@media screen and (min-width:700px){.countdown{grid-template-columns:minmax(250px,570px) max-content;justify-content:space-between;gap:4rem;width:100%}.countdown__timer-item{row-gap:.5rem}.countdown--reverse{grid-template-columns:max-content minmax(250px,570px)}.countdown--reverse .countdown__timer{order:-1}}@media screen and (min-width:1000px){.countdown__timer{column-gap:1rem}}.countdown-condensed{column-gap:2.25rem;justify-content:var(--countdown-condensed-justify-content, space-between);padding:1rem var(--container-gutter);display:flex}.countdown-condensed__text{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;display:flex}.countdown-condensed__timer{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:.2em;text-transform:uppercase;text-align:center;flex-shrink:0;align-items:center;column-gap:.25rem;display:flex}.countdown-condensed__timer-item{display:grid}.countdown-condensed__timer-flip{font-size:.625rem;font-weight:bolder}.countdown-condensed__timer-unit{font-size:.5rem}@media screen and (max-width:699px){.countdown-condensed .h6{font-size:.625rem}}@media screen and (min-width:700px){.countdown-condensed{column-gap:5rem}.countdown-condensed__timer{column-gap:.75rem}.countdown-condensed__timer-flip{font-size:.75rem}.countdown-condensed__timer-unit{font-size:.625rem}}.footer{background:rgb(var(--background));background-image:var(--background-gradient);color:rgb(var(--text-color));padding-block-start:var(--section-vertical-spacing);padding-block-end:min(var(--section-vertical-spacing),3rem)}.footer__inner{row-gap:min(var(--section-vertical-spacing),3rem);display:grid}.footer__block-list{justify-content:start;align-items:start;gap:min(var(--section-vertical-spacing),2.5rem);display:grid}.footer__aside{text-align:center;justify-content:center;align-items:center;gap:1.5rem;display:grid}.footer__aside .payment-methods{justify-content:center;max-width:30rem}@media screen and (min-width:700px){.footer__block-list{justify-content:var(--footer-content-justify-items);flex-wrap:wrap;gap:3rem;display:flex}.footer__block{flex:auto}.footer__block--links,.footer__block--image{flex-grow:0;max-width:14rem}.footer__block--newsletter{flex-basis:14rem;max-width:18rem}.footer__block--text{flex-basis:14rem;max-width:24rem}}@media screen and (min-width:1000px){.footer__aside{grid-auto-flow:column;justify-content:space-between}.footer__aside .payment-methods{justify-content:end}}@media screen and (min-width:1150px){.footer__block-list{justify-content:var(--footer-content-justify-items);column-gap:3.75rem}}@media screen and (min-width:1400px){.footer__block-list{column-gap:5rem}}.gift-card__image{max-width:16.875rem;margin-inline:auto}.gift-card__redeem-info{padding:1.5rem}.gift-card__save{place-items:center;gap:1.5rem;display:grid}.gift-card__qr-code{width:5rem;height:5rem}@media screen and (min-width:700px){.gift-card__redeem-info{padding:2rem}.gift-card__save{grid-auto-flow:column}}.faq{justify-content:center;align-items:start;column-gap:3.75rem;display:flex}.faq__toc{align-content:start;justify-items:start;gap:.75rem;min-width:150px;max-width:300px;transition:inset-block-start .15s ease-in-out;display:grid;position:sticky;inset-block-start:calc(var(--sticky-area-height) + 1.25rem)}.faq__toc-item{text-underline:none;background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em) / 0 1px no-repeat;transition:background-size .3s ease-in-out}.faq__toc-item.is-active{background-size:100% 1px}.faq__content{flex-basis:650px}.faq__category{flex-wrap:wrap;align-items:center;column-gap:1rem;scroll-margin-block-start:1.25rem;display:flex}.faq__category+.accordion{margin-block-start:1.25rem}.accordion+.faq__category{margin-block-start:3rem}.featured-collections-navigation{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:safe center;column-gap:1.5rem;display:grid}.featured-collections-navigation>button:not(:only-child){padding-block-end:2px;position:relative}.featured-collections-navigation>button:not(:only-child):after{content:"";width:calc(100% - var(--heading-letter-spacing));transform-origin:var(--transform-origin-start);background:currentColor;height:1px;transition:transform .3s;position:absolute;inset-block-end:0;inset-inline-start:0;transform:scaleX(0)}.featured-collections-navigation>button:not(:only-child)[aria-current=true]:after{transform:scaleX(1)}@media screen and (min-width:700px){.featured-collections-navigation{column-gap:2.5rem}}.featured-collections-carousel{display:grid;position:relative}.featured-collections-carousel>*{grid-area:1 / -1}.featured-collections-carousel__item{gap:var(--section-stack-gap);grid-template-columns:minmax(0,1fr);display:grid}.featured-collections-carousel__item:not(.is-selected){display:none}.header{--header-show-transparent-logo: 0;grid:var(--header-grid);justify-content:center;align-items:center;column-gap:1.25rem;row-gap:var(--header-padding-block);box-shadow:0 -1px rgb(var(--header-separation-border-color)) inset;padding-block-start:var(--header-padding-block);padding-block-end:var(--header-padding-block);padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter);transition:background .2s,color .2s,border .2s,box-shadow .2s,transform .15s ease-in-out;display:grid;position:relative}.header.is-hidden{transform:translateY(-100%)}.shopify-section--header:has(.header.is-hidden){pointer-events:none}:has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header{margin-block-end:calc(-1 * var(--header-height, 0px))}:has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header:not(:hover,.is-solid,:has(.header__primary-nav [open]),:has(.header-search[open])){--header-show-transparent-logo: 1;--header-separation-border-color: 0 0 0 / 0;--background: 0 0 0 / 0;--background-gradient: 0 0 0 / 0;--border-color: 0 0 0 / 0;--text-color: var(--header-transparent-header-text-color)}:has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header:not(:hover,.is-solid,:has(.header__primary-nav [open]),:has(.header-search[open])) .link-faded{color:currentColor;transition:none}.header__cart-dot{box-shadow:0 0 0 2px rgb(var(--background));background-color:currentColor;border-radius:100%;width:.5rem;height:.5rem;transition:transform .2s ease-in-out;position:absolute;inset-block-start:0;inset-inline-end:-.125rem;transform:scale(0)}.header__cart-dot.is-visible{transform:scale(1)}@media screen and (min-width:700px){.header{column-gap:2.5rem}}.header__logo{grid-area:logo;justify-self:start;position:relative}.header__logo-image{width:var(--header-logo-width);max-width:100%;height:auto}.header__logo-image:where(:not(:only-of-type)){opacity:calc(1 - var(--header-show-transparent-logo));transition:opacity .2s}.header__logo-image--transparent{opacity:var(--header-show-transparent-logo);pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0}.header__logo-text{display:block}.header__primary-nav{flex-wrap:wrap;grid-area:primary-nav;align-items:center;gap:.625rem 1.25rem;display:flex}.header__primary-nav-item:before{content:attr(data-title);transform-origin:var(--transform-origin-start);background:rgb(var(--text-color));color:#0000;font-size:var(--text-h6);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);pointer-events:none;width:max-content;height:2px;transition:transform .2s ease-in-out;position:absolute;inset-block-end:0;transform:scaleX(0)}.header__primary-nav-item:hover:before{transform:scaleX(1)}.header__primary-nav-item:has(.header__dropdown-menu):before{display:none}@media screen and (max-width:699px){.header__nav-icon{width:1.375rem}}@media screen and (min-width:1000px){.header__primary-nav--center{justify-content:safe center}}@media screen and (min-width:1150px){.header__primary-nav{column-gap:2.5rem}}.header__secondary-nav{flex-wrap:wrap;grid-area:secondary-nav;justify-content:end;justify-self:end;align-items:center;gap:.625rem .9rem;display:flex}.header__secondary-nav .localization-selectors:not(:only-child){margin-inline-end:.625rem}@media screen and (min-width:700px){.header__secondary-nav{column-gap:1.25rem}}.header__dropdown-menu{background:rgb(var(--background));color:rgb(var(--text-color));box-shadow:2px 2px 6px rgb(var(--text-color) / .05);border-width:0 1px 1px;width:max-content;min-width:12.5rem;max-width:17.5rem;padding-block:1.125rem;position:absolute;inset-block-start:calc(100% - 2px)}.header__dropdown-menu:not(:has(.header__dropdown-menu)){max-height:calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 20px);overflow:auto}.header__dropdown-menu:before{content:"";transform-origin:var(--transform-origin-start);background:rgb(var(--text-color));width:100%;height:2px;transition:transform .25s ease-in-out 50ms;position:absolute;inset-block-start:0;inset-inline-start:0;transform:scaleX(0)}[aria-expanded=true]>.header__dropdown-menu:before{transform:scaleX(1)}.header__dropdown-menu :is(a,summary){padding:.375rem 1.5625rem;display:block}.header__dropdown-menu .header__menu-disclosure{position:relative}.header__dropdown-menu--restrictable{max-height:calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 40px);overflow-y:auto}.header__dropdown-menu .header__dropdown-menu{border-width:1px;inset-block-start:calc(-1.125rem - 1px);inset-inline-start:100%}.header__dropdown-menu .header__dropdown-menu:before{display:none}.header-search{z-index:999;width:100%;display:none;position:absolute;inset-block-start:100%;inset-inline-start:0}.header-search[open]{position:fixed;inset-inline:0;inset-block-start:var(--sticky-area-height);z-index:100000}.header-search::part(overlay){min-height:calc(100vh - var(--sticky-area-height));inset-block-start:var(--sticky-area-height)}.header-search::part(content){max-height:calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 1.25rem);background:rgb(var(--background));color:rgb(var(--text-color));overflow:auto}@supports (max-height: 100dvh){.header-search::part(content){max-height:min(var(--header-search-max-height, 100vh),100dvh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 1.25rem)}}.header-search__form-control{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.75rem;padding-block:.75rem;display:grid}.header-search__input{-webkit-appearance:none;appearance:none;background:none}.header-search__input:focus{outline:none}.header-search__input::-webkit-search-decoration{display:none}.header-search__input::-webkit-search-cancel-button{display:none}.header-search__input::-webkit-search-results-button{display:none}.header-search__input::-webkit-search-results-decoration{display:none}.lgk-home-cta{--lgk-cta-accent: #1389e9;--lgk-cta-accent-soft: rgb(19 137 233 / .12);padding-block:clamp(1.1rem,2.5vw,1.65rem);border-block:1px solid rgb(var(--text-color) / .1);background:linear-gradient(180deg,rgb(var(--text-color) / .04) 0%,transparent 100%),rgb(var(--background))}.lgk-home-cta__inner{display:grid;gap:clamp(1rem,2.2vw,1.35rem)}.lgk-home-cta__trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.lgk-home-cta__trust-item{display:flex;align-items:center;gap:.65rem;min-height:3.25rem;padding:.7rem .85rem;border:1px solid rgb(var(--text-color) / .1);border-radius:.85rem;background:rgb(var(--text-color) / .03);transition:border-color .25s ease,background .25s ease,transform .25s ease}.lgk-home-cta__trust-item:hover{border-color:rgb(var(--text-color) / .22);background:rgb(var(--text-color) / .06)}.lgk-home-cta__trust-item--promo{border-color:#ffc10759;background:#ffc10714}.lgk-home-cta__trust-item--ship{border-color:var(--lgk-cta-accent-soft);background:var(--lgk-cta-accent-soft)}.lgk-home-cta__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:rgb(var(--text-color) / .08);font-size:1rem;line-height:1}.lgk-home-cta__text{font-size:clamp(.78rem,1.1vw,.88rem);line-height:1.35;opacity:.92}.lgk-home-cta__text strong{font-weight:650;opacity:1}.lgk-home-cta__divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgb(var(--text-color) / .18) 20%,rgb(var(--text-color) / .18) 80%,transparent 100%)}.lgk-home-cta__nav{display:grid;gap:.75rem;justify-items:center}.lgk-home-cta__nav-label{margin:0;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.lgk-home-cta__nav-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem .65rem}.lgk-home-cta__pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:.55rem 1.05rem;border:1px solid rgb(var(--text-color) / .22);border-radius:999px;background:rgb(var(--text-color) / .04);font-size:clamp(.8rem,1.05vw,.88rem);font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.lgk-home-cta__pill:hover{border-color:var(--lgk-cta-accent);background:var(--lgk-cta-accent-soft);box-shadow:0 0 0 1px #1389e940,0 6px 18px #1389e92e;transform:translateY(-1px)}.lgk-home-cta__pill:focus-visible{outline:2px solid var(--lgk-cta-accent);outline-offset:2px}.lgk-home-cta__pill--catalog{border-style:dashed;border-color:rgb(var(--text-color) / .28)}.lgk-home-collections-hub__shell{width:100%;max-width:none;margin-inline:0;padding-inline:max(var(--container-gutter),1rem);box-sizing:border-box}.shopify-section--lgk-home-collections-hub .lgk-home-collections-hub>.container--lg{--container-max-width: 100%;width:100%;max-width:none;margin-inline:0;padding-inline:max(var(--container-gutter),1rem)}.lgk-home-collections-hub__header{max-width:42rem;margin-inline:auto}.lgk-home-collections-hub__intro{margin-block-start:.75rem;color:rgb(var(--text-color) / .72)}.lgk-home-collections-hub .lgk-collections-directory__groups{margin-block-start:.5rem}.lgk-home-collections-hub__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;margin-block-start:1.25rem;padding-block-start:.5rem}.shopify-section--lgk-home-collections-hub .lgk-collections-directory,.shopify-section--lgk-home-collections-hub .lgk-mesh-featured,.shopify-section--lgk-home-collections-hub .lgk-collections-directory__group{width:100%;margin-inline:auto}.shopify-section--lgk-home-collections-hub .lgk-mesh-featured__head,.shopify-section--lgk-home-collections-hub .lgk-collections-directory__group-title{text-align:center}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track:not(.lgk-mesh-bubble-track--hub-grid){display:flex!important;flex-flow:row wrap;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:center;grid-template-columns:none;gap:.75rem .65rem;overflow-x:visible;scroll-snap-type:none;-webkit-mask-image:none;mask-image:none;margin-inline:auto;padding-inline:0;max-width:none;width:100%}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track-outer:has(>.lgk-mesh-bubble-track:not(.lgk-mesh-bubble-track--hub-grid)){display:flex;justify-content:center;width:100%}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track-outer>.lgk-mesh-bubble-track:not(.lgk-mesh-bubble-track--hub-grid){display:inline-flex!important;flex-flow:row wrap!important;flex-wrap:wrap!important;justify-content:center!important;align-content:center!important;grid-template-columns:none!important;width:auto!important;max-width:100%!important}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track-outer:has(>.lgk-mesh-bubble-track--hub-grid){display:block!important;width:100%!important;max-width:100%!important;justify-content:unset!important}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track-outer>.lgk-mesh-bubble-track--hub-grid,.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track--hub-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:visible!important;overflow-x:visible!important;flex-flow:unset!important;justify-content:stretch!important;-webkit-mask-image:none!important;mask-image:none!important;-webkit-mask:none!important;mask:none!important;scroll-snap-type:none!important}@media screen and (min-width:700px){.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track--hub-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media screen and (min-width:1100px){.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track--hub-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important}.shopify-section--lgk-home-collections-hub .lgk-mesh-featured--geek .lgk-mesh-bubble-track--hub-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble:not(.lgk-mesh-bubble--hub-card){flex:0 0 auto;width:5.5rem}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble.lgk-mesh-bubble--hub-card{flex:unset!important;width:100%!important;max-width:none!important;min-width:0!important}.shopify-section--lgk-home-collections-hub .lgk-mesh-featured__desc{max-width:none;margin-inline:auto;text-align:center}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track--scrollable:after{display:none}@media screen and (min-width:1100px){.shopify-section--lgk-home-collections-hub .lgk-home-collections-hub__shell,.shopify-section--lgk-home-collections-hub .lgk-home-collections-hub>.container--lg{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);padding-inline:clamp(1.25rem,2.5vw,3.5rem)}.shopify-section--lgk-home-collections-hub .lgk-mesh-featured,.shopify-section--lgk-home-collections-hub .lgk-collections-directory__group{padding:1.35rem clamp(1rem,2vw,2rem) 1.25rem}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track:not(.lgk-mesh-bubble-track--hub-grid){gap:1rem .75rem}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble:not(.lgk-mesh-bubble--hub-card){width:6.5rem;max-width:6.5rem}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble:not(.lgk-mesh-bubble--hub-card) .lgk-mesh-bubble__visual{width:min(100%,5.75rem);height:min(100%,5.75rem);margin-inline:auto}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble:not(.lgk-mesh-bubble--hub-card) .lgk-mesh-bubble__label{font-size:.8125rem;line-height:1.25;max-width:100%;text-align:center}}@media screen and (min-width:1500px){.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track:not(.lgk-mesh-bubble-track--hub-grid){gap:1.1rem .85rem}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble:not(.lgk-mesh-bubble--hub-card){width:7rem;max-width:7rem}.shopify-section--lgk-home-collections-hub .lgk-mesh-bubble:not(.lgk-mesh-bubble--hub-card) .lgk-mesh-bubble__visual{width:min(100%,6.25rem);height:min(100%,6.25rem)}}body.template-index .shopify-section--collection-list .section-header,body.template-index .shopify-section--lgk-home-collections-hub .lgk-home-collections-hub__header{margin-inline:auto;text-align:center}@media screen and (min-width:700px){body.template-index .shopify-section--collection-list .collection-list.wrap{display:grid;grid-template-columns:repeat(var(--collection-list-items-per-row, 3),minmax(0,1fr));align-items:stretch}body.template-index .shopify-section--collection-list .collection-list.wrap .collection-card{flex-basis:auto;width:100%;max-width:none}}@media(max-width:990px){.lgk-home-cta__trust{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.lgk-home-cta{padding-block:1rem}.lgk-home-cta__trust{grid-template-columns:1fr;gap:.55rem}.lgk-home-cta__trust-item{min-height:auto;padding:.65rem .75rem}.lgk-home-cta__nav-list{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lgk-home-cta__nav-list::-webkit-scrollbar{display:none}.lgk-home-cta__pill{flex-shrink:0}}.lgk-search-chips{margin-top:1rem;padding-inline:.25rem}.lgk-search-chips__label{margin:0 0 .65rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65}.lgk-search-chips__list{display:flex;flex-wrap:wrap;gap:.5rem}.lgk-search-chips__chip{display:inline-flex;align-items:center;padding:.45rem .8rem;border:1px solid rgb(var(--text-color) / .18);border-radius:999px;font-size:.82rem;line-height:1.2;text-decoration:none;transition:border-color .2s ease,background .2s ease}.lgk-search-chips__chip:hover{border-color:rgb(var(--text-color) / .45);background:rgb(var(--text-color) / .06)}.main-search .lgk-search-chips{margin-top:1.25rem;justify-content:center;text-align:center}.main-search .lgk-search-chips__list{justify-content:center}@media screen and (min-width:700px){.header-search__form-control{column-gap:1.25rem;padding-block:1.5rem}}.predictive-search{display:block}.predictive-search__no-results{text-align:center;padding-block:2.5rem 4rem}.predictive-search__results{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-block:1.25rem 2rem;display:grid}.predictive-search__suggestions{grid-template-columns:minmax(0,1fr);justify-items:start;gap:.75rem 1.5rem;display:grid}.predictive-search__suggestions mark{background:none;font-weight:bolder}.predictive-search__tabs::part(tab-list-scrollable){scrollbar-width:none;margin-inline-start:calc(-1 * var(--distance-to-bleed));margin-inline-end:calc(-1 * var(--distance-to-bleed));padding-inline-start:var(--distance-to-bleed);padding-inline-end:var(--distance-to-bleed);display:flex;overflow:auto}.predictive-search__tabs::part(tab-list){width:min-content;min-width:100%}.predictive-search__category{border-block-end-width:1px;padding-block-end:.625rem}.predictive-search__products{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.predictive-search__blog-posts{grid-template-columns:minmax(0,1fr);gap:1.5rem 2.5rem;display:grid}.predictive-search__blog-posts .blog-post-card__info{row-gap:.75rem}.predictive-search__collections{align-items:start;gap:var(--container-gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media screen and (max-width:699px){.predictive-search__suggestions{grid:auto / auto-flow max-content;row-gap:1.25rem}.predictive-search__products .horizontal-product-card__figure{max-width:4.375rem}.predictive-search__blog-posts .blog-post-card{grid-template-columns:minmax(0,160px) minmax(0,1fr);align-items:center}}@media screen and (min-width:700px){.predictive-search__no-results{padding-block:4.75rem 6.25rem}.predictive-search__results{padding-block:1.5rem 3rem}.predictive-search__blog-posts{grid-template-columns:repeat(2,minmax(0,1fr))}.predictive-search__blog-posts .blog-post-card__category{font-size:.6875rem}}@media screen and (min-width:1000px){.predictive-search__results--with-suggestions{grid-template-columns:250px minmax(0,1fr)}.predictive-search__products{grid-template-columns:repeat(var(--product-list-items-per-row, 4),minmax(0,1fr))}.predictive-search__blog-posts{grid-template-columns:repeat(var(--blog-post-list-items-per-row, 4),minmax(0,1fr))}.predictive-search__collections{grid-template-columns:repeat(var(--collection-list-items-per-row),minmax(0,1fr))}}.mega-menu{--mega-menu-gap: 2.5rem;--mega-menu-linklist-gap: 2.5rem;--mega-menu-promo-gap: 2rem;max-height:calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 20px);justify-content:safe center;align-items:start;column-gap:var(--mega-menu-gap);background:rgb(var(--background));color:rgb(var(--text-color));border-block-end-width:1px;width:100%;padding-block:2.5rem;padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter);display:flex;position:absolute;inset-block-start:100%;inset-inline-start:0;overflow-y:auto}.mega-menu--reverse{flex-direction:row-reverse}.mega-menu--reverse .mega-menu__promo{justify-content:flex-start}.mega-menu__linklist{gap:var(--mega-menu-linklist-gap);flex-wrap:wrap;flex:0 auto;display:flex}.mega-menu__linklist>*{max-width:280px}.mega-menu__promo{justify-content:flex-end;column-gap:var(--mega-menu-promo-gap);flex:0 auto;display:flex}.mega-menu__promo>*{flex:315px;min-width:240px;max-width:315px}@media screen and (min-width:1400px){.mega-menu{--mega-menu-gap: 6.25rem;--mega-menu-linklist-gap: 2.5rem 6.25rem}.mega-menu:has(.mega-menu__linklist>:nth-child(5)){--mega-menu-linklist-gap: 2.5rem 4rem}}.header-sidebar{--header-linklist-padding-block: 1rem}.header-sidebar::part(close-button){opacity:1}.header-sidebar::part(header){border-block-end:none}.header-sidebar::part(content){box-sizing:border-box;overflow-x:hidden}.header-sidebar::part(panel-list){position:relative}.header-sidebar__scroller{padding-block-end:var(--drawer-body-padding-block);padding-inline-start:var(--drawer-body-padding-inline);padding-inline-end:var(--drawer-body-padding-inline);overflow-y:auto}.header-sidebar__linklist-button{text-align:start;justify-content:space-between;align-items:center;width:100%;padding-block-start:calc(var(--header-linklist-padding-block) / 2);padding-block-end:calc(var(--header-linklist-padding-block) / 2);transition:color .2s;display:flex}@media screen and (pointer:fine){.header-sidebar__main-panel li:has([aria-expanded=true])~li .header-sidebar__linklist-button{color:rgb(var(--text-color) / .65)}.header-sidebar__main-panel li:has(~li [aria-expanded=true]):not(:has([aria-expanded=true])) .header-sidebar__linklist-button{color:rgb(var(--text-color) / .65)}}.header-sidebar__sub-panel li:has([aria-expanded=true])~li .header-sidebar__linklist-button{color:rgb(var(--text-color) / .65)}.header-sidebar__sub-panel li:has(~li [aria-expanded=true]):not(:has([aria-expanded=true])) .header-sidebar__linklist-button{color:rgb(var(--text-color) / .65)}.header-sidebar__sub-panel li:has([aria-expanded=true]) .header-sidebar__linklist-button{color:rgb(var(--text-color))!important}.header-sidebar__back-button{border-block-end-width:1px;width:100%;margin-block-end:1rem;padding-block-start:var(--header-linklist-padding-block);padding-block-end:1rem}.header-sidebar__back-button.is-divided{margin-block-end:.5rem}.header-sidebar__nested-linklist{border-inline-start-width:1px;row-gap:.75rem;margin-block:2px 1.125rem;margin-inline-start:.5rem;padding-inline-start:1.5rem;display:grid}.header-sidebar__main-panel{background-color:rgb(var(--background));background-image:var(--background-gradient);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);grid-auto-columns:max-content;height:100%;display:grid}.header-sidebar__footer{position:relative}.header-sidebar__footer:before{content:"";background:linear-gradient(transparent,rgb(var(--background)));width:100%;height:2.5rem;position:absolute;inset-block-end:100%;inset-inline-start:0}.header-sidebar__footer>*{padding-block:1.25rem;padding-inline-start:var(--drawer-footer-padding-inline);padding-inline-end:var(--drawer-footer-padding-inline)}.header-sidebar__footer .localization-selectors{border-block-start-width:1px;justify-content:flex-start;column-gap:1.25rem}.header-sidebar__collapsible-panel{width:var(--drawer-max-width);background-color:rgb(var(--background));background-image:var(--background-gradient);height:100%;display:none;position:absolute;inset-block-start:0}.header-sidebar__promo{grid-auto-flow:column;gap:2rem 1.25rem;margin-block-start:1.25rem;display:flex}.header-sidebar__promo>*{min-width:12.5rem}.header-sidebar__promo>*:only-child{min-width:100%}.header-sidebar__linklist.divide-y .header-sidebar__linklist-button{padding-block-start:var(--header-linklist-padding-block);padding-block-end:var(--header-linklist-padding-block)}.header-sidebar__linklist.divide-y .header-sidebar__back-button{padding-block-end:var(--header-linklist-padding-block)}.header-sidebar__linklist.divide-y .header-sidebar__nested-linklist{margin-block-end:calc(.5rem + var(--header-linklist-padding-block))}.header-sidebar__linklist.divide-y .header-sidebar__promo{margin-block-start:.75rem}@media screen and (min-width:700px){.header-sidebar{--header-linklist-padding-block: 1.25rem}}@media screen and (min-width:1000px){.header-sidebar::part(panel-list){position:static}.header-sidebar::part(content){overflow-x:visible}.header-sidebar:has(.header-sidebar__collapsible-panel[aria-activedescendant])::part(content){border-inline-end:1px solid rgb(var(--border-color))}.header-sidebar__main-panel{z-index:1;position:relative}.header-sidebar__collapsible-panel .header-sidebar__scroller{inset-block:min(var(--header-height),5rem) 0;width:100%;position:absolute}.header-sidebar__promo{flex-direction:column}.header-sidebar__promo>*{min-width:100%}}.image-with-text{display:grid;overflow:hidden}.image-with-text>.prose{box-sizing:content-box;max-width:var(--image-with-text-content-max-width);margin-block:1.5rem;padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter)}.image-with-text>:is(svg,img){object-fit:contain;width:100%;height:100%}@media screen and (max-width:699px){.image-with-text>.prose{margin-inline:auto}}@media screen and (min-width:700px){.image-with-text{--image-with-text-gap: 2.5rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.image-with-text>.prose{padding-inline-start:var(--image-with-text-gap)}.image-with-text:not(.image-with-text--reverse) picture{margin-inline-start:auto}.image-with-text--reverse>:is(picture,svg,img){order:9999}.image-with-text--reverse>.prose{margin-inline-start:auto;padding-inline-end:var(--image-with-text-gap)}}@media screen and (min-width:1000px){.image-with-text{--image-with-text-gap: 6rem}}.image-with-text-block>:not(img,svg,picture){background:rgb(var(--background));padding:2.375rem 1.25rem;box-shadow:0 1px 20px #3636364d}@media screen and (min-width:700px){.image-with-text-block>:not(img,svg,picture){padding:3rem 1rem}}.image-with-text-block--parallax{min-height:var(--content-over-media-height, auto);aspect-ratio:var(--image-with-text-block-aspect-ratio);transform:unset;clip-path:inset(0)}@media(prefers-reduced-motion:no-preference){.image-with-text-block--parallax>svg,.image-with-text-block--parallax>picture img{min-height:100vh;position:fixed;top:0;left:0}@supports (min-height: 100lvh){:is(.image-with-text-block--parallax>svg,.image-with-text-block--parallax>picture img){min-height:100lvh}}}.images-with-text-scroll{--sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-height, 0px));align-items:start;display:grid;position:relative}.images-with-text-scroll:before{content:"";background:rgb(var(--images-with-text-scroll-overlay));z-index:1;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.images-with-text-scroll__image-background,.images-with-text-scroll__container{grid-area:1 / -1}.images-with-text-scroll__image-background{object-fit:cover;object-position:center;width:100%;height:100%;max-height:100vh;position:sticky;inset-block-start:0}.images-with-text-scroll__container{z-index:1;place-items:start center;row-gap:2rem;padding-block-start:var(--section-vertical-spacing);padding-block-end:var(--section-vertical-spacing);display:grid}.images-with-text-scroll__item{display:contents}.images-with-text-scroll__item:not(:first-child)>.images-with-text-scroll__image{opacity:0}.images-with-text-scroll__image{grid-area:1 / 1;align-self:center}.images-with-text-scroll__text{text-align:center;grid-area:2 / 1;max-width:375px}@media screen and (min-width:700px){.images-with-text-scroll__container{row-gap:3rem}}@media screen and (max-width:999px){.images-with-text-scroll__item:not(.is-selected){visibility:hidden}.images-with-text-scroll__image{width:min(56vw,27.5rem)}}@media screen and (min-width:1000px){.images-with-text-scroll{min-height:calc(100vh - var(--sticky-area-height))}.images-with-text-scroll__container{--image-width: min(50vw - var(--container-gutter), 575px);--image-height: min(var(--image-width), var(--image-width) / var(--images-with-text-scroll-master-image-ratio));--content-padding: calc((100vh - var(--image-height) - var(--sticky-area-height)) / 2);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-items:center;padding-block-start:var(--content-padding);padding-block-end:var(--content-padding)}.images-with-text-scroll__image{height:var(--image-height);object-fit:contain;object-position:center;position:sticky;inset-block-start:calc(var(--content-padding) + var(--sticky-area-height))}.images-with-text-scroll__text{text-align:var(--images-with-text-scroll-text-alignment);grid-area:auto / 2}.images-with-text-scroll--reverse .images-with-text-scroll__image{grid-column:2}.images-with-text-scroll--reverse .images-with-text-scroll__text{grid-column:1}}.logo-list{grid:auto / repeat(var(--logo-list-items-per-row),minmax(0,250px));justify-content:center;gap:var(--logo-list-gap);display:grid}.logo-list__item{outline:1px solid rgb(var(--logo-list-item-border-color));place-items:center;padding:1.25rem;display:grid}@media screen and (min-width:700px){.logo-list__item{padding:2rem 1.5rem}}.media-grid{--media-grid-column-count: 2;align-items:start;gap:var(--media-grid-gap);grid:auto-flow dense var(--media-grid-row-height) / repeat(var(--media-grid-column-count),minmax(0,1fr));display:grid}.media-grid__item{grid-area:span min(2,var(--media-grid-item-row-span)) / span 2;height:100%;container-type:inline-size}.media-grid__item>*{height:100%}@media screen and (min-width:700px){.media-grid{--media-grid-column-count: 12}.media-grid__item{grid-area:span var(--media-grid-item-row-span) / span var(--media-grid-item-column-span)}}.multi-column{grid:var(--multi-column-grid);column-gap:var(--multi-column-gap);row-gap:var(--section-stack-gap);justify-content:var(--multi-column-content-alignment);display:grid}.multi-column__item{align-content:start;gap:2rem;display:grid}.multi-column__item--overlap{gap:0}.multi-column__item--overlap>.prose{isolation:isolate;margin-block-start:-.875rem}.multiple-media-with-text{--multiple-media-with-text-gap: 2rem;grid:var(--multiple-media-with-text-grid);gap:var(--multiple-media-with-text-gap);display:grid}.multiple-media-with-text__media-wrapper{grid-area:media-wrapper;grid:var(--multiple-media-with-text-media-grid);column-gap:var(--multiple-media-with-text-media-gap);display:grid}.multiple-media-with-text__media-wrapper>*{grid-row:1 / -1}.multiple-media-with-text__content-wrapper{grid-area:content-wrapper}@media screen and (min-width:1000px){.multiple-media-with-text{--multiple-media-with-text-gap: 2rem 4rem}}@media screen and (min-width:1150px){.multiple-media-with-text{--multiple-media-with-text-gap: 2rem 7.5rem}}.multiple-media-with-text--overlap .multiple-media-with-text__media-wrapper>:first-child{grid-column:1 / 3}.multiple-media-with-text--overlap .multiple-media-with-text__media-wrapper>:nth-child(2){grid-column:2 / 4}@media screen and (min-width:700px){.multiple-media-with-text--overlap.multiple-media-with-text--reverse .multiple-media-with-text__media-wrapper>:first-child{grid-column:2 / 4}.multiple-media-with-text--overlap.multiple-media-with-text--reverse .multiple-media-with-text__media-wrapper>:nth-child(2){grid-column:1 / 3}}@media screen and (min-width:700px){.newsletter .form{width:35rem}}@media screen and (min-width:700px){.newsletter-popup{width:23.75rem;inset-inline-start:auto}}.password{position:relative}.password__inner{isolation:isolate;align-content:space-between;row-gap:3rem;min-height:100vh;padding-block:1.6rem;display:grid}@supports (height: 100dvh){.password__inner{min-height:100dvh}}.password__header{justify-items:center;display:grid}.password__header>*{grid-area:1 / -1}.password__password-button{margin-inline-start:auto}.password__block-list{justify-self:center;row-gap:.625rem;width:min(100%,30rem);display:grid}.password__content,.password__social{padding:1.25rem}.password__social{display:grid}.password__social .social-media{justify-content:center}.password__footer{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media screen and (min-width:700px){.password__content{padding:2.5rem}.password__footer{justify-content:space-between}}.prev-next-blog-posts{gap:3.125rem;display:grid}@media screen and (min-width:700px){.prev-next-blog-posts{grid:auto / auto-flow minmax(min-content,31.25rem);justify-content:center;gap:1.875rem}}@media screen and (min-width:1150px){.prev-next-blog-posts{gap:3.75rem}}@media screen and (min-width:700px){.privacy-banner{width:31.25rem}}.shopify-section--main-product .section-spacing{padding-block-start:0}.product{grid:var(--product-grid, none);align-items:start;gap:var(--product-gap, 1.875rem);display:grid;width:100%;max-width:100%;min-width:0}@media screen and (min-width:1000px){.shopify-section--main-product .section-spacing{padding-block-start:var(--container-gutter)}.product{--product-gap: 3.5rem}}@media screen and (min-width:1150px){.product{--product-gap: 5rem}}.product-gallery{--product-gallery-gap: 1.5rem;--product-gallery-thumbnail-list-gap: 1rem .5rem;--product-gallery-thumbnail-size: 3.5rem;flex-direction:var(--product-gallery-flex-direction, column);align-items:start;gap:var(--product-gallery-gap) var(--product-gap, 0px);grid-area:product-gallery;display:flex;position:relative;z-index:1;min-width:0;max-width:100%;width:100%;overflow:hidden}.product-gallery__zoom-button{z-index:1;transition:opacity .2s,visibility .2s;position:absolute;inset-block-start:1.25rem;inset-inline-end:0}.product-gallery__zoom-button--hidden{opacity:0;visibility:hidden}.product-gallery__image-list{row-gap:var(--product-gallery-gap);grid-auto-rows:max-content;grid-auto-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;display:grid;flex:1 1 0%}.product-gallery__carousel{grid:var(--product-gallery-carousel-grid, auto / auto-flow 100%);align-items:start;gap:var(--product-gallery-carousel-gap, 1.5rem min(1.5rem, var(--container-gutter)));scroll-snap-type:var(--product-gallery-carousel-scroll-snap-type, x mandatory);display:grid;position:relative;min-width:0;max-width:100%;width:100%}.product-gallery[allow-zoom] .product-gallery__media{cursor:var(--cursor-zoom-in-svg-url) 18 18,zoom-in}.product-gallery__media{min-width:0;max-width:100%}.product-gallery__media>*{width:100%;max-width:100%}.product-gallery__media img,.product-gallery__media svg,.product-gallery__media video{max-width:100%;height:auto}.product-gallery__thumbnail-list{flex-shrink:0;max-width:100%;position:relative}.product-gallery__thumbnail-scroller{grid-auto-columns:var(--product-gallery-thumbnail-size);grid-auto-flow:var(--product-gallery-thumbnail-list-grid-auto-flow, column);align-content:start;align-items:start;gap:var(--product-gallery-thumbnail-list-gap);max-height:var(--product-gallery-thumbnail-list-max-height, none);scroll-snap-type:both mandatory;overscroll-behavior:contain;scrollbar-width:none;grid-template-columns:none;display:grid;position:relative;overflow:auto}.product-gallery__thumbnail-scroller::-webkit-scrollbar{display:none}.product-gallery__thumbnail{border:1px solid #0000;padding:1px;transition:border-color .1s;position:relative}.product-gallery__thumbnail[aria-current=true]{border-color:currentColor}.product-gallery__media-badge{position:absolute;inset-block-start:3px;inset-inline-end:3px}@media screen and (max-width:999px){.product-gallery__carousel-with-arrows{align-items:center;display:flex}.product-gallery__carousel-with-arrows .product-gallery__media{width:45vw;margin-inline:auto}}@media screen and (min-width:1000px){.product-gallery__thumbnail-list{position:sticky;inset-block-start:calc(var(--sticky-area-height) + 20px)}.product-gallery__media{scroll-margin-block-start:1.25rem}}.product-info{--product-info-gap: 1rem;position:relative;z-index:2;grid-area:product-info;min-width:0;max-width:100%}.product-info__block-list>:not(:nth-child(1 of:not(:empty))){margin-block-start:var(--product-info-gap)}.product-info__block-list>:not(:last-child){margin-block-end:var(--product-info-gap)}.product-info__block-item:empty{display:none}.product-info__block-item:is([data-block-type=vendor],[data-block-type=title],[data-block-type=sku],[data-block-type=price]){--product-info-gap: .5rem}.product-info__block-group:has(.product-info__block-item:is([data-block-type=vendor],[data-block-type=title],[data-block-type=sku],[data-block-type=price])){--product-info-gap: .5rem}.product-info__block-item:is([data-block-type=gd-variant-picker],[data-block-type=product-variations],[data-block-type=separator],[data-block-type=description],[data-block-type=text],[data-block-type=liquid],[data-block-type=gd-share-buttons]){--product-info-gap: 1.5rem}.product-info__block-group:has(.product-info__block-item:is([data-block-type=gd-variant-picker],[data-block-type=product-variations],[data-block-type=separator],[data-block-type=description],[data-block-type=text],[data-block-type=liquid],[data-block-type=gd-share-buttons])){--product-info-gap: 1.5rem}.product-info__block-item:is([data-block-type=inventory],[data-block-type=gd-buy-buttons],[data-block-type=gd-pickup-availability],[data-block-type=more-information],[data-block-type=offers]){--product-info-gap: 2rem}.product-info__block-group:has(.product-info__block-item:is([data-block-type=inventory],[data-block-type=gd-buy-buttons],[data-block-type=gd-pickup-availability],[data-block-type=more-information],[data-block-type=offers])){--product-info-gap: 2rem}.product-info__block-item[data-block-type=gd-complementary-products]{--product-info-gap: 3rem}.product-info__block-group:has(.product-info__block-item[data-block-type=gd-complementary-products]){--product-info-gap: 3rem}@media screen and (max-width:699px){.product-info--center :is([data-block-type=vendor],[data-block-type=title],[data-block-type=sku],[data-block-type=price]){text-align:center}.product-info--center :is(.badge-list,.price-list,.rating-badge){justify-content:center}.product-info--center .text-with-rating{flex-direction:column;justify-content:center}}@media screen and (min-width:1000px){.product-info:not(.product-info--no-sticky){position:sticky;inset-block-start:calc(var(--sticky-area-height) + 20px)}}.product-content-below-gallery{grid-area:product-content;margin-block-start:max(28px,var(--product-gap, 0px))}.product-content-below-gallery :is(product-recommendations:not(:first-child)){margin-block-start:max(48px,var(--product-gap, 0px))}.product-content-below-gallery :is(product-recommendations:not(:last-child)){margin-block-end:max(48px,var(--product-gap, 0px))}.product-content-below-gallery__description:not(:last-child){margin-block-end:1.25rem}.product-info__more-info{border-block-width:1px;justify-content:space-between;align-items:center;padding:.9375rem;display:flex}.product-info__more-info>svg{transition:transform .2s ease-in-out}@media screen and (pointer:fine){.product-info__more-info:hover>svg{transform:translate(5px)}}.variant-picker .popover{--popover-block-offset: .5rem;--popover-body-padding-inline: 1.25rem;width:100%}.variant-picker .popover::part(content){width:100%;max-width:none}@media(scripting:none){.variant-picker__option{display:none}}.buy-buttons{row-gap:1rem;display:grid}.pickup-location{align-items:start;gap:.25rem;display:grid}.pickup-location+.pickup-location{padding-block-start:1rem}.product-offers .page-dots{padding-block-end:1.5rem}.product-offers__item{padding:1.5rem}.product-offers__list--carousel{grid:auto / auto-flow 100%;display:grid}.complementary-products{grid-template-columns:minmax(0,1fr);row-gap:1.875rem;max-width:40rem;margin-inline:auto;display:grid}.complementary-products__header{text-align:center;justify-content:center;align-items:center;display:flex}.complementary-products__header--align-start{text-align:start;justify-content:space-between}.complementary-products__product-list{gap:1.25rem;display:grid;position:relative}.complementary-products__product-list--carousel{grid:auto / auto-flow 100%}@media screen and (max-width:699px){.complementary-products__product-list--carousel .product-card__figure{max-width:11.25rem;margin-inline:auto}}@media screen and (min-width:700px){.complementary-products{row-gap:1rem}.complementary-products__header{text-align:start;justify-content:space-between}}.product-sticky-bar{padding:var(--container-gutter);opacity:0;visibility:hidden;z-index:3;width:100%;transition:opacity .2s,visibility .2s,inset-block .15s ease-in-out;display:block;position:fixed;inset-block-end:0;inset-inline-start:0;background:#0b0d12;color:#ededed;border-block-start:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 24px #00000059}.product-sticky-bar.is-visible{opacity:1;visibility:visible}.product-sticky-bar__info img{width:3.75rem;border-radius:8px}.product-sticky-bar__info .h6,.product-sticky-bar__info .v-stack{color:#ededed}@media screen and (min-width:700px){.product-sticky-bar{inset-block:var(--sticky-area-height) auto;inset-block-end:auto;background:#0b0d12;border-block-start:none;border-block-end:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #00000059;grid-template-columns:minmax(0,1fr) max-content;align-items:center;padding-block:.75rem;display:grid}}.scrolling-content{text-align:start;white-space:nowrap;-webkit-user-select:none;user-select:none;display:block;position:relative;overflow:hidden}.scrolling-content[direction=right]{text-align:end}.scrolling-content::part(scroller){min-width:max-content;display:inline-flex;position:relative}.scrolling-content__item{flex-shrink:0;align-items:center;display:flex}.scrolling-content__item>*{margin-inline-start:calc(var(--scrolling-content-content-gap) / 2);margin-inline-end:calc(var(--scrolling-content-content-gap) / 2)}.scrolling-content__image>img{max-width:1.5em}.main-search-form{min-width:18.75rem}.main-search__linklist{text-align:center;max-width:25rem;margin-inline:auto}.shop-the-look__carousel{z-index:2;grid:auto / auto-flow 100%;align-items:start;gap:.625rem;display:grid;position:relative;overflow:visible}.shop-the-look__carousel.is-expanded{overflow:hidden}.shop-the-look__image-wrapper{position:relative;overflow:hidden}.shop-the-look__hot-spot-list{width:100%;height:100%;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.shop-the-look__hot-spot{--hot-spot-size: 1rem;top:calc(var(--shop-the-look-hot-spot-top) - (var(--hot-spot-size) / 2));left:calc(var(--shop-the-look-hot-spot-left) - (var(--hot-spot-size) / 2));width:var(--hot-spot-size);height:var(--hot-spot-size);border-radius:var(--rounded-full);transition:transform .2s ease-in-out;position:absolute}.shop-the-look__hot-spot:after{--hot-spot-after-size: calc(var(--hot-spot-size) * 2.5);content:"";top:calc(50% - var(--hot-spot-after-size) / 2);left:calc(50% - var(--hot-spot-after-size) / 2);width:var(--hot-spot-after-size);height:var(--hot-spot-after-size);background:radial-gradient(50% 50% at 50% 50%,rgb(var(--background) / 0),rgb(var(--background) / .3));border-radius:var(--rounded-full);animation:2s ease-in-out infinite alternate ping;position:absolute}.shop-the-look__hot-spot[aria-current=true]{transform:scale(1.3)}.shop-the-look__item-carousel{grid:auto / auto-flow 100%;justify-items:center;display:grid;position:relative}.shop-the-look__item{position:relative}.shop-the-look__popover .product-card__figure{width:100%;max-width:10rem;margin-inline:auto}.shop-the-look__popover::part(base){height:auto;inset:auto auto 0 0}.shop-the-look__popover::part(overlay){display:none}@media screen and (max-width:699px){.shopify-section--shop-the-look:before{content:"";opacity:0;pointer-events:none;background:rgb(var(--background));z-index:2;width:100%;height:100%;transition:opacity .4s;position:fixed;inset-block-start:0;inset-inline-start:0}.shopify-section--shop-the-look:has(.shop-the-look__carousel.is-expanded):before{opacity:1}}@media screen and (min-width:1000px){.shop-the-look__carousel{grid:none;align-items:center}.shop-the-look__item{max-width:var(--container-sm-max-width);grid:auto / min(550px,60%) minmax(0,1fr);grid-area:1 / -1;align-items:center;gap:.3125rem;margin-inline:auto;display:grid}.shop-the-look__item:not(.is-selected){visibility:hidden}.shop-the-look__item-product{grid-area:1 / -1;max-width:16.875rem}.shop-the-look__item-product:not(.is-selected){visibility:hidden}.shop-the-look__item-content{opacity:0;justify-items:center;gap:1.5rem;display:grid}}@media screen and (pointer:fine){.shop-the-look__hot-spot:hover{transform:scale(1.3)}}.slideshow{--slideshow-controls-spacing: var(--container-gutter);background:rgb(var(--slideshow-background));display:block;position:relative}.slideshow .page-dots{z-index:1;position:absolute;inset-block-end:var(--slideshow-controls-spacing);inset-inline-end:var(--slideshow-controls-spacing)}.shopify-section--slideshow:first-child .slideshow[allow-transparent-header]{--content-over-media-row-gap: 4rem}.slideshow:has(.page-dots,.slideshow__volume-control){--content-over-media-row-gap: 4rem}.slideshow__slide:not(.is-selected){visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.slideshow__slide-content--boxed{padding:1.5rem}.slideshow__slide-content--with-border{outline:1px solid rgb(var(--border-color))}.slideshow__slide-content--with-border-offset{outline-offset:-.75rem;padding:2.25rem}.slideshow__volume-control{z-index:1;display:grid;position:absolute;inset-block-end:var(--slideshow-controls-spacing);inset-inline-start:var(--slideshow-controls-spacing)}.slideshow__next-section-button{z-index:2;position:absolute;inset-block-end:calc(-1 * var(--circle-button-size) / 2);inset-inline-start:calc(50% - var(--circle-button-size) / 2)}.shopify-section:has(.slideshow__next-section-button)+.shopify-section{--section-vertical-spacing-block-start-compensation: 1.5625rem}@media screen and (min-width:700px){.slideshow:has(.page-dots,.slideshow__volume-control){--content-over-media-row-gap: 5rem}.slideshow__slide-content--boxed{padding:3.5rem}.slideshow__slide-content--with-border-offset{outline-offset:-1rem}}.shopify-section--testimonials{--section-vertical-spacing-override: calc(var(--section-vertical-spacing) + 20px)}.testimonial-list{gap:var(--section-stack-gap);justify-items:center;display:grid}.testimonial-item{font-size:var(--testimonials-font-size);grid-area:1 / -1;align-content:start;justify-items:center;gap:2rem;max-width:34rem;display:grid}.testimonial-item:not(.is-selected){opacity:0;visibility:hidden}.testimonial-carousel{display:grid}.testimonial-list__thumbnail-scroller{flex-wrap:wrap;justify-content:center;gap:2rem 5.625rem}.testimonial-list__thumbnail{transition:opacity .2s ease-in-out}.testimonial-list__thumbnail[aria-current=false]{opacity:.25}.testimonial-list__thumbnail img{max-width:var(--image-max-width)}.testimonial-list__thumbnail .placeholder{width:var(--image-max-width)}.shopify-challenge__container,.shopify-email-marketing-confirmation__container{max-width:56.25rem;margin-block-start:var(--section-vertical-spacing);margin-block-end:var(--section-vertical-spacing)}.shopify-policy__container{gap:var(--section-stack-gap);grid-auto-columns:minmax(0,1fr);max-width:56.25rem;margin-block-start:var(--section-vertical-spacing-tight);margin-block-end:var(--section-vertical-spacing-tight);display:grid}.shopify-challenge__container{gap:1rem;display:grid}.shopify-challenge__container>form{display:contents}.shopify-email-marketing-confirmation__container{text-align:center}.shopify-policy__title h1{font:inherit}.text-with-icons{--text-with-icons-items-per-row: 2;--text-with-icons-column-gap: 1.5rem;--text-with-icons-row-gap: 2rem;justify-content:center;gap:var(--text-with-icons-row-gap) var(--text-with-icons-column-gap);flex-wrap:wrap;display:flex}.text-with-icons>*{flex-basis:min(18.75rem,calc(100% / var(--text-with-icons-items-per-row) - var(--text-with-icons-column-gap, 0px) * (var(--text-with-icons-items-per-row) - 1) / var(--text-with-icons-items-per-row)))}.text-with-icons>:only-child{flex-basis:min(18.75rem,100%)}@media screen and (max-width:699px){.text-with-icons:not(.text-with-icons--stacked){grid:auto / auto-flow 100%;gap:0;display:grid}.text-with-icons:not(.text-with-icons--stacked)>*{grid-area:1 / -1;padding-inline:2.5rem}.text-with-icons:not(.text-with-icons--stacked)>:not(.is-selected){visibility:hidden}}@media screen and (min-width:700px){.text-with-icons{--text-with-icons-items-per-row: 3;--text-with-icons-row-gap: 2.5rem}}@media screen and (min-width:1000px){.text-with-icons{--text-with-icons-items-per-row: 5}.text-with-icons:not(:has(>:nth-child(5))){--text-with-icons-items-per-row: 4;--text-with-icons-column-gap: 3.75rem}}.timeline__carousel,.timeline__item{display:grid}:is(.timeline__carousel,.timeline__item)>*{grid-area:1 / -1}.timeline__item:not(.is-selected){visibility:hidden}.timeline__item-image-wrapper{overflow:hidden}.timeline__item-image-wrapper :is(img,svg){scale:1.05}.timeline__item-content{padding:var(--container-gutter)}@media screen and (max-width:699px){.shopify-section--timeline{--section-vertical-spacing: 0;border-block-start-width:0}.timeline__carousel{position:relative}.timeline__carousel:after{content:"";background:#0006;position:absolute;top:0;right:0;bottom:0;left:0}.timeline__item{--text-color: var(--timeline-item-mobile-text-color);color:rgb(var(--text-color))}.timeline__item-content{text-align:center;z-index:1;align-self:center;padding-block:3.75rem}}@media screen and (min-width:700px){.timeline__item{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline__item>*{grid-area:unset}.timeline__item-content{align-self:end}}.timeline__nav{white-space:nowrap;grid-auto-flow:column;justify-content:safe center;align-items:center;column-gap:2.5rem;display:grid}.timeline__nav>button{height:var(--text-h4);line-height:1;transition:opacity .25s ease-in-out,font-size .25s ease-in-out;position:relative}.timeline__nav>button:after{content:"";width:calc(100% - var(--heading-letter-spacing));transform-origin:var(--transform-origin-start);background:currentColor;height:3px;transition:transform .25s ease-in-out;position:absolute;inset-block-end:-1.25rem;inset-inline-start:0;transform:scaleX(0)}.timeline__nav>[aria-current=false]{opacity:.65}.timeline__nav>[aria-current=true]{font-size:var(--text-h4)}.timeline__nav>[aria-current=true]:after{transform:scaleX(1)}@media screen and (max-width:699px){.timeline__nav{background:rgb(var(--timeline-nav-mobile-background));color:rgb(var(--timeline-nav-mobile-text-color));padding-block:1.25rem;overflow:auto hidden}}@media screen and (min-width:700px){.timeline__nav{margin-block-start:var(--section-stack-gap)}.timeline__nav>button:after{inset-block-end:-.5rem}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:is(.sr-only[type=checkbox]:focus-visible+label,.sr-only[type=radio]:focus-visible+label){outline:2px solid highlight;outline:2px solid -webkit-focus-ring-color}.skip-to-content:focus-visible{z-index:9999;clip:auto;color:#fff;background:#000;width:auto;height:auto;padding:6px 12px;font-weight:700;overflow:auto}.tap-area{position:relative}.tap-area:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}@media print{.print\:hidden{display:none}}@keyframes ping{0%{transform:scale(1)}to{transform:scale(.8)}}@media screen and (pointer:fine)and (prefers-reduced-motion:no-preference){.features--zoom-image .zoom-image{transform-origin:center;transition:scale 8s cubic-bezier(.25,.46,.45,.94)}.features--zoom-image .group:hover .group-hover\:zoom{scale:1.2}}@media(prefers-reduced-motion:no-preference){[reveal-on-scroll=true]{opacity:0}}@media(scripting:none){[reveal-on-scroll=true]{opacity:1}}.border{border-width:1px;border-color:rgb(var(--border-color))}.border-x{border-inline-width:1px}.border-y{border-block-width:1px}.border-t{border-block-start-width:1px}.border-b{border-block-end-width:1px}.divide-x>:not([hidden])~:not([hidden]){border-inline-start-width:1px}.divide-y>:not([hidden])~:not([hidden]){border-block-start-width:1px}.rounded-full{border-radius:var(--rounded-full)}.text-success{color:rgb(var(--success-text))}.text-warning{color:rgb(var(--warning-text))}.text-error{color:rgb(var(--error-text))}.text-subdued{color:rgb(var(--text-color) / .65)}.text-on-sale{color:rgb(var(--on-sale-text))}.text-stroke{-webkit-text-stroke:1px currentColor;-webkit-text-fill-color:transparent}.text-gradient{background-image:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.text-stroke.text-gradient{color:rgb(var(--background));-webkit-text-stroke-color:transparent;-webkit-text-fill-color:unset}.bg-error,.bg-success,.bg-warning{--border-color: var(--text-color) / .15}.bg-error{background:rgb(var(--error-background))}.bg-success{background:rgb(var(--success-background))}.bg-warning{background:rgb(var(--warning-background))}.opacity-0{opacity:0}.backdrop-blur{-webkit-backdrop-filter:blur(var(--backdrop-blur, 0px));backdrop-filter:blur(var(--backdrop-blur, 0px))}.filter-invert{filter:invert()}.lock{overflow:hidden}.pointer-events-none{pointer-events:none}.scroll-area{scrollbar-width:none;overscroll-behavior-x:contain;overflow:auto hidden}.hide-scrollbar{scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.hide-scrollbar::-webkit-scrollbar{display:none}.snap-x{scroll-snap-type:x mandatory}.snap-y{scroll-snap-type:y mandatory}.snap-start{scroll-snap-align:start;scroll-snap-stop:always}.snap-center{scroll-snap-align:center;scroll-snap-stop:always}.hidden,.empty\:hidden:empty{display:none}.block{display:block}.inline-block{display:inline-block}.contents{display:contents}@media screen and (min-width:700px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:grid{display:grid}.sm\:flex{display:flex}.sm\:table{display:table}.sm\:table-cell{display:table-cell}}@media screen and (min-width:1000px){.md\:hidden{display:none}.md\:block{display:block}.md\:grid{display:grid}.md\:flex{display:flex}.md\:table{display:table}.md\:table-cell{display:table-cell}}@media screen and (min-width:1150px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:flex{display:flex}.lg\:table{display:table}.lg\:table-cell{display:table-cell}}@media screen and (max-width:699px){.sm-max\:hidden{display:none}}@media screen and (max-width:999px){.md-max\:hidden{display:none}}@media screen and (max-width:1149px){.lg-max\:hidden{display:none}}@media screen and (max-width:1399px){.xl-max\:hidden{display:none}}@media(prefers-reduced-motion:reduce){.motion-reduce\:hidden{display:none}.motion-reduce\:block{display:block}}.visibility-hidden{visibility:hidden}.relative{position:relative}.wrap{flex-wrap:wrap}.grow{flex-grow:1}.shrink-0{flex-shrink:0}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.justify-start{justify-content:start}.justify-center{justify-content:safe center}.justify-end{justify-content:end}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-center{justify-items:safe center}.justify-items-end{justify-items:end}.justify-self-start{justify-self:start}.justify-self-center{justify-self:center}.justify-self-end{justify-self:end}.align-start{align-items:start}.align-center{align-items:center}.align-end{align-items:end}.align-baseline{align-items:baseline}.align-self-start{align-self:start}.align-self-center{align-self:center}.align-self-end{align-self:end}.place-self-start{place-self:start}.place-self-start-center{place-self:start center}.place-self-start-end{place-self:start end}.place-self-center{place-self:center}.place-self-center-start{place-self:center start}.place-self-center-end{place-self:center end}.place-self-end{place-self:end}.place-self-end-start{place-self:end start}.place-self-end-center{place-self:end center}@media screen and (min-width:700px){.sm\:text-start{text-align:start}.sm\:text-center{text-align:center}.sm\:text-end{text-align:end}.sm\:justify-start{justify-content:start}.sm\:justify-center{justify-content:safe center}.sm\:justify-end{justify-content:end}.sm\:justify-between{justify-content:space-between}.sm\:justify-evenly{justify-content:space-evenly}.sm\:justify-items-start{justify-items:start}.sm\:justify-items-center{justify-items:safe center}.sm\:justify-items-end{justify-items:end}.sm\:justify-self-start{justify-self:start}.sm\:justify-self-center{justify-self:center}.sm\:justify-self-end{justify-self:end}.sm\:align-start{align-items:start}.sm\:align-center{align-items:center}.sm\:align-end{align-items:end}.sm\:align-baseline{align-items:baseline}.sm\:align-self-start{align-self:start}.sm\:align-self-center{align-self:center}.sm\:align-self-end{align-self:end}.sm\:place-self-start{place-self:start}.sm\:place-self-start-center{place-self:start center}.sm\:place-self-start-end{place-self:start end}.sm\:place-self-center{place-self:center}.sm\:place-self-center-start{place-self:center start}.sm\:place-self-center-end{place-self:center end}.sm\:place-self-end{place-self:end}.sm\:place-self-end-start{place-self:end start}.sm\:place-self-end-center{place-self:end center}}.vertical-align-top{vertical-align:top}.vertical-align-middle{vertical-align:middle}.vertical-align-bottom{vertical-align:bottom}.w-full{width:100%}.h-full{height:100%}.w-0{width:0}.min-w-full{min-width:100%}.min-h-full{min-height:100%}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.aspect-short{aspect-ratio:4 / 3}.aspect-tall{aspect-ratio:2 / 3}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16 / 9}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-4\.5{gap:1.125rem}.gap-5{gap:1.25rem}.gap-5\.5{gap:1.375rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-16{gap:4rem}@media screen and (min-width:700px){.sm\:gap-0\.5{gap:.125rem}.sm\:gap-1{gap:.25rem}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:gap-3\.5{gap:.875rem}.sm\:gap-4{gap:1rem}.sm\:gap-4\.5{gap:1.125rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-5\.5{gap:1.375rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-7{gap:1.75rem}.sm\:gap-8{gap:2rem}.sm\:gap-10{gap:2.5rem}.sm\:gap-12{gap:3rem}.sm\:gap-14{gap:3.5rem}.sm\:gap-16{gap:4rem}}.object-cover{object-fit:cover;object-position:center}.object-contain{object-fit:contain;object-position:center}.image-cover{object-fit:cover;object-position:center;width:100%;height:100%}.image-background{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.placeholder{background:rgb(var(--background-without-opacity));fill:rgb(var(--text-color) / .5);color:rgb(var(--text-color) / .5);display:block}.placeholder--invert{background:rgb(var(--text-color));fill:rgb(var(--background-without-opacity));color:rgb(var(--background-without-opacity))}.bold{font-weight:700}.smallcaps{text-transform:uppercase;letter-spacing:var(--heading-letter-spacing);font-size:.625rem}.text-xxs{font-size:.6875rem}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.heading,.h1,.h2,.h3,.h4,.h5,.h6,.prose :where(h1,h2,h3,h4,h5,h6){font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);overflow-wrap:anywhere}.h1,:where(.prose h1){font-size:var(--text-h1);line-height:1.5}.h2,:where(.prose h2){font-size:var(--text-h2);line-height:1.5}.h3,:where(.prose h3){font-size:var(--text-h3);line-height:1.6}.h4,:where(.prose h4){font-size:var(--text-h4);line-height:1.6}.h5,:where(.prose h5){font-size:var(--text-h5);line-height:1.7}.h6,:where(.prose h6){font-size:var(--text-h6);line-height:1.7}.prose blockquote{line-height:1.75}@media screen and (min-width:700px){.sm\:text-xs{font-size:var(--text-xs)}.sm\:text-sm{font-size:var(--text-sm)}.sm\:text-base{font-size:var(--text-base)}.sm\:text-lg{font-size:var(--text-lg)}.sm\:h1{font-size:var(--text-h1);line-height:1.5}.sm\:h2{font-size:var(--text-h2);line-height:1.5}.sm\:h3{font-size:var(--text-h3);line-height:1.6}.sm\:h4{font-size:var(--text-h4);line-height:1.6}.sm\:h5{font-size:var(--text-h5);line-height:1.7}.sm\:h6{font-size:var(--text-h6);line-height:1.7}}@media screen and (min-width:1150px){.h1,:where(.prose h1){line-height:1.3}.h2,:where(.prose h2){line-height:1.4}.h3,:where(.prose h3){line-height:1.5}}ol{margin-inline-start:2ch}ul{margin-inline-start:1em}:where(ol,ul):not(.unstyled-list) li{padding-inline-start:.25rem;margin-block-start:0!important}:where(.text-center,.text-end) :is(ol,ul){margin-inline:0;list-style-position:inside}:where(.text-center,.text-end) :is(ol,ul) li{padding-inline-start:0}.line-through{text-decoration:line-through}.break-all{word-break:break-all}.hyphenate{-webkit-hyphens:auto;hyphens:auto}.truncate-text{white-space:nowrap;text-overflow:ellipsis;max-width:var(--truncate-text-max-width, 100%);overflow:hidden}.line-clamp{-webkit-line-clamp:var(--line-clamp-count, 2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#shopify-section-group-header-group{position:relative;z-index:20000}.shopify-section--slideshow{position:relative;z-index:1}.shopify-section--header,.shopify-section--header .header{position:relative;z-index:20000}.shopify-section--header,.shopify-section--header .header{overflow:visible}.header--drawer .header__logo{justify-self:center}.header--drawer .header__primary-nav{justify-self:start}.header--drawer .header__secondary-nav{justify-self:end}.header .header__lgk-translate{display:flex;align-items:center;position:relative;z-index:60}.header .lgk-translate__panel{z-index:1000}@media screen and (min-width:1000px){x-popover.popover.popover--header-floating{position:fixed!important;z-index:100000!important;display:block!important;inset:auto!important;inset-block-start:auto!important;inset-block-end:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important}x-popover.popover.popover--header-floating::part(base){position:static;display:block;width:auto;height:auto}x-popover.popover.popover--header-floating::part(content){width:max-content;min-width:12rem;max-width:18.75rem;max-height:min(60vh,25rem);overflow:auto;border:1px solid rgb(var(--border-color));box-shadow:0 8px 24px #00000026}x-popover.popover.popover--header-floating::part(overlay),x-popover.popover.popover--header-floating::part(header){display:none}}@media screen and (max-width:999px){.header .localization-selectors.md-max\:hidden,.header .header__lgk-translate.md-max\:hidden{display:none!important}}.header .localization-selectors{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.header .localization-selectors .localization-toggle{color:#fff!important;white-space:nowrap;gap:.35rem;padding:.35rem .5rem;border-radius:.375rem;background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.header .localization-selectors .localization-toggle:hover{background:#ffffff24;color:#fff!important}.header .localization-selectors .country-flag{width:1.125rem;height:auto;border-radius:2px}.header .header__nav-icon{display:block;flex-shrink:0;width:1.5rem;height:1.5rem;color:#fff}.header .header__nav-icon path,.header .header__nav-icon circle,.header .header__nav-icon line{stroke:#fff}.header__secondary-nav>ul.contents>li>a:not(.facebook-btn):not(.discord-btn):not(.lgk-social-dropdown__item){color:#fff;display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem}.header .localization-toggle.link-faded{color:#ffffffe6}.header .localization-toggle.link-faded:hover{color:#fff}.header__primary-nav>button[aria-controls=sidebar-menu]{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;border-radius:.5rem;color:#fff;background:#ffffff1f;border:2px solid rgba(255,255,255,.55);box-shadow:0 1px 6px #00000040;transition:background .2s ease,border-color .2s ease,transform .1s ease}.header__primary-nav>button[aria-controls=sidebar-menu]:hover,.header__primary-nav>button[aria-controls=sidebar-menu]:focus-visible{background:#ffffff38;border-color:#ffffffd9;outline:none}.header__primary-nav>button[aria-controls=sidebar-menu]:active{transform:scale(.96)}.header__primary-nav>button[aria-controls=sidebar-menu] .header__nav-icon{display:block;width:1.875rem;height:1.875rem;flex-shrink:0;color:#fff}.header__primary-nav>button[aria-controls=sidebar-menu] .header__nav-icon path{stroke:#fff;fill:none;stroke-width:2.5}@media screen and (max-width:699px){.header .header__nav-icon{width:1.625rem;height:1.625rem}.header__primary-nav>button[aria-controls=sidebar-menu]{min-width:3rem;min-height:3rem}.header__primary-nav>button[aria-controls=sidebar-menu] .header__nav-icon{width:2.125rem;height:2.125rem}.header__primary-nav>button[aria-controls=sidebar-menu] .header__nav-icon path{stroke-width:2.75}.header__secondary-nav{gap:.25rem}}.discord-btn,.facebook-btn,.lgk-social-dropdown__trigger.telegram-btn,.lgk-social-dropdown__trigger.whatsapp-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;font-weight:600;font-size:13px;border-radius:10px;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .1s ease;border:none;cursor:pointer;font-family:inherit}.discord-btn{background:#5865f2;color:#fff}.discord-btn:hover{background:#4752c4}.discord-logo{width:18px;height:18px;fill:#fff}.lgk-social-dropdown__trigger.telegram-btn{background:#26a5e4;color:#fff}.lgk-social-dropdown__trigger.telegram-btn:hover{background:#1d8bc4}.lgk-social-dropdown__trigger.whatsapp-btn{background:#25d366;color:#fff}.lgk-social-dropdown__trigger.whatsapp-btn:hover{background:#1da851}.telegram-logo,.whatsapp-logo{width:18px;height:18px;fill:#fff}.facebook-btn{background:#1877f2;color:#fff}.facebook-btn:hover{background:#145dbf}.facebook-logo{width:18px;height:18px;fill:#fff}.header__social-dropdown{list-style:none!important;position:relative}.lgk-social-dropdown{position:relative}.lgk-social-dropdown>summary{list-style:none}.lgk-social-dropdown>summary::-webkit-details-marker{display:none}.lgk-social-dropdown__chevron{width:14px;height:14px;opacity:.9;transition:transform .2s ease}.lgk-social-dropdown[open] .lgk-social-dropdown__chevron{transform:rotate(180deg)}.lgk-social-dropdown__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:190px;padding:6px;border-radius:12px;background:#0f1419;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px #00000073;display:none}.lgk-social-dropdown[open] .lgk-social-dropdown__menu{display:block}.lgk-social-dropdown__item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#e8eef3!important;transition:background .15s ease}.lgk-social-dropdown__item:hover{background:#ffffff14}.lgk-social-dropdown--telegram .lgk-social-dropdown__item:hover{background:#26a5e42e}.lgk-social-dropdown--whatsapp .lgk-social-dropdown__item:hover{background:#25d3662e}.lgk-social-dropdown__item-title{font-weight:600;font-size:13px;line-height:1.2}.lgk-social-dropdown__item-hint{font-size:11px;opacity:.7;line-height:1.2}@media(max-width:768px){.discord-label,.facebook-label,.lgk-social-dropdown__label{display:none}.discord-btn,.facebook-btn,.lgk-social-dropdown__trigger{padding:6px 10px}}.discord-logo,.facebook-logo,.lgk-social-dropdown__trigger .telegram-logo,.lgk-social-dropdown__trigger .whatsapp-logo{fill:#fff!important}@media(max-width:768px){.discord-btn,.facebook-btn,.lgk-social-dropdown__trigger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:8px}.discord-logo,.facebook-logo,.lgk-social-dropdown__trigger .telegram-logo,.lgk-social-dropdown__trigger .whatsapp-logo{width:20px;height:20px;fill:#fff!important;margin:0}.lgk-social-dropdown__chevron{display:none}.discord-label,.facebook-label{display:none!important}.header__secondary-nav .contents{gap:8px}.lgk-social-dropdown__menu{right:0;min-width:170px}}.header__discord-link,.header__facebook-link,.header__social-dropdown{list-style:none!important}@media screen and (max-width:699px){.header{--header-padding-block: .65rem;column-gap:.5rem}.header__secondary-nav{flex-wrap:nowrap;gap:.1rem;align-self:center}.header__secondary-nav>ul.contents>li>a:not(.facebook-btn):not(.discord-btn):not(.lgk-social-dropdown__item){min-width:2rem;min-height:2rem}#shopify-section-header .header__logo-image,#shopify-section-header .header__logo{max-width:min(var(--header-logo-width, 100px),30vw)}#shopify-section-header .lgk-header-nav-icon{width:1.25rem!important;height:1.25rem!important}.header__primary-nav>button[aria-controls=sidebar-menu]{min-width:2.5rem;min-height:2.5rem;padding:.35rem}.lgk-sidebar-social{margin-block:1rem .5rem;padding-inline:1.25rem}.lgk-sidebar-social__label{margin:0 0 .5rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65}.lgk-sidebar-social__row{display:flex;flex-wrap:wrap;gap:.5rem}.lgk-sidebar-social__btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;color:#fff;text-decoration:none}.lgk-sidebar-social__btn svg{width:1.15rem;height:1.15rem}.lgk-sidebar-social__btn--discord{background:#5865f2}.lgk-sidebar-social__btn--telegram{background:#26a5e4}.lgk-sidebar-social__btn--whatsapp{background:#25d366}.lgk-sidebar-social__btn--facebook{background:#1877f2}body.template-index .shopify-section--collection-list .collection-list{--collection-list-gap: .65rem}body.template-index .shopify-section--collection-list .content-over-media>.collection-card__content{width:fit-content!important;max-width:min(70%,6.75rem)!important;margin-inline:auto;padding:.15rem .3rem!important;border-radius:.3rem;box-shadow:0 1px 4px #0000001f}body.template-index .shopify-section--collection-list .collection-card__content.prose>*{margin:0!important}body.template-index .shopify-section--collection-list .collection-card__content{width:fit-content!important;max-width:min(70%,6.75rem)!important;margin-inline:auto;padding:.15rem .3rem!important;border-radius:.3rem}body.template-index .shopify-section--collection-list .lgk-collection-card__title,body.template-index .shopify-section--collection-list .collection-card__content .h3,body.template-index .shopify-section--collection-list .collection-card__content .h6.lgk-collection-card__title{font-size:.44rem!important;line-height:1.12!important;font-weight:700;letter-spacing:.02em;text-transform:uppercase;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance;margin:0}body.template-index .shopify-section--collection-list .collection-card__content .h6:not(.lgk-collection-card__title){font-size:.4rem;margin-bottom:.05rem}body.template-index .shopify-section--collection-list .collection-card__content .button{display:none}body.template-index .shopify-section--collection-list .content-over-media--sm{--content-over-media-height: clamp(5.5rem, 22vw, 7rem)}}@media screen and (max-width:520px){body.template-index .shopify-section--collection-list .collection-list.wrap{--collection-list-items-per-row: 1}body.template-index .shopify-section--collection-list .content-over-media>.collection-card__content,body.template-index .shopify-section--collection-list .collection-card__content{max-width:min(62%,7.25rem)!important;padding:.18rem .34rem!important}body.template-index .shopify-section--collection-list .lgk-collection-card__title{font-size:.5rem!important;line-height:1.15!important}body.template-index .shopify-section--collection-list .content-over-media--sm{--content-over-media-height: clamp(6rem, 24vw, 7.5rem)}}.pd-discord-cta{display:block;margin:12px 0}.pd-discord-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;background:#5865f2;color:#fff;text-decoration:none;font-weight:700;font-size:15px;line-height:1.3;transition:background .2s,transform .1s}.pd-discord-btn:hover{background:#4752c4}.pd-discord-btn:active{transform:translateY(1px)}.pd-discord-ico{width:20px;height:20px;fill:#fff}@media(max-width:768px){.pd-discord-btn{width:100%;justify-content:center;padding:12px 14px;font-size:14px}.pd-discord-ico{width:20px;height:20px}.pd-discord-label{display:inline!important;white-space:normal}}@media(min-width:1024px){.pd-discord-cta{display:block;width:100%}.pd-discord-btn{display:flex;width:100%;box-sizing:border-box;justify-content:center;align-items:center;padding:12px 16px;border-radius:10px}.pd-discord-ico{width:20px;height:20px}}:root{--gd-accent: #1a1a2e;--gd-accent-soft: #e8e4f0;--gd-highlight: #c9a227;--gd-radius-lg: 1.25rem;--gd-radius-pill: 999px;--gd-shadow-soft: 0 24px 48px -12px rgb(26 26 46 / .18);--gd-shadow-hover: 0 32px 64px -16px rgb(26 26 46 / .28);--gd-ease-out: cubic-bezier(.22, 1, .36, 1);--gd-mesh-1: radial-gradient(ellipse 80% 60% at 20% 40%, rgb(201 162 39 / .15), transparent 70%);--gd-mesh-2: radial-gradient(ellipse 70% 50% at 80% 20%, rgb(26 26 46 / .12), transparent 65%)}.gd-hero-cinematic{position:relative;overflow:hidden;min-height:clamp(28rem,72vh,44rem);display:grid;align-items:end}.gd-hero-cinematic__mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gd-mesh-1),var(--gd-mesh-2);pointer-events:none;z-index:1}.gd-hero-cinematic__media{position:absolute;top:0;right:0;bottom:0;left:0}.gd-hero-cinematic__media img,.gd-hero-cinematic__media video{width:100%;height:100%;object-fit:cover}.gd-hero-cinematic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#00000059 45%,#00000014);z-index:2}.gd-hero-cinematic__inner{position:relative;z-index:3;width:100%;max-width:var(--page-width);margin-inline:auto;padding:clamp(2rem,5vw,4rem) var(--container-gutter);display:grid;gap:1.5rem}@media(min-width:900px){.gd-hero-cinematic__inner{grid-template-columns:1fr 1fr;align-items:end;gap:3rem}}.gd-hero-cinematic__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.4rem .9rem;border-radius:var(--gd-radius-pill);background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .2);width:fit-content}.gd-hero-cinematic__title{font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.02;letter-spacing:-.02em;margin:0}.gd-hero-cinematic__text{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;max-width:32ch;opacity:.92}.gd-hero-cinematic__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.gd-hero-cinematic__stat-row{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;padding-top:1rem;border-top:1px solid rgb(255 255 255 / .2)}.gd-hero-cinematic__stat strong{display:block;font-size:1.5rem;line-height:1.2}.gd-hero-cinematic__stat span{font-size:.8rem;opacity:.8;text-transform:uppercase;letter-spacing:.06em}.gd-value-grid{padding-block:clamp(3rem,6vw,5rem)}.gd-value-grid__header{text-align:center;max-width:42rem;margin-inline:auto;margin-bottom:clamp(2rem,4vw,3rem)}.gd-value-grid__cards{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:600px){.gd-value-grid__cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.gd-value-grid__cards{grid-template-columns:repeat(var(--gd-cols, 4),1fr)}}.gd-value-grid__card{position:relative;padding:1.75rem 1.5rem;border-radius:var(--gd-radius-lg);background:var(--gd-card-bg, rgb(255 255 255 / .6));border:1px solid rgb(0 0 0 / .06);transition:transform .35s var(--gd-ease-out),box-shadow .35s var(--gd-ease-out)}.gd-value-grid__card:hover{transform:translateY(-4px);box-shadow:var(--gd-shadow-soft)}.gd-value-grid__icon{width:2.75rem;height:2.75rem;border-radius:.75rem;display:grid;place-items:center;font-size:1.35rem;background:var(--gd-accent-soft);margin-bottom:1rem}.gd-value-grid__card h3{margin:0 0 .5rem;font-size:1.05rem}.gd-value-grid__card p{margin:0;font-size:.9rem;line-height:1.55;opacity:.85}.gd-editorial-band{padding-block:clamp(3rem,7vw,6rem)}.gd-editorial-band__grid{display:grid;gap:2rem;align-items:center}@media(min-width:900px){.gd-editorial-band__grid{grid-template-columns:1fr 1fr;gap:4rem}.gd-editorial-band--reverse .gd-editorial-band__grid{direction:rtl}.gd-editorial-band--reverse .gd-editorial-band__grid>*{direction:ltr}}.gd-editorial-band__visual{position:relative;border-radius:var(--gd-radius-lg);overflow:hidden;aspect-ratio:4 / 5;box-shadow:var(--gd-shadow-soft)}.gd-editorial-band__visual img{width:100%;height:100%;object-fit:cover}.gd-editorial-band__badge{position:absolute;bottom:1.25rem;left:1.25rem;padding:.5rem 1rem;border-radius:var(--gd-radius-pill);background:var(--gd-highlight);color:#111;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.gd-editorial-band__content .h6{color:var(--gd-highlight);margin-bottom:.75rem}.gd-editorial-band__content h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.1}.gd-lookbook-rail{padding-block:clamp(2.5rem,5vw,4rem);overflow:hidden}.gd-lookbook-rail__header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.gd-lookbook-rail__track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--container-gutter);padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.gd-lookbook-rail__slide{flex:0 0 clamp(16rem,42vw,22rem);scroll-snap-align:start;border-radius:var(--gd-radius-lg);overflow:hidden;position:relative;aspect-ratio:3 / 4;transition:transform .3s var(--gd-ease-out)}.gd-lookbook-rail__slide:hover{transform:scale(1.02)}.gd-lookbook-rail__slide img{width:100%;height:100%;object-fit:cover}.gd-lookbook-rail__caption{position:absolute;inset:auto 0 0 0;padding:1rem 1.25rem;background:linear-gradient(transparent,#000000bf);color:#fff}.gd-lookbook-rail__caption strong{display:block;font-size:.95rem}.gd-lookbook-rail__caption span{font-size:.8rem;opacity:.85}@media(prefers-reduced-motion:reduce){.gd-value-grid__card,.gd-lookbook-rail__slide{transition:none}}.gd-header{--gd-header-height: auto;position:relative;z-index:50;border-bottom:1px solid rgb(0 0 0 / .08);background:rgb(var(--background))}.gd-header--sticky .gd-header__shell{position:sticky;top:0;z-index:50;background:rgb(var(--background));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gd-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding-block:.9rem}.gd-header__start{display:flex;align-items:center;gap:.25rem}.gd-header__brand{justify-self:center}.gd-header__logo,.gd-header__logo h1{margin:0;font:inherit}.gd-header__logo-img{width:auto;max-height:2.75rem;display:block}.gd-header__logo-text{font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.gd-header__nav-list,.gd-header__subnav-list,.gd-drawer__list{list-style:none;margin:0;padding:0}.gd-header__nav{justify-self:center}.gd-header__nav-list{display:flex;gap:1.5rem}.gd-header__nav-link{text-decoration:none;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;opacity:.85;transition:opacity .2s}.gd-header__nav-link:hover,.gd-header__nav-link.is-active{opacity:1}.gd-header__nav-item{position:relative}.gd-header__dropdown{position:absolute;top:100%;left:0;min-width:12rem;padding:.5rem 0;margin:.5rem 0 0;background:rgb(var(--background));border:1px solid rgb(0 0 0 / .08);border-radius:.5rem;box-shadow:var(--gd-shadow-soft);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s var(--gd-ease-out)}.gd-header__nav-item:hover .gd-header__dropdown,.gd-header__nav-item:focus-within .gd-header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.gd-header__dropdown-link{display:block;padding:.45rem 1rem;text-decoration:none;font-size:.875rem}.gd-header__actions{display:flex;justify-content:flex-end;align-items:center;gap:.35rem}.gd-header__icon-btn{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:999px;text-decoration:none;position:relative}.gd-header__icon-btn:hover{background:#0000000d}.gd-header__cart-count{position:absolute;top:.15rem;right:.1rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--gd-highlight);color:#111;font-size:.65rem;font-weight:700;display:grid;place-items:center}.gd-header__subnav{padding-bottom:.75rem}.gd-header__subnav-list{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem 2rem}.gd-header__subnav-link{text-decoration:none;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.gd-header__subnav-link.is-active{opacity:1;border-bottom:2px solid var(--gd-highlight)}.gd-hide-mobile{display:none}.gd-hide-desktop{display:inline-grid}@media(min-width:1000px){.gd-hide-mobile,.gd-header__nav.gd-hide-mobile{display:block}.gd-hide-desktop,.gd-header__menu-btn{display:none}.gd-header__bar{grid-template-columns:auto 1fr auto}.gd-header__brand{justify-self:start}}.gd-drawer{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;background:#00000073}.gd-drawer::backdrop{background:transparent}.gd-drawer__panel{width:min(22rem,88vw);height:100%;margin-left:0;margin-right:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--gd-shadow-hover)}.gd-drawer__head{display:flex;justify-content:space-between;align-items:center}.gd-drawer__title{font-weight:700;letter-spacing:.04em}.gd-drawer__link{display:block;padding:.65rem 0;font-size:1.05rem;text-decoration:none;border-bottom:1px solid rgb(0 0 0 / .06)}.gd-drawer__sublink{display:block;padding:.35rem 0 .35rem 1rem;font-size:.9rem;opacity:.8;text-decoration:none}html.gd-drawer-open{overflow:hidden}.gd-product{padding-block:clamp(1.5rem,4vw,3rem)}.gd-product__layout{display:grid;gap:2rem}@media(min-width:1000px){.gd-product__layout{grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}.gd-product__panel{position:sticky;top:6rem}}.gd-product-gallery__stage{position:relative;border-radius:var(--gd-radius-lg);overflow:hidden;background:#00000008;aspect-ratio:4 / 5}.gd-product-gallery__slide{margin:0;height:100%}.gd-product-gallery__image,.gd-product-gallery__video{width:100%;height:100%;object-fit:cover;display:block}.gd-product-gallery__thumbs{display:flex;gap:.5rem;margin-top:.75rem;overflow-x:auto}.gd-product-gallery__thumb{flex:0 0 4.5rem;height:4.5rem;padding:0;border:2px solid transparent;border-radius:.5rem;overflow:hidden;cursor:pointer;background:transparent}.gd-product-gallery__thumb.is-active{border-color:var(--gd-highlight)}.gd-product-gallery__thumb img{width:100%;height:100%;object-fit:cover}.gd-product__vendor{margin:0 0 .35rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.gd-product__title{margin:0 0 .75rem;font-size:clamp(1.6rem,4vw,2.35rem);line-height:1.1}.gd-product__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin-bottom:1.25rem}.gd-product__price-current{font-size:1.35rem;font-weight:700}.gd-product__price-compare{text-decoration:line-through;opacity:.55}.gd-product__price-note{font-size:.75rem;opacity:.7;width:100%}.gd-product-variants__group{border:0;margin:0 0 1rem;padding:0}.gd-product-variants__label{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}.gd-product-variants__options{display:flex;flex-wrap:wrap;gap:.5rem}.gd-product-variants__option input{position:absolute;opacity:0;pointer-events:none}.gd-product-variants__pill{display:inline-block;padding:.45rem .9rem;border:1px solid rgb(0 0 0 / .15);border-radius:var(--gd-radius-pill);font-size:.85rem;cursor:pointer;transition:.2s}.gd-product-variants__option input:checked+.gd-product-variants__pill{background:var(--gd-accent);color:#fff;border-color:var(--gd-accent)}.gd-product__qty{margin-bottom:1rem}.gd-product__qty-label{display:block;font-size:.8rem;margin-bottom:.35rem}.gd-product__qty-input{width:5rem;padding:.5rem .65rem;border:1px solid rgb(0 0 0 / .15);border-radius:.5rem}.gd-product__atc{width:100%;margin-bottom:.75rem}.gd-product__trust{list-style:none;margin:1rem 0 0;padding:.75rem 0 0;border-top:1px solid rgb(0 0 0 / .08);display:grid;gap:.35rem;font-size:.85rem}.gd-product__sep{border:0;border-top:1px solid rgb(0 0 0 / .08);margin:1.25rem 0}.gd-product__description{font-size:.95rem;line-height:1.65}.gd-product-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:.65rem 0;background:rgb(var(--background));border-top:1px solid rgb(0 0 0 / .1);box-shadow:0 -8px 24px #00000014}.gd-product-sticky__inner{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;align-items:center}.gd-product-sticky__title{grid-column:1 / -1;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-product-sticky__price{font-weight:700}@media(min-width:1000px){.gd-product-sticky{display:none}}.shopify-section--main-cart .lgk-cart-container{--container-max-width: min(94vw, 96rem)}@media screen and (min-width:700px){.shopify-section--main-cart .cart-footer{gap:2.5rem 4rem;align-items:flex-start}.shopify-section--main-cart .cart-footer>:not(:only-child){width:auto;flex:1 1 0;min-width:0}.shopify-section--main-cart .cart-note{flex:1.2 1 0;max-width:36rem}.shopify-section--main-cart .cart-recap{flex:1 1 0;min-width:min(100%,32rem);max-width:40rem}.shopify-section--main-cart .order-summary .line-item-info{max-width:none}}@media screen and (min-width:1000px){.shopify-section--main-cart .line-item{--line-item-media-width: 9rem}.shopify-section--main-cart .order-summary__header th,.shopify-section--main-cart .order-summary__body td{padding-block:1.25rem}.shopify-section--main-cart .cart-page{row-gap:3rem}}.lgk-footer-credit{width:100%;padding:1rem 0 .25rem;margin-top:.25rem;border-top:1px solid rgb(var(--text-color) / .12)}.lgk-footer-credit__line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .85rem;margin:0;font-size:.8125rem;line-height:1.5;letter-spacing:.01em;color:rgb(var(--text-color) / .72)}.lgk-footer-credit__copy{font-weight:500;color:rgb(var(--text-color) / .92)}.lgk-footer-credit__made,.lgk-footer-credit__theme{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:center}.lgk-footer-credit__sep{width:4px;height:4px;border-radius:50%;background:#00fff073;flex-shrink:0}.lgk-footer-credit__brand{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;border-radius:999px;font-weight:600;font-size:.8125rem;text-decoration:none;color:#fff;background:linear-gradient(135deg,#1389e959,#00fff01f);border:1px solid rgba(0,255,240,.35);box-shadow:0 0 #00fff000;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease,background .2s ease}.lgk-footer-credit__brand:hover{color:#fff;border-color:#00fff0bf;box-shadow:0 0 14px #00fff038;background:linear-gradient(135deg,#1389e980,#00fff02e);transform:translateY(-1px)}.lgk-footer-credit__brand--ghost{background:transparent;border-color:rgb(var(--text-color) / .22);color:rgb(var(--text-color) / .9);font-weight:500}.lgk-footer-credit__brand--ghost:hover{background:rgb(var(--text-color) / .08);border-color:rgb(var(--text-color) / .4);box-shadow:none;color:rgb(var(--text-color))}@media screen and (min-width:1000px){.footer__aside .lgk-footer-credit{grid-column:1 / -1;justify-self:stretch}.lgk-footer-credit__line{font-size:.875rem}}@media screen and (max-width:699px){.lgk-footer-credit__sep{display:none}.lgk-footer-credit__line{flex-direction:column;gap:.65rem}}.shopify-section--main-article .prose .lgk-article--guide,.shopify-section--main-article .prose .lgk-article--guide .lgk-article__layout,.shopify-section--main-article .prose .lgk-article--guide .lgk-article__main{overflow:visible}.shopify-section--main-article .prose .lgk-article--guide .lgk-products--spotlight{width:100%!important;max-width:100%!important;margin-inline:0!important;padding:2rem 1.25rem 2.5rem!important;overflow:visible!important;box-sizing:border-box}.shopify-section--main-article .prose .lgk-article--guide .lgk-products__header,.shopify-section--main-article .prose .lgk-article--guide .lgk-products__grid,.shopify-section--main-article .prose .lgk-article--guide .lgk-products__footer{position:relative;z-index:1}.shopify-section--main-article .prose .lgk-article--guide .lgk-products__grid{width:100%;max-width:none!important;margin-inline:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem;align-items:start}@media screen and (max-width:520px){.shopify-section--main-article .prose .lgk-article--guide .lgk-products__grid{grid-template-columns:1fr!important}}.shopify-section--main-article .prose .lgk-article--guide .lgk-product-card{min-width:0}@media screen and (min-width:992px){.shopify-section--main-article .prose .lgk-article__layout{grid-template-columns:minmax(320px,400px) minmax(0,1fr)}}body.template-product .lgk-icons-banner{padding:14px 10px!important;border-radius:14px!important}body.template-product .lgk-icons-inner{gap:10px!important}body.template-product .lgk-icon-item{height:auto!important;padding:8px 6px!important}body.template-product .lgk-badge-wrapper{height:26px!important;margin-bottom:6px!important}body.template-product .lgk-badge{max-height:22px!important;max-width:64px!important}body.template-product .lgk-icon{font-size:20px!important;margin-bottom:2px!important}body.template-product .lgk-icon-item h3{font-size:14px!important;line-height:1.2!important}body.template-product .lgk-icon-item p{font-size:12.5px!important;line-height:1.25!important;margin-top:2px!important}body.template-product .product-content-below-gallery__description.prose{max-width:none!important}body.template-product .product-content-below-gallery__rich-description,body.template-product .lgk-rich-description{max-width:none!important;width:100%;color:#ededed;line-height:1.7;box-sizing:border-box}body.template-product .lgk-rich-description>div,body.template-product .lgk-rich-description [style*=max-width],body.template-product .product-content-below-gallery__rich-description>div,body.template-product .product-content-below-gallery__rich-description [style*=max-width]{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}body.template-product .lgk-rich-description img{max-width:100%;height:auto}body.template-product .lgk-rich-description table{width:100%}body.template-product .lgk-rich-description a{color:#93c5fd}@keyframes lgkSnackFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes lgkSnackFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lgkSnackGlow{0%,to{box-shadow:0 0 20px #fbbf2440}50%{box-shadow:0 0 36px #fbbf248c}}@keyframes lgkProdFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}body.template-product .product-content-below-gallery__reviews{max-width:none!important;width:100%;margin-top:clamp(24px,4vw,40px);display:block!important;visibility:visible!important;opacity:1!important}body.template-product .product-content-below-gallery__reviews .jdgm-widget,body.template-product .product-content-below-gallery__reviews .jdgm-review-widget,body.template-product .product-info__block-item .jdgm-widget{display:block!important;visibility:visible!important}body.template-product .product-content-below-gallery__reviews:empty{display:none}@media screen and (min-width:700px){body.template-product .product-sticky-bar{inset-block-start:var(--sticky-area-height, 0px)!important;inset-block-end:auto!important;background:#0b0d12!important;color:#ededed!important;border-block-end:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 24px #00000059!important;padding-block:.75rem!important}}body.template-product .product-sticky-bar{background:#0b0d12!important;color:#ededed!important}body.template-product .product-sticky-bar .h6,body.template-product .product-sticky-bar .price-list,body.template-product .product-sticky-bar sale-price,body.template-product .product-sticky-bar .text-subdued{color:#ededed!important}body.template-product .product-content-below-gallery{padding-block-end:96px}@media screen and (min-width:700px){body.template-product .product-content-below-gallery{padding-block-end:48px}}html:not(.lgk-storefront--wayne) .product-info__block-item[data-block-type=lgk-size-guide],html:not(.lgk-storefront--wayne) .lgk-size-guide,html:not(.lgk-storefront--wayne) .faq-neo__item--size-guide{display:none!important}html.lgk-storefront--legeekshop a[href*=le-coin-des-affaires],html.lgk-storefront--legeekshop a[href*=coin-affaires],html.lgk-storefront--legeekshop a[href*=outlet-bonnes-affaires-premium],html:not(.lgk-storefront--wayne):not(.lgk-storefront--fivem):not(.lgk-storefront--gotham-airsoft) a[href*=le-coin-des-affaires],html:not(.lgk-storefront--wayne):not(.lgk-storefront--fivem):not(.lgk-storefront--gotham-airsoft) a[href*=coin-affaires],html:not(.lgk-storefront--wayne):not(.lgk-storefront--fivem):not(.lgk-storefront--gotham-airsoft) a[href*=outlet-bonnes-affaires-premium]{display:none!important}body.template-product .pbc-pw-widget,body.template-product [id*=pbc_product_warnings],body.template-product .shopify-block:has(.pbc-pw-widget){display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}body.template-product .product-info__block-item[data-block-type=buy-buttons],body.template-product .product-info__block-item[data-block-type=buy_buttons],body.template-product .product-info__block-item[data-block-type=buy-buttons] product-form,body.template-product .product-info__block-item[data-block-type=buy_buttons] product-form,body.template-product .lgk-digital-notice{display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important}body.template-product .product-info__block-item[data-block-type=buy-buttons] .buy-buttons,body.template-product .product-info__block-item[data-block-type=buy_buttons] .buy-buttons{display:grid!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important}body.template-product .product-info__block-item[data-block-type=buy-buttons] .buy-buttons .button,body.template-product .product-info__block-item[data-block-type=buy_buttons] .buy-buttons .button,body.template-product .product-info__block-item[data-block-type=buy-buttons] .shopify-payment-button,body.template-product .product-info__block-item[data-block-type=buy_buttons] .shopify-payment-button,body.template-product .product-info__block-item[data-block-type=buy-buttons] .lgk-wishlist-btn,body.template-product .product-info__block-item[data-block-type=buy_buttons] .lgk-wishlist-btn{visibility:visible!important;opacity:1!important} /*# sourceMappingURL=/cdn/shop/t/48/assets/gd-gotham.css.map?v=142856015324560254871785063812 */ /* ===== lgk-design-system.css ===== */ :root{--lgk-bg-primary: #0a0c10;--lgk-bg-secondary: #11151f;--lgk-surface: #151a24;--lgk-surface-hover: #1c2333;--lgk-surface-elevated: #1e2535;--lgk-border: rgba(148, 163, 184, .14);--lgk-border-strong: rgba(148, 163, 184, .28);--lgk-text-primary: #e8edf5;--lgk-text-secondary: #94a3b8;--lgk-text-muted: #64748b;--lgk-accent: #2563eb;--lgk-accent-hover: #3b82f6;--lgk-accent-soft: rgba(37, 99, 235, .16);--lgk-cyan: #22d3ee;--lgk-violet: #7c3aed;--lgk-success: #22c55e;--lgk-warning: #f59e0b;--lgk-error: #ef4444;--lgk-sale: #e11d48;--lgk-radius-sm: 6px;--lgk-radius: 10px;--lgk-radius-lg: 14px;--lgk-radius-xl: 20px;--lgk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--lgk-shadow: 0 8px 24px rgba(0, 0, 0, .35);--lgk-shadow-glow: 0 0 0 1px rgba(37, 99, 235, .35), 0 8px 28px rgba(37, 99, 235, .18);--lgk-space-1: .25rem;--lgk-space-2: .5rem;--lgk-space-3: .75rem;--lgk-space-4: 1rem;--lgk-space-5: 1.5rem;--lgk-space-6: 2rem;--lgk-space-8: 3rem;--lgk-space-10: 4rem;--lgk-max: 1280px;--lgk-font-display: var(--heading-font-family);--lgk-font-body: var(--text-font-family);--lgk-ease: cubic-bezier(.22, 1, .36, 1);--lgk-duration: .18s}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft){color-scheme:dark}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) body{background:radial-gradient(1200px 500px at 80% -10%,rgba(37,99,235,.12),transparent 55%),radial-gradient(900px 400px at 10% 0%,rgba(124,58,237,.08),transparent 50%),var(--lgk-bg-primary);color:var(--lgk-text-primary)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) ::selection{background:#2563eb73;color:#fff}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .button,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .shopify-payment-button__button--unbranded{border-radius:var(--lgk-radius)!important;letter-spacing:.02em;font-weight:600;transition:transform var(--lgk-duration) var(--lgk-ease),box-shadow var(--lgk-duration) var(--lgk-ease),background var(--lgk-duration) var(--lgk-ease)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .button--primary{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;color:#fff!important;border:1px solid rgba(147,197,253,.35)!important;box-shadow:0 1px #ffffff1f inset,0 8px 20px #2563eb47}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .button--primary:hover{transform:translateY(-1px);box-shadow:var(--lgk-shadow-glow)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .button--secondary,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .button--outline{background:transparent!important;color:var(--lgk-text-primary)!important;border:1px solid var(--lgk-border-strong)!important}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .button--secondary:hover,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .button--outline:hover{border-color:#2563ebb3!important;background:var(--lgk-accent-soft)!important}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .button:focus-visible,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) a:focus-visible,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) button:focus-visible{outline:2px solid var(--lgk-cyan);outline-offset:2px}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--lgk-surface);border:1px solid var(--lgk-border);border-radius:var(--lgk-radius-lg);overflow:hidden;transition:border-color var(--lgk-duration) var(--lgk-ease),transform var(--lgk-duration) var(--lgk-ease),box-shadow var(--lgk-duration) var(--lgk-ease)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card:hover{border-color:#2563eb73;transform:translateY(-3px);box-shadow:var(--lgk-shadow)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card__figure,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card__media{background:linear-gradient(180deg,#1a2030,#121722);border-radius:0}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card__media img,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card__image{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .32s var(--lgk-ease)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card:hover .product-card__media img{transform:scale(1.04)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card__info{padding:.9rem 1rem 1.1rem;gap:.35rem;color:var(--lgk-text-primary)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card__title,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card__title a,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .product-title,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card a.product-title{font-size:.92rem;line-height:1.35;font-weight:550;color:var(--lgk-text-primary)!important;letter-spacing:-.01em;text-decoration:none}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .vendor,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card__vendor{color:var(--lgk-cyan);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .lgk-card-v2__game-meta{color:var(--lgk-text-secondary)!important}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .price-list,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .price-list *,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .price,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .text-subdued,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card sale-price,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card compare-at-price{font-size:1.05rem;font-weight:700;color:#fff!important;letter-spacing:-.02em;opacity:1!important}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .text-on-sale,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card sale-price.text-on-sale{color:var(--lgk-sale)!important}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .badge,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .badge{border-radius:var(--lgk-radius-sm);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:0}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .badge--on-sale,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .badge--sale{background:var(--lgk-sale)!important;color:#fff!important}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-card-v2--soldout{opacity:.72}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-card-v2--soldout:after{content:"Rupture";position:absolute;top:.75rem;right:.75rem;z-index:3;padding:.25rem .5rem;border-radius:6px;background:#0f172ae0;border:1px solid rgba(148,163,184,.35);color:#e2e8f0;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-card-v2--sale{box-shadow:inset 0 0 0 1px #e11d4840}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .shopify-section--header,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header{--header-background: var(--lgk-bg-primary)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header{background:#0a0c10eb!important;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--lgk-border)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header__logo-image{filter:none}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header .predictive-search,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header [type=search],html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header input[type=search]{background:var(--lgk-surface)!important;border:1px solid var(--lgk-border-strong)!important;border-radius:var(--lgk-radius)!important;color:var(--lgk-text-primary)!important}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header input[type=search]:focus{border-color:var(--lgk-accent)!important;box-shadow:0 0 0 3px var(--lgk-accent-soft)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header__primary-nav a,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header__link-list a{font-weight:550;letter-spacing:.01em}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header__primary-nav a:hover{color:var(--lgk-cyan)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .footer,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .shopify-section--footer{background:#07090d!important;border-top:1px solid var(--lgk-border)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .footer a{color:var(--lgk-text-secondary);transition:color var(--lgk-duration) var(--lgk-ease)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .footer a:hover{color:var(--lgk-cyan)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .facets,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .collection{--facets-background: var(--lgk-surface)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .collection h1,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .main-collection h1{letter-spacing:-.03em;font-weight:650}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .shopify-section--main-product{--product-gallery-background: var(--lgk-surface)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-info .price{font-size:clamp(1.4rem,2vw,1.85rem);font-weight:750;letter-spacing:-.03em}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-form .button--primary{min-height:3.25rem;font-size:1rem}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .cart-drawer,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .drawer{background:var(--lgk-bg-secondary)!important;border-left:1px solid var(--lgk-border)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .cart-drawer .button--primary{width:100%;min-height:3.1rem}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) input,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) textarea,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) select{border-radius:var(--lgk-radius)!important}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .field__input,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .input,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) input:not([type=checkbox]):not([type=radio]),html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) textarea,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) select{background:var(--lgk-surface)!important;border:1px solid var(--lgk-border-strong)!important;color:var(--lgk-text-primary)!important}.lgk-v2-section{position:relative;padding:clamp(2.5rem,5vw,4.5rem) 0}.lgk-v2-shell{width:min(100% - 2rem,var(--lgk-max));margin-inline:auto}.lgk-v2-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;background:var(--lgk-accent-soft);border:1px solid rgba(37,99,235,.35);color:#93c5fd;font-size:.75rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.lgk-v2-title{margin:.75rem 0 .5rem;font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1.1;letter-spacing:-.035em;font-weight:700;color:#fff}.lgk-v2-lead{margin:0;max-width:42rem;color:var(--lgk-text-secondary);font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.55}.lgk-v2-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.lgk-v2-trust{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.5rem;padding:0;list-style:none}.lgk-v2-trust li{display:flex;align-items:center;gap:.4rem;color:var(--lgk-text-secondary);font-size:.85rem}.lgk-v2-trust li:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--lgk-cyan);box-shadow:0 0 10px #22d3ee8c}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .section-header h2,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .section-stack h2.h2,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .h2{letter-spacing:-.03em;font-weight:700}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .section-header{position:relative}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .section-header h2:after{content:"";display:block;width:3.5rem;height:3px;margin-top:.6rem;border-radius:999px;background:linear-gradient(90deg,var(--lgk-accent),var(--lgk-cyan))}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .section-header.text-center h2:after,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .text-center .section-header h2:after{margin-inline:auto}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .circle-button,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .prev-next-button{background:var(--lgk-surface)!important;border:1px solid var(--lgk-border-strong)!important;color:var(--lgk-text-primary)!important;transition:border-color var(--lgk-duration) var(--lgk-ease),background var(--lgk-duration) var(--lgk-ease),transform var(--lgk-duration) var(--lgk-ease)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .circle-button:hover,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .prev-next-button:hover{border-color:#2563eba6!important;background:var(--lgk-accent-soft)!important;transform:scale(1.05)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card .quick-buy-button,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .product-card__quick-buy .button{background:var(--lgk-accent)!important;color:#fff!important;border-radius:var(--lgk-radius-sm)!important;border:0!important;font-weight:650}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .price--highlight,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .price.on-sale{color:#fb7185!important}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .price--compare,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) s.price{color:var(--lgk-text-muted)!important;font-weight:400;font-size:.82em}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .announcement-bar,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .marquee{background:linear-gradient(90deg,#0b1220,#101b33,#0b1220)!important;border-bottom:1px solid rgba(37,99,235,.28);color:#bfdbfe!important;font-size:.8rem;letter-spacing:.03em}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header__primary-nav a{position:relative}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header__primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--lgk-accent),var(--lgk-cyan));transition:right .22s var(--lgk-ease)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header__primary-nav a:hover:after{right:0}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .header__cart-count,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .cart-count{background:var(--lgk-cyan)!important;color:#06121a!important;font-weight:750;box-shadow:0 0 10px #22d3ee80}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .newsletter,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .shopify-section--newsletter .section{background:radial-gradient(500px 200px at 85% 20%,rgba(37,99,235,.16),transparent 60%),var(--lgk-bg-secondary)!important;border-block:1px solid var(--lgk-border)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .article-card{--lgk-blog-card-pad: 1.15rem 1.2rem 1.25rem;display:grid;grid-template-rows:auto 1fr;align-content:stretch;gap:0;height:100%;background:linear-gradient(180deg,#151a24,#10151e);border:1px solid rgba(148,163,184,.14);border-radius:16px;overflow:hidden;box-shadow:0 10px 28px #00000047;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card:hover,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .article-card:hover{border-color:#38bdf86b;transform:translateY(-4px);box-shadow:0 16px 36px #00000061}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:#0b111a}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__media:after{content:"";position:absolute;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(16,21,30,.88) 100%)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__media--empty{display:grid;place-items:center;background:radial-gradient(420px 180px at 70% 20%,rgba(37,99,235,.22),transparent 60%),#0f1520}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__media-placeholder{font-size:2rem;opacity:.55}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card:hover .blog-post-card__image{transform:scale(1.045)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__info{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:.65rem;padding:var(--lgk-blog-card-pad);min-height:0}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .55rem}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__meta>*+:before{content:none}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__category{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:#0ea5e91f;color:#7dd3fc;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;line-height:1.2}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__category:hover{background:#0ea5e933;color:#bae6fd}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__date{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__title,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__title a{margin:0;color:#f1f5f9;font-size:clamp(1rem,1.15vw,1.125rem);font-weight:750;letter-spacing:-.015em;line-height:1.35;text-transform:none;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__title a:hover{color:#e0f2fe}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__excerpt{margin:0;color:#94a3b8;font-size:.875rem;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__read-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:.25rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:#0ea5e91a;color:#7dd3fc;font-size:.8rem;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,gap .2s ease}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__read-more:hover{background:#0ea5e933;border-color:#38bdf88c;color:#e0f2fe;gap:.55rem}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__read-more-arrow{font-size:.95em;line-height:1;transition:transform .2s ease}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__read-more:hover .blog-post-card__read-more-arrow{transform:translate(2px)}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-list{align-items:stretch}@media screen and (max-width:699px){html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card{--lgk-blog-card-pad: 1rem 1rem 1.1rem}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__title,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft):not(.lgk-storefront--candy-geekland) .blog-post-card__title a{font-size:1.02rem}}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) ::-webkit-scrollbar{width:12px;height:12px}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) ::-webkit-scrollbar-track{background:#0a0c10}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) ::-webkit-scrollbar-thumb{background:#263041;border-radius:999px;border:3px solid #0a0c10}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) ::-webkit-scrollbar-thumb:hover{background:#33415c}@keyframes lgkFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.lgk-cats-v2__card,.lgk-adv-v2__item{animation:lgkFadeUp .48s var(--lgk-ease) both;animation-timeline:view();animation-range:entry 0% entry 42%}}html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .shopify-section+.shopify-section{scroll-margin-top:90px}@media(prefers-reduced-motion:reduce){html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) *,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) *:before,html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html .lgk-card-v2__buy{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:.45rem;width:100%;position:relative;z-index:4;pointer-events:auto}html .lgk-card-v2__stock{font-size:.72rem;color:var(--lgk-text-muted, rgba(255, 255, 255, .65))}html .lgk-card-v2__stock--ok{color:var(--lgk-success, #4ade80);font-weight:650}html .lgk-card-v2__form,html .lgk-card-v2__form-el{display:block;width:100%;margin:0}html .lgk-card-v2__form,html .lgk-card-v2__cta,html .lgk-card-v2__cta-link{position:relative;z-index:5;pointer-events:auto!important}html .lgk-card-v2__cta,html .lgk-card-v2__cta-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.45rem .65rem;border-radius:var(--lgk-radius-sm, 8px);background:var(--lgk-accent, #7c3aed);color:#fff!important;font-size:.78rem;font-weight:650;text-decoration:none;border:0;cursor:pointer;appearance:none;-webkit-appearance:none;font-family:inherit;line-height:1.2}html .lgk-card-v2__cta:hover,html .lgk-card-v2__cta-link:hover{background:var(--lgk-accent-hover, #6d28d9);filter:brightness(1.05)}html .lgk-card-v2__cta:disabled{opacity:.55;cursor:not-allowed;filter:none} /*# sourceMappingURL=/cdn/shop/t/48/assets/lgk-design-system.css.map */ /* ===== lgk-home-v2.css ===== */ /** * Accueil V2 — sections hero, catégories, avantages, PC GothamDev */ /* ---- HERO ---- */ .lgk-hero-v2 { position: relative; min-height: clamp(520px, 78vh, 720px); display: grid; align-items: end; overflow: hidden; background: #07090d; } .lgk-hero-v2__media { position: absolute; inset: 0; } .lgk-hero-v2__media picture, .lgk-hero-v2__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .lgk-hero-v2__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7, 9, 13, 0.94) 0%, rgba(7, 9, 13, 0.72) 42%, rgba(7, 9, 13, 0.25) 100%), linear-gradient(0deg, rgba(7, 9, 13, 0.88) 0%, transparent 45%); pointer-events: none; } /* Trame technique subtile (grille hardware) */ .lgk-hero-v2__shade::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 75%, transparent 100%); -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 75%, transparent 100%); } /* Ligne d'énergie sous le hero */ .lgk-hero-v2::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; z-index: 3; background: linear-gradient(90deg, transparent 0%, #2563eb 25%, #22d3ee 50%, #7c3aed 75%, transparent 100%); opacity: 0.85; } .lgk-hero-v2__content { position: relative; z-index: 2; width: min(100% - 2rem, 1280px); margin: 0 auto; padding: clamp(5rem, 12vh, 8rem) 0 clamp(2.5rem, 6vh, 4rem); max-width: 40rem; } .lgk-hero-v2__title { margin: 0.85rem 0 0.75rem; font-size: clamp(2.1rem, 5.2vw, 3.6rem); line-height: 1.04; letter-spacing: -0.04em; font-weight: 780; color: #fff; text-wrap: balance; text-shadow: 0 2px 24px rgba(0, 0, 0, 0.55); } .lgk-hero-v2__title em { font-style: normal; background: linear-gradient(90deg, #60a5fa 0%, #22d3ee 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } .lgk-hero-v2__lead { margin: 0; color: #cbd5e1; font-size: clamp(1rem, 1.6vw, 1.2rem); line-height: 1.55; max-width: 34rem; } .lgk-hero-v2__cta { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.75rem; } .lgk-hero-v2__cta .button { min-height: 3rem; padding-inline: 1.35rem; } .lgk-hero-v2__cta .button--ghost { background: rgba(15, 23, 42, 0.55); border: 1px solid rgba(148, 163, 184, 0.35); color: #fff; border-radius: 10px; } .lgk-hero-v2__trust { display: flex; flex-wrap: wrap; gap: 0.6rem 1.1rem; margin: 1.75rem 0 0; padding: 0; list-style: none; } .lgk-hero-v2__trust li { color: #94a3b8; font-size: 0.82rem; display: inline-flex; align-items: center; gap: 0.4rem; } .lgk-hero-v2__trust li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #22d3ee; box-shadow: 0 0 10px rgba(34, 211, 238, 0.6); } @media (max-width: 699px) { .lgk-hero-v2 { min-height: 88vh; align-items: end; } .lgk-hero-v2__shade { background: linear-gradient(0deg, rgba(7, 9, 13, 0.95) 0%, rgba(7, 9, 13, 0.55) 45%, rgba(7, 9, 13, 0.35) 100%); } .lgk-hero-v2__content { max-width: none; padding-bottom: 2rem; } .lgk-hero-v2__cta .button { flex: 1 1 calc(50% - 0.5rem); justify-content: center; text-align: center; } } /* ---- CATEGORIES ---- */ .lgk-cats-v2 { padding: clamp(2.5rem, 5vw, 4rem) 0; background: #0a0c10; } .lgk-cats-v2__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; margin-top: 1.75rem; } @media (min-width: 900px) { .lgk-cats-v2__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } } .lgk-cats-v2__card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 160px; padding: 1.15rem; border-radius: 14px; overflow: hidden; border: 1px solid rgba(148, 163, 184, 0.14); background: #151a24; text-decoration: none; color: #fff; transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1), border-color 180ms ease, box-shadow 180ms ease; } .lgk-cats-v2__card:hover { transform: translateY(-3px); border-color: rgba(37, 99, 235, 0.5); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35); } .lgk-cats-v2__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.45; transition: opacity 220ms ease, transform 320ms ease; } .lgk-cats-v2__card:hover img { opacity: 0.6; transform: scale(1.05); } .lgk-cats-v2__card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7, 9, 13, 0.92) 0%, rgba(7, 9, 13, 0.2) 70%); pointer-events: none; } .lgk-cats-v2__label { position: relative; z-index: 1; font-size: 1.05rem; font-weight: 700; letter-spacing: -0.02em; display: flex; align-items: center; gap: 0.45rem; } .lgk-cats-v2__label::after { content: "→"; font-size: 0.95em; color: #22d3ee; opacity: 0; transform: translateX(-6px); transition: opacity 180ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1); } .lgk-cats-v2__card:hover .lgk-cats-v2__label::after { opacity: 1; transform: none; } /* Liseré lumineux en pied de carte catégorie */ .lgk-cats-v2__card::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; z-index: 2; background: linear-gradient(90deg, #2563eb, #22d3ee); opacity: 0; transition: opacity 200ms ease; } .lgk-cats-v2__card:hover::before { opacity: 1; } .lgk-cats-v2__sub { position: relative; z-index: 1; margin-top: 0.2rem; color: #94a3b8; font-size: 0.82rem; } /* ---- ADVANTAGES ---- */ .lgk-adv-v2 { padding: clamp(2.5rem, 5vw, 4rem) 0; background: #11151f; border-block: 1px solid rgba(148, 163, 184, 0.1); } .lgk-adv-v2__grid { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-top: 1.75rem; } @media (min-width: 700px) { .lgk-adv-v2__grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1000px) { .lgk-adv-v2__grid { grid-template-columns: repeat(4, 1fr); } } .lgk-adv-v2__item { padding: 1.25rem; border-radius: 14px; background: #151a24; border: 1px solid rgba(148, 163, 184, 0.12); } .lgk-adv-v2__icon { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: 8px; background: rgba(37, 99, 235, 0.16); color: #93c5fd; font-size: 1rem; font-weight: 700; margin-bottom: 0.85rem; } .lgk-adv-v2__item h3 { margin: 0 0 0.4rem; font-size: 1rem; letter-spacing: -0.02em; } .lgk-adv-v2__item p { margin: 0; color: #94a3b8; font-size: 0.88rem; line-height: 1.45; } /* ---- PC GOTHAMDEV ---- */ .lgk-pcgd-v2 { padding: clamp(2.75rem, 5vw, 4.5rem) 0; background: radial-gradient(700px 280px at 90% 20%, rgba(124, 58, 237, 0.18), transparent 60%), radial-gradient(600px 260px at 10% 80%, rgba(37, 99, 235, 0.16), transparent 55%), #0a0c10; } .lgk-pcgd-v2__panel { position: relative; display: grid; gap: 1.75rem; padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: 20px; border: 1px solid rgba(148, 163, 184, 0.16); background: linear-gradient(135deg, rgba(21, 26, 36, 0.95), rgba(17, 21, 31, 0.9)); overflow: hidden; } /* Lueur d'angle du panneau GothamDev */ .lgk-pcgd-v2__panel::before { content: ""; position: absolute; top: -120px; right: -120px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(124, 58, 237, 0.28), transparent 65%); pointer-events: none; } @media (min-width: 900px) { .lgk-pcgd-v2__panel { grid-template-columns: 1.1fr 0.9fr; align-items: center; } } .lgk-pcgd-v2__list { margin: 1.25rem 0 0; padding: 0; list-style: none; display: grid; gap: 0.55rem; } .lgk-pcgd-v2__list li { display: flex; gap: 0.55rem; color: #cbd5e1; font-size: 0.95rem; } .lgk-pcgd-v2__list li::before { content: "✓"; color: #22d3ee; font-weight: 700; } .lgk-pcgd-v2__visual { min-height: 240px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(148, 163, 184, 0.14); background: #121722; } .lgk-pcgd-v2__visual img { width: 100%; height: 100%; object-fit: cover; display: block; } /* ---- UNIVERS SECONDAIRES ---- */ .lgk-sec-v2 { padding: clamp(2.25rem, 4vw, 3.5rem) 0; background: #11151f; } .lgk-sec-v2__row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-top: 1.5rem; } @media (min-width: 800px) { .lgk-sec-v2__row { grid-template-columns: repeat(5, 1fr); } } .lgk-sec-v2__link { display: flex; align-items: center; justify-content: center; min-height: 72px; padding: 0.85rem; text-align: center; text-decoration: none; color: #e2e8f0; font-weight: 600; font-size: 0.9rem; border-radius: 12px; border: 1px solid rgba(148, 163, 184, 0.12); background: #151a24; transition: border-color 160ms ease, color 160ms ease; } .lgk-sec-v2__link:hover { border-color: rgba(34, 211, 238, 0.45); color: #22d3ee; } /* ========== Hero boutique (2/3 + côtés) ========== */ .lgk-hero-shop { display: grid; gap: 0.75rem; padding: 0.75rem clamp(0.75rem, 2vw, 1.25rem) 0; max-width: 1400px; margin: 0 auto; } @media (min-width: 900px) { .lgk-hero-shop { grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); gap: 0.85rem; min-height: 420px; } } .lgk-hero-shop__main { position: relative; border-radius: 16px; overflow: hidden; min-height: 320px; border: 1px solid rgba(148, 163, 184, 0.14); } .lgk-hero-shop__media, .lgk-hero-shop__media img, .lgk-hero-shop__media picture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .lgk-hero-shop__fallback { position: absolute; inset: 0; background: radial-gradient(700px 320px at 70% 30%, rgba(37,99,235,.35), transparent), linear-gradient(135deg,#0a0c10,#151a24); } .lgk-hero-shop__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,9,13,.92) 0%, rgba(7,9,13,.55) 48%, rgba(7,9,13,.2) 100%), linear-gradient(0deg, rgba(7,9,13,.75) 0%, transparent 50%); } .lgk-hero-shop__content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; gap: 0.65rem; min-height: 320px; padding: clamp(1.1rem, 3vw, 2rem); color: #fff; } .lgk-hero-shop__title { margin: 0; font-size: clamp(1.65rem, 4.2vw, 2.75rem); line-height: 1.08; letter-spacing: -0.03em; font-weight: 750; text-wrap: balance; } .lgk-hero-shop__lead { margin: 0; max-width: 36rem; color: #cbd5e1; font-size: clamp(0.92rem, 1.6vw, 1.05rem); } .lgk-hero-shop__cta { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.25rem; } .lgk-hero-shop__trust { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; margin: 0.35rem 0 0; padding: 0; list-style: none; font-size: 0.78rem; color: #94a3b8; } .lgk-hero-shop__price-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.55rem 0.85rem; } .lgk-hero-shop__badge { display: inline-flex; padding: 0.2rem 0.55rem; border-radius: 999px; background: #e11d48; color: #fff; font-size: 0.72rem; font-weight: 700; } .lgk-hero-shop__product-link { color: #e2e8f0; text-decoration: none; font-weight: 600; font-size: 0.9rem; } .lgk-hero-shop__price { margin: 0; font-size: 1.15rem; font-weight: 750; color: #fff; } .lgk-hero-shop__price s { margin-left: 0.4rem; color: #94a3b8; font-weight: 500; font-size: 0.85em; } .lgk-hero-shop__avail { font-size: 0.78rem; color: #94a3b8; } .lgk-hero-shop__avail--ok { color: #22c55e; } .lgk-hero-shop__sides { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; } @media (min-width: 900px) { .lgk-hero-shop__sides { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; } } .lgk-hero-shop__side { position: relative; display: flex; align-items: flex-end; min-height: 110px; border-radius: 14px; overflow: hidden; text-decoration: none; border: 1px solid rgba(148,163,184,.14); background: #151a24; } .lgk-hero-shop__side img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .lgk-hero-shop__side::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,9,13,.88), transparent 55%); } .lgk-hero-shop__side-label { position: relative; z-index: 1; padding: 0.85rem; color: #fff; font-weight: 700; font-size: 0.95rem; } /* Grille produits accueil */ .lgk-grid-v2__head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; } .lgk-grid-v2__all { color: #60a5fa; text-decoration: none; font-weight: 600; white-space: nowrap; } .lgk-grid-v2__products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; } @media (min-width: 900px) { .lgk-grid-v2__products { grid-template-columns: repeat(var(--products-per-row, 4), minmax(0, 1fr)); } } /* Mosaïque composants */ .lgk-comp-v2__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.65rem; margin-top: 1.15rem; } @media (min-width: 700px) { .lgk-comp-v2__grid { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1000px) { .lgk-comp-v2__grid { grid-template-columns: repeat(6, 1fr); } } .lgk-comp-v2__card { display: flex; flex-direction: column; align-items: center; gap: 0.55rem; padding: 0.85rem 0.5rem; text-align: center; text-decoration: none; color: #e2e8f0; font-weight: 650; font-size: 0.82rem; border-radius: 12px; border: 1px solid rgba(148,163,184,.12); background: #151a24; transition: border-color 160ms ease, transform 160ms ease; } .lgk-comp-v2__card img { width: 64px; height: 64px; object-fit: contain; } .lgk-comp-v2__card:hover { border-color: rgba(37,99,235,.5); transform: translateY(-2px); } /* Aide choix — compacte */ .lgk-help-v2__panel { max-width: 720px; margin-inline: auto; text-align: center; padding: 1.5rem; border-radius: 14px; border: 1px solid rgba(148,163,184,.12); background: #151a24; } .lgk-help-v2__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin-top: 1rem; } .lgk-hero-shop__secondary { margin: 0.15rem 0 0; font-size: 0.82rem; } .lgk-hero-shop__secondary a { color: #94a3b8; text-decoration: underline; text-underline-offset: 0.18em; } .lgk-hero-shop__secondary a:hover { color: #cbd5e1; } /* Avis accueil — compact */ .lgk-reviews-v2__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem 1.5rem; align-items: flex-end; } .lgk-reviews-v2__score { display: grid; gap: 0.15rem; text-align: right; } .lgk-reviews-v2__rating { font-size: 1.75rem; font-weight: 800; color: #fff; line-height: 1; } .lgk-reviews-v2__meta { font-size: 0.82rem; color: #94a3b8; } .lgk-reviews-v2__tp { font-size: 0.78rem; color: #22d3ee; text-decoration: none; } .lgk-reviews-v2__sources { margin: 0.75rem 0 0; font-size: 0.78rem; color: #64748b; } .lgk-reviews-v2__list { display: grid; gap: 0.75rem; margin: 1.25rem 0 0; padding: 0; list-style: none; } @media (min-width: 900px) { .lgk-reviews-v2__list { grid-template-columns: repeat(3, 1fr); } } .lgk-reviews-v2__item { padding: 1rem; border-radius: 12px; border: 1px solid rgba(148,163,184,.12); background: #151a24; } .lgk-reviews-v2__stars { color: #00b67a; letter-spacing: 0.05em; font-size: 0.85rem; } .lgk-reviews-v2__item-title { margin: 0.35rem 0 0; font-weight: 650; color: #e2e8f0; font-size: 0.9rem; } .lgk-reviews-v2__item-text { margin: 0.35rem 0 0; color: #94a3b8; font-size: 0.82rem; line-height: 1.45; } .lgk-reviews-v2__item-author { margin: 0.5rem 0 0; font-size: 0.75rem; color: #64748b; } .lgk-footer-hub--shop { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 900px) { .lgk-footer-hub--shop { grid-template-columns: repeat(5, minmax(0, 1fr)); } } /* ===== lgk-home-collections-hub.css ===== */ /* LGK — Hub catégories accueil (grille premium, peu d’items) */ :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) { --lgk-hub-min: 9.5rem; --lgk-hub-img-ratio: 1; --lgk-hub-card-gap: 0.55rem; --lgk-hub-label-fs: 0.7rem; --lgk-hub-label-lh: 1.2; --lgk-hub-card-pad: 0.4rem; --lgk-hub-accent: 167 139 250; --lgk-hub-gaming: 52 211 153; } .lgk-home-collections-hub__shell { width: 100%; max-width: none; margin-inline: 0; padding-inline: max(var(--container-gutter), 1rem); box-sizing: border-box; } @media screen and (min-width: 1100px) { :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-home-collections-hub__shell { width: 100%; max-width: none; padding-inline: clamp(1.25rem, 2.5vw, 3.5rem); } } .lgk-home-collections-hub__header { max-width: 40rem; margin-inline: auto; padding-block-end: 0.5rem; } .lgk-home-collections-hub__badge { display: inline-flex; align-items: center; gap: 0.35rem; margin: 0; padding: 0.4rem 0.85rem; border-radius: 999px; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(var(--lgk-hub-gaming)); background: rgb(var(--lgk-hub-gaming) / 0.12); border: 1px solid rgb(var(--lgk-hub-gaming) / 0.35); } .lgk-home-collections-hub__title { margin: 0.9rem 0 0; font-size: clamp(1.55rem, 3.4vw, 2.15rem); font-weight: 800; line-height: 1.12; letter-spacing: -0.025em; } .lgk-home-collections-hub__intro { margin-block-start: 0.8rem; color: rgb(var(--text-color) / 0.72); font-size: clamp(0.9rem, 1.6vw, 1.05rem); line-height: 1.55; } .lgk-home-collections-hub__hint { margin: 0.7rem 0 0; font-size: 0.78rem; color: rgb(var(--text-color) / 0.48); } .lgk-home-collections-hub__actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem 1.5rem; margin-block-start: 1.85rem; padding-block-start: 1rem; border-block-start: 1px solid rgb(var(--text-color) / 0.1); } /* Annuaire hub */ :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-collections-directory { width: 100%; gap: 1.5rem; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-collections-directory__featured { margin-block-end: 0; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured { margin-block-end: 0; padding: clamp(1.15rem, 2.4vw, 1.75rem); border-radius: 22px; border: 1px solid rgb(var(--lgk-hub-gaming) / 0.42); background: radial-gradient(ellipse 85% 70% at 100% 0%, rgb(var(--lgk-hub-gaming) / 0.2), transparent 58%), radial-gradient(ellipse 55% 45% at 0% 100%, rgb(var(--lgk-hub-accent) / 0.12), transparent 52%), rgb(6 78 59 / 0.32); box-shadow: 0 18px 48px rgb(0 0 0 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.06); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured__head { display: grid; gap: 0.4rem; margin-block-end: 1.15rem; text-align: center; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured__title { font-size: clamp(1.2rem, 2.5vw, 1.6rem); font-weight: 800; letter-spacing: -0.02em; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured__desc { max-width: 42ch; margin-inline: auto; font-size: 0.92rem; color: rgb(var(--text-color) / 0.7); } /* Grille CSS — pleine largeur (écrase lgk-seo-boost inline-flex) */ :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track-outer:has(> .lgk-mesh-bubble-track--hub-grid), :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured .lgk-mesh-bubble-track-outer { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: unset !important; } /* Aucun fondu / mask sur le hub — les dernières catégories restent nettes */ :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track-outer, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__panel { -webkit-mask-image: none !important; mask-image: none !important; mask: none !important; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track--hub-grid, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track-outer > .lgk-mesh-bubble-track--hub-grid { display: grid !important; /* Mobile-first : 4 colonnes (tuiles compactes) — pas 2/3 trop larges */ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: var(--lgk-hub-card-gap) !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; overflow-x: visible !important; mask-image: none !important; -webkit-mask-image: none !important; mask: none !important; scroll-snap-type: none !important; flex-flow: unset !important; flex-wrap: unset !important; justify-content: stretch !important; align-content: stretch !important; align-items: stretch !important; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track--scrollable::after { display: none !important; content: none !important; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble.lgk-mesh-bubble--hub-card { display: flex !important; flex: unset !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: auto !important; margin: 0 !important; } @media screen and (min-width: 1100px) { :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track--hub-grid, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track-outer > .lgk-mesh-bubble-track--hub-grid { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured--geek .lgk-mesh-bubble-track--hub-grid { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured--geek { margin-block-start: 1rem; border-color: rgb(var(--lgk-hub-accent) / 0.4); background: radial-gradient(ellipse 85% 70% at 0% 0%, rgb(var(--lgk-hub-accent) / 0.22), transparent 58%), radial-gradient(ellipse 55% 45% at 100% 100%, rgb(167 139 250 / 0.1), transparent 52%), rgb(30 20 55 / 0.35); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured--geek .lgk-mesh-featured__badge { color: rgb(var(--lgk-hub-accent)); background: rgb(var(--lgk-hub-accent) / 0.14); border-color: rgb(var(--lgk-hub-accent) / 0.35); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; max-width: none; min-width: 0; height: auto; min-height: 100%; gap: 0.55rem; padding: var(--lgk-hub-card-pad); border-radius: 16px; border: 1px solid rgb(var(--lgk-hub-accent) / 0.22); background: linear-gradient(180deg, rgb(255 255 255 / 0.05), transparent 42%), rgb(0 0 0 / 0.38); text-decoration: none; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card:hover, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card:focus-visible { transform: translateY(-3px); border-color: rgb(var(--lgk-hub-accent) / 0.55); box-shadow: 0 12px 28px rgb(0 0 0 / 0.38); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured .lgk-mesh-bubble--hub-card { border-color: rgb(var(--lgk-hub-gaming) / 0.28); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured .lgk-mesh-bubble--hub-card:hover, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured .lgk-mesh-bubble--hub-card:focus-visible { border-color: rgb(var(--lgk-hub-gaming) / 0.7); box-shadow: 0 12px 30px rgb(var(--lgk-hub-gaming) / 0.14); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card .lgk-mesh-bubble__visual, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured .lgk-mesh-bubble--hub-card .lgk-mesh-bubble__visual { flex: 0 0 auto; width: 100% !important; aspect-ratio: var(--lgk-hub-img-ratio) !important; height: auto !important; border-radius: 12px !important; border: 0 !important; overflow: hidden; background: radial-gradient(circle at 50% 40%, rgb(255 255 255 / 0.08), transparent 65%), rgb(0 0 0 / 0.5); box-shadow: none !important; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card .lgk-mesh-bubble__photo { width: 100%; height: 100%; object-fit: cover; object-position: center; image-rendering: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: transform 0.28s ease; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card:hover .lgk-mesh-bubble__photo { transform: scale(1.05); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card .lgk-mesh-bubble__label { flex: 1 1 auto; width: 100%; margin: 0; padding: 0 0.15rem 0.15rem; font-size: var(--lgk-hub-label-fs) !important; font-weight: 650; line-height: var(--lgk-hub-label-lh); text-align: center; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; word-break: break-word; color: rgb(255 255 255 / 0.94); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card.is-height-equalized .lgk-mesh-bubble__label { display: -webkit-box !important; align-items: unset; justify-content: unset; } /* Accordéons */ :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-collections-directory__groups { display: grid; gap: 0.7rem; margin-block-start: 0.35rem; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion { border-radius: 16px; border: 1px solid rgb(255 255 255 / 0.1); background: rgb(255 255 255 / 0.03); overflow: hidden; transition: border-color 0.2s ease, background 0.2s ease; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion[open] { border-color: rgb(var(--lgk-hub-accent) / 0.35); background: rgb(var(--lgk-hub-accent) / 0.06); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__summary { padding: 1rem 1.15rem; cursor: pointer; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__title { font-size: clamp(0.9rem, 1.8vw, 1.05rem); font-weight: 700; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__panel { padding: 0 1rem 1.15rem; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__panel .lgk-mesh-bubble-track--hub-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } @media screen and (min-width: 700px) { :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__panel .lgk-mesh-bubble-track--hub-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__panel-link { margin: 0 0 0.9rem; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__link { font-size: 0.75rem; font-weight: 650; color: rgb(var(--lgk-hub-accent)); text-decoration: none; white-space: nowrap; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__link:hover { text-decoration: underline; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card.lgk-mesh-bubble { flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; } @media screen and (min-width: 700px) { :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) { --lgk-hub-card-gap: 0.65rem; --lgk-hub-label-fs: 0.72rem; --lgk-hub-card-pad: 0.45rem; } } @media screen and (max-width: 699px) { :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) { --lgk-hub-min: 4.5rem; --lgk-hub-card-gap: 0.35rem; --lgk-hub-label-fs: 0.58rem; --lgk-hub-label-lh: 1.15; --lgk-hub-card-pad: 0.28rem; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-home-collections-hub__shell { padding-inline: max(0.75rem, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)); } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured { padding: 0.85rem 0.7rem 0.95rem; border-radius: 14px; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured__head { margin-block-end: 0.75rem; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card { gap: 0.35rem; border-radius: 12px; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble--hub-card .lgk-mesh-bubble__visual, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-featured .lgk-mesh-bubble--hub-card .lgk-mesh-bubble__visual { border-radius: 9px !important; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track--hub-grid, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track-outer > .lgk-mesh-bubble-track--hub-grid, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__panel .lgk-mesh-bubble-track--hub-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } /* Très petit écran : 3 colonnes pour garder des labels lisibles */ @media screen and (max-width: 359px) { :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track--hub-grid, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track-outer > .lgk-mesh-bubble-track--hub-grid, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-accordion__panel .lgk-mesh-bubble-track--hub-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) { --lgk-hub-label-fs: 0.62rem; } } /* Rayons Gaming Zone — reclassement visuel, sans retirer de cartes */ :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-hub-classif { display: flex; flex-direction: column; gap: 1.75rem; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-hub-classif__group { padding-top: 0.15rem; } :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-hub-classif__title { margin: 0 0 0.85rem; padding: 0.15rem 0 0.45rem 0.85rem; border-left: 3px solid #2dd4bf; font-size: clamp(0.92rem, 1.15vw, 1.08rem); font-weight: 800; letter-spacing: 0.12em; line-height: 1.25; text-transform: uppercase; color: #f1f5f9; text-shadow: 0 1px 0 rgb(0 0 0 / 0.35); } /* ===== lgk-collections-page.css ===== */ /* Page /collections — toutes boutiques */ .lgk-collections-page { --lgk-cp-accent: #00d4aa; --lgk-cp-ink: #f4f7f6; --lgk-cp-muted: rgba(244, 247, 246, 0.68); --lgk-cp-line: rgba(255, 255, 255, 0.12); --lgk-cp-surface: rgba(255, 255, 255, 0.04); padding-block: 0.5rem 2.5rem; } .lgk-collections-page__hero { display: grid; gap: 1.35rem; margin: 0 0 1.75rem; padding: 1.35rem 1.25rem 1.45rem; border: 1px solid var(--lgk-cp-line); border-radius: 1.1rem; background: radial-gradient(120% 90% at 0% 0%, rgba(0, 212, 170, 0.16), transparent 55%), radial-gradient(90% 80% at 100% 0%, rgba(56, 189, 248, 0.1), transparent 50%), linear-gradient(165deg, #12151a 0%, #0a0c0f 100%); } .lgk-collections-page__hero--sister { background: radial-gradient(110% 80% at 8% 0%, rgba(255, 255, 255, 0.08), transparent 55%), linear-gradient(165deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2)); border-color: rgba(255, 255, 255, 0.14); } @media (min-width: 900px) { .lgk-collections-page__hero { grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 0.9fr); align-items: end; padding: 1.6rem 1.6rem 1.7rem; } } .lgk-collections-page__eyebrow { margin: 0; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lgk-cp-accent); } .lgk-collections-page__title { margin: 0.35rem 0 0; font-size: clamp(1.75rem, 3.2vw, 2.45rem); line-height: 1.12; letter-spacing: -0.03em; color: var(--lgk-cp-ink); } .lgk-collections-page__lead { margin: 0.55rem 0 0; max-width: 38rem; font-size: 0.98rem; line-height: 1.5; color: var(--lgk-cp-muted); } .lgk-collections-page__stats { display: flex; flex-wrap: wrap; gap: 0.35rem 0.55rem; margin: 0.85rem 0 0; font-size: 0.86rem; color: var(--lgk-cp-muted); } .lgk-collections-page__stats strong { color: var(--lgk-cp-ink); font-weight: 700; } .lgk-collections-page__stats-sep { opacity: 0.45; } .lgk-collections-page__hero-tools { display: grid; gap: 0.85rem; } .lgk-collections-page__search { display: grid; grid-template-columns: 1fr auto; gap: 0.45rem; padding: 0.35rem; border-radius: 999px; border: 1px solid var(--lgk-cp-line); background: rgba(0, 0, 0, 0.35); } .lgk-collections-page__search input { min-width: 0; border: 0; background: transparent; color: var(--lgk-cp-ink); padding: 0.65rem 0.9rem; font: inherit; outline: none; } .lgk-collections-page__search input::placeholder { color: rgba(244, 247, 246, 0.45); } .lgk-collections-page__search button { border: 0; border-radius: 999px; padding: 0.65rem 1.05rem; font: inherit; font-weight: 700; cursor: pointer; color: #04120e; background: var(--lgk-cp-accent); } .lgk-collections-page__search button:hover { filter: brightness(1.06); } .lgk-collections-page__hero-links { display: flex; flex-wrap: wrap; gap: 0.65rem 0.9rem; align-items: center; justify-content: flex-end; } .lgk-collections-page__ghost-link { color: var(--lgk-cp-muted); text-decoration: none; font-size: 0.9rem; } .lgk-collections-page__ghost-link:hover { color: var(--lgk-cp-ink); } .lgk-collections-page__primary-link { display: inline-flex; align-items: center; padding: 0.55rem 0.95rem; border-radius: 999px; border: 1px solid rgba(0, 212, 170, 0.35); background: rgba(0, 212, 170, 0.12); color: var(--lgk-cp-accent); text-decoration: none; font-size: 0.88rem; font-weight: 700; } .lgk-collections-page__primary-link:hover { background: rgba(0, 212, 170, 0.2); } .lgk-collections-page__section { margin-top: 1.75rem; } .lgk-collections-page__section-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem 1rem; align-items: end; margin-bottom: 0.95rem; } .lgk-collections-page__section-head h2 { margin: 0.2rem 0 0; font-size: clamp(1.2rem, 2vw, 1.55rem); letter-spacing: -0.02em; } .lgk-collections-page__section-head p { margin: 0; color: var(--lgk-cp-muted); font-size: 0.9rem; } .lgk-catalog-more { margin-top: 1.75rem; border: 1px solid var(--lgk-cp-line); border-radius: 1rem; background: var(--lgk-cp-surface); overflow: hidden; } .lgk-catalog-more__summary { list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem 1rem; align-items: center; padding: 1rem 1.15rem; font-weight: 700; } .lgk-catalog-more__summary::-webkit-details-marker { display: none; } .lgk-catalog-more__summary::after { content: "Afficher"; font-size: 0.8rem; font-weight: 600; color: var(--lgk-cp-accent); } .lgk-catalog-more[open] .lgk-catalog-more__summary::after { content: "Masquer"; } .lgk-catalog-more__body { padding: 0 1.15rem 1.2rem; } .lgk-catalog-more__hint { margin: 0 0 0.85rem; font-size: 0.88rem; color: var(--lgk-cp-muted); } /* Hub cards on /collections */ .lgk-collections-directory--hub .lgk-mesh-bubble--hub-card { position: relative; } .lgk-collections-directory--hub .lgk-mesh-bubble__count { position: absolute; top: 0.45rem; right: 0.45rem; z-index: 2; padding: 0.2rem 0.45rem; border-radius: 999px; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.02em; color: #04120e; background: rgba(0, 212, 170, 0.92); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .lgk-collections-directory--hub .lgk-mesh-featured__meta { margin: 0.35rem 0 0; font-size: 0.84rem; color: rgba(255, 255, 255, 0.55); } .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ===== lgk-newsletter-cta.css ===== */ .lgk-nl-cta{display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0;border:none;font:inherit;text-align:inherit;color:inherit;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden}.lgk-nl-cta *,.lgk-nl-cta *:before,.lgk-nl-cta *:after{box-sizing:border-box}.lgk-nl-cta:focus-visible{outline:2px solid #00d4aa;outline-offset:3px}.lgk-nl-cta__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;max-width:100%;padding:.35rem .75rem;border-radius:999px;background:linear-gradient(135deg,#00d4aa,#00a884);color:#0a0e14;font-size:clamp(.82rem,2.8vw,.95rem);font-weight:800;letter-spacing:.03em;line-height:1;box-shadow:0 4px 16px #00d4aa59}.lgk-nl-cta__badge--sm{min-width:auto;font-size:.82rem;padding:.28rem .6rem}.lgk-nl-cta--banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,2vw,1.25rem);width:100%;max-width:100%;padding:clamp(.85rem,2vw,1.2rem) clamp(.9rem,2.5vw,1.35rem);border-radius:1rem;border:1px solid rgb(0 212 170 / .35);background:linear-gradient(135deg,#00d4aa24,#1389e914),rgb(var(--background));box-shadow:0 8px 28px #0000002e;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.lgk-nl-cta--banner:hover{transform:translateY(-2px);border-color:#00d4aa8c;box-shadow:0 12px 32px #00d4aa26}.lgk-nl-cta__body{display:flex;flex-direction:column;gap:.2rem;min-width:0;max-width:100%;text-align:start}.lgk-nl-cta__title{font-size:clamp(.92rem,1.6vw,1.08rem);font-weight:700;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.lgk-nl-cta__subtitle{font-size:clamp(.76rem,1.2vw,.88rem);line-height:1.45;opacity:.88;overflow-wrap:anywhere;word-break:break-word}.lgk-nl-cta__subtitle strong{color:#00d4aa;font-weight:700}.lgk-nl-cta__action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex-shrink:0;max-width:100%;padding:.55rem .95rem;border-radius:999px;background:#00d4aa26;border:1px solid rgb(0 212 170 / .4);color:#00d4aa;font-size:clamp(.76rem,1.2vw,.82rem);font-weight:650;white-space:nowrap;transition:background .25s ease,color .25s ease}.lgk-nl-cta__action-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.lgk-nl-cta--banner:hover .lgk-nl-cta__action{background:#00d4aa;color:#0a0e14}.lgk-nl-cta__arrow{font-size:1.05rem;line-height:1;flex-shrink:0;transition:transform .25s ease}.lgk-nl-cta:hover .lgk-nl-cta__arrow{transform:translate(3px)}.lgk-nl-cta--strip{width:100%;max-width:100%;border-radius:.85rem;border:1px dashed rgb(0 212 170 / .45);background:linear-gradient(90deg,#00d4aa1a,#1389e90f);transition:border-color .25s ease,background .25s ease}.lgk-nl-cta--strip:hover{border-color:#00d4aab3;background:linear-gradient(90deg,#00d4aa29,#1389e91a)}.lgk-nl-cta__strip-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .85rem;padding:clamp(.7rem,2vw,.85rem) clamp(.75rem,2.5vw,1rem);text-align:center;min-width:0}.lgk-nl-cta__strip-text{flex:1 1 12rem;min-width:0;max-width:100%;font-size:clamp(.76rem,1.2vw,.88rem);line-height:1.4;overflow-wrap:anywhere}.lgk-nl-cta__strip-text strong{font-weight:700}.lgk-nl-cta__strip-cta{flex:0 1 auto;font-size:clamp(.76rem,1.2vw,.82rem);font-weight:650;color:#00d4aa;white-space:nowrap}.lgk-nl-cta--compact{display:flex;align-items:center;gap:clamp(.55rem,2vw,.75rem);width:100%;max-width:100%;margin-block-start:.85rem;padding:clamp(.7rem,2vw,.8rem) clamp(.75rem,2vw,.95rem);border-radius:.85rem;border:1px solid rgb(0 212 170 / .3);background:#00d4aa12;text-align:start;transition:border-color .25s ease,background .25s ease}.lgk-nl-cta--compact:hover{border-color:#00d4aa8c;background:#00d4aa1f}.lgk-nl-cta__compact-text{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.lgk-nl-cta--compact .lgk-nl-cta__title{font-size:clamp(.82rem,2.5vw,.88rem)}.lgk-nl-cta--compact .lgk-nl-cta__subtitle{font-size:clamp(.72rem,2.2vw,.78rem)}.lgk-nl-cta--collection{margin-block:.85rem 1.15rem}.lgk-nl-cta--product{margin-block-start:.85rem}.lgk-nl-cta-section{width:100%;max-width:100%;overflow-x:clip}.lgk-nl-cta-section .container{max-width:100%}.lgk-marquee__link{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700;pointer-events:auto;position:relative;z-index:2}.lgk-marquee__link:hover,.lgk-marquee__link:focus-visible{opacity:.88}.lgk-marquee__newsletter-cta{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;padding:0;margin:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease;pointer-events:auto;position:relative;z-index:2;touch-action:manipulation}newsletter-popup.newsletter-popup,newsletter-popup.pop-in,.pop-in.newsletter-popup{z-index:6000!important;box-sizing:border-box;max-width:min(calc(100vw - 1.5rem),28rem)!important;max-height:min(92dvh,40rem);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;inset-inline:max(.75rem,env(safe-area-inset-left,0px)) max(.75rem,env(safe-area-inset-right,0px))!important;inset-block-end:max(.75rem,env(safe-area-inset-bottom,0px))!important}newsletter-popup[open],.pop-in[open],newsletter-popup.newsletter-popup[open]{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.newsletter-popup__inner{max-width:100%}.lgk-marquee__newsletter-cta:hover,.lgk-marquee__newsletter-cta:focus-visible{opacity:.92}.lgk-marquee__newsletter-cta strong{font-weight:800}@media(max-width:999px){.lgk-nl-cta--banner{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badge body" "action action"}.lgk-nl-cta--banner>.lgk-nl-cta__badge{grid-area:badge;align-self:start}.lgk-nl-cta--banner>.lgk-nl-cta__body{grid-area:body}.lgk-nl-cta--banner>.lgk-nl-cta__action{grid-area:action;width:100%;justify-content:center}}@media(max-width:749px){.lgk-nl-cta--banner{grid-template-columns:1fr;grid-template-areas:"badge" "body" "action";justify-items:center;text-align:center;gap:.65rem;padding:.9rem .85rem}.lgk-nl-cta--banner>.lgk-nl-cta__badge{align-self:center}.lgk-nl-cta__body{text-align:center;width:100%}.lgk-nl-cta__action{width:100%;white-space:normal;text-wrap:balance}.lgk-nl-cta__strip-inner{flex-direction:column;align-items:center;gap:.55rem;padding:.85rem .75rem}.lgk-nl-cta__strip-text{flex-basis:auto;width:100%}.lgk-nl-cta__strip-cta{white-space:normal}.lgk-nl-cta--compact{align-items:flex-start;gap:.65rem;padding:.75rem}.lgk-nl-cta--compact .lgk-nl-cta__arrow{margin-block-start:.15rem}.lgk-nl-cta--collection{margin-block:.75rem 1rem}newsletter-popup.newsletter-popup,newsletter-popup.pop-in,.pop-in.newsletter-popup{width:min(calc(100vw - 1.25rem),28rem)!important;max-height:min(88dvh,36rem);padding:0!important}}@media(max-width:379px){.lgk-nl-cta--banner{padding:.8rem .7rem}.lgk-nl-cta__badge{min-width:2.85rem;padding:.3rem .6rem}.lgk-nl-cta__action{padding:.5rem .75rem;font-size:.74rem}}@media(prefers-reduced-motion:reduce){.lgk-nl-cta--banner,.lgk-nl-cta__action,.lgk-nl-cta__arrow{transition:none}.lgk-nl-cta--banner:hover{transform:none}} /*# sourceMappingURL=/cdn/shop/t/48/assets/lgk-newsletter-cta.css.map */ /* ===== lgk-footer.css ===== */ .lgk-footer{--lgk-footer-accent: #00fff0;--lgk-footer-accent-dim: rgb(0 255 240 / .35)}.lgk-footer .footer__inner{row-gap:clamp(1.75rem,4vw,2.75rem)}.lgk-footer__trust{padding-block:.4rem;margin-bottom:.65rem;border-bottom:1px solid rgb(var(--text-color) / .1)}.lgk-footer__trust-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .75rem;margin:0;padding:0;list-style:none}@media screen and (min-width:700px){.lgk-footer__trust-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem .75rem}}.lgk-footer__trust-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;line-height:1.2;color:rgb(var(--text-color) / .88)}.lgk-footer__trust-item a{color:inherit;text-decoration:none;transition:color .2s ease}.lgk-footer__trust-item a:hover{color:var(--lgk-footer-accent)}.lgk-footer__trust-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:8px;font-size:.8rem;border:1px solid transparent}.lgk-footer__trust-item:nth-child(1) .lgk-footer__trust-ico{background:#38bdf824;border-color:#38bdf847}.lgk-footer__trust-item:nth-child(2) .lgk-footer__trust-ico{background:#4ade8024;border-color:#4ade8047}.lgk-footer__trust-item:nth-child(3) .lgk-footer__trust-ico{background:#00fff01f;border-color:#00fff047}.lgk-footer__trust-item:nth-child(4) .lgk-footer__trust-ico{background:#facc1524;border-color:#facc1547}.lgk-footer__body{display:grid;gap:clamp(1.5rem,3vw,2.5rem);width:100%}@media screen and (min-width:1000px){.lgk-footer__body--tabs{grid-template-columns:minmax(11rem,15rem) minmax(0,1fr);align-items:start;column-gap:clamp(2rem,4vw,3.5rem)}}.lgk-footer__brand{display:flex;flex-direction:column;align-items:center;text-align:center}.lgk-footer__brand .footer__block--image{justify-self:center}.lgk-footer__brand .constrained-image{filter:drop-shadow(0 4px 18px rgb(0 0 0 / .25))}.lgk-footer__tabs{min-width:0;border:1px solid rgb(var(--text-color) / .1);border-radius:16px;background:rgb(var(--text-color) / .03);overflow:hidden}.lgk-footer__tab-nav{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgb(var(--text-color) / .1);background:rgb(var(--text-color) / .04)}.lgk-footer__tab-nav::-webkit-scrollbar{display:none}.lgk-footer__tab{flex:1 0 auto;min-width:max-content;padding:.85rem 1.15rem;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:rgb(var(--text-color) / .62);font:inherit;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease;white-space:nowrap}.lgk-footer__tab:hover{color:rgb(var(--text-color) / .92);background:rgb(var(--text-color) / .04)}.lgk-footer__tab[aria-selected=true]{color:var(--lgk-footer-accent);border-bottom-color:var(--lgk-footer-accent);background:#00fff00f}.lgk-footer__tab-panels{padding:clamp(1.25rem,2.5vw,1.75rem)}.lgk-footer__tab-panel[hidden]{display:none!important}.lgk-footer__tabs .lgk-footer__panel-title{display:none}.lgk-footer__link-list{display:grid;gap:.55rem;margin:0;padding:0}.lgk-footer__link{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;transition:color .2s ease,transform .2s ease}.lgk-footer__link:hover{color:var(--lgk-footer-accent);transform:translate(3px)}.lgk-footer__link-ico{color:var(--lgk-footer-accent);font-weight:700;line-height:1}.lgk-footer__info-card{display:flex;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;border-radius:12px;border:1px solid rgb(var(--text-color) / .1);background:rgb(var(--text-color) / .04)}.lgk-footer__info-card+.lgk-footer__info-card{margin-top:.65rem}.lgk-footer__info-card-ico{flex-shrink:0;font-size:1.25rem;line-height:1}.lgk-footer__info-card strong{display:block;margin-bottom:.2rem;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--text-color) / .95)}.lgk-footer__info-card p{margin:0;font-size:.875rem;color:rgb(var(--text-color) / .72)}.lgk-footer__info-card a{color:var(--lgk-footer-accent)}.lgk-footer-help__intro{margin:0 0 1.15rem;font-size:.875rem;line-height:1.6;color:rgb(var(--text-color) / .75)}.lgk-footer-help__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}@media screen and (min-width:700px){.lgk-footer-help__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}.lgk-footer-help__card{display:flex;align-items:center;gap:.65rem;padding:.75rem .85rem;border-radius:12px;border:1px solid rgb(var(--text-color) / .1);background:rgb(var(--text-color) / .04);text-decoration:none;color:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.lgk-footer-help__card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.lgk-footer-help__card--faq:hover{border-color:#38bdf873;background:#38bdf81a}.lgk-footer-help__card--contact:hover{border-color:#00fff073;background:#00fff014}.lgk-footer-help__card--shipping:hover{border-color:#4ade8073;background:#4ade801a}.lgk-footer-help__card--returns:hover{border-color:#fb923c73;background:#fb923c1a}.lgk-footer-help__card--track:hover{border-color:#a78bfa73;background:#a78bfa1a}.lgk-footer-help__card--tools:hover{border-color:#f472b673;background:#f472b61a}.lgk-footer-help__card--guides:hover{border-color:#60a5fa73;background:#60a5fa1a}.lgk-footer-help__card--blog:hover{border-color:#facc1573;background:#facc151a}.lgk-footer-help__card--affiliate:hover{border-color:#34d39973;background:#34d3991a}.lgk-footer-help__card--compare:hover{border-color:#ff6a0073;background:#ff6a001a}@media screen and (min-width:1100px){.lgk-footer-help__cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.lgk-footer-help__card-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:10px;font-size:1.1rem;background:rgb(var(--text-color) / .06)}.lgk-footer-help__card-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.lgk-footer-help__card-body strong{font-size:.8125rem;letter-spacing:.03em;color:rgb(var(--text-color) / .95)}.lgk-footer-help__card-body span:last-child{font-size:.75rem;color:rgb(var(--text-color) / .58)}.lgk-footer-help__highlight{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;padding:.7rem .9rem;border-radius:10px;font-size:.8125rem;font-weight:600;line-height:1.45;color:rgb(var(--text-color) / .88);background:linear-gradient(90deg,#00fff01a,#1389e914);border:1px solid rgb(0 255 240 / .22)}.lgk-footer-help__highlight-ico{flex-shrink:0;font-size:1.1rem}.lgk-footer-help__extra{padding-top:.85rem;border-top:1px solid rgb(var(--text-color) / .1)}.lgk-footer-help__extra-title{margin:0 0 .65rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color) / .55)}.lgk-footer-help__extra-list{display:grid;gap:.45rem}.lgk-footer__affiliate-wrap{width:100%;max-width:48rem;margin-inline:auto}.lgk-footer-affiliate{display:flex;align-items:center;gap:.9rem;width:100%;padding:.85rem 1rem;border-radius:14px;border:1px solid rgb(255 106 0 / .42);background:linear-gradient(135deg,#121216f2,#1c140ee0);box-shadow:0 0 0 1px #ff6a0014,0 10px 28px #00000047;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.lgk-footer-affiliate:hover{border-color:#ff8c00bf;transform:translateY(-2px);box-shadow:0 0 0 1px #ff8c0026,0 14px 32px #ff6a0024}.lgk-footer-affiliate__visual{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border-radius:14px;border:2px solid rgb(255 120 0 / .55);background:#0000008c;box-shadow:0 0 18px #ff6a0038;overflow:hidden}.lgk-footer-affiliate__visual img{width:100%;height:100%;object-fit:cover;display:block}.lgk-footer-affiliate__body{display:flex;flex-direction:column;gap:.12rem;min-width:0;flex:1}.lgk-footer-affiliate__kicker{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff8c00eb}.lgk-footer-affiliate__title{font-size:1.05rem;font-weight:800;line-height:1.2;color:rgb(var(--text-color) / .98)}.lgk-footer-affiliate__desc{font-size:.8125rem;line-height:1.35;color:rgb(var(--text-color) / .62)}.lgk-footer-affiliate__cta{flex-shrink:0;font-size:.8125rem;font-weight:700;color:#ff8c00;white-space:nowrap}@media screen and (max-width:699px){.lgk-footer-affiliate{flex-wrap:wrap;gap:.75rem}.lgk-footer-affiliate__cta{width:100%;padding-left:4.65rem}}.lgk-footer .footer__block-list{display:grid!important;grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,3vw,2.5rem);width:100%}.lgk-footer .footer__block{flex:unset;max-width:none;width:100%}@media screen and (min-width:1000px){.lgk-footer__body:not(.lgk-footer__body--tabs){grid-template-columns:minmax(9rem,12rem) minmax(0,1fr)}.lgk-footer__body:not(.lgk-footer__body--tabs) .footer__block-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.lgk-footer .footer__block .h6,.lgk-footer .footer__block .lgk-footer__panel-title{position:relative;display:inline-block;margin-bottom:.15rem;padding-bottom:.45rem;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color) / .95)}.lgk-footer .footer__block .h6:after,.lgk-footer .footer__block .lgk-footer__panel-title:after{content:"";position:absolute;left:0;bottom:0;width:1.75rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--lgk-footer-accent),transparent)}.lgk-footer .footer__block--text .prose{font-size:.875rem;line-height:1.65}.lgk-footer-mission__intro{margin:0;max-width:42rem;font-size:.875rem;line-height:1.65;color:rgb(var(--text-color) / .72)}.lgk-footer-mission__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}@media screen and (min-width:700px){.lgk-footer-mission__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.lgk-footer-mission__stat{padding:.65rem .75rem;border-radius:12px;border:1px solid rgb(var(--text-color) / .1);background:rgb(var(--text-color) / .03);text-align:center}.lgk-footer-mission__stat-value{display:block;font-size:1.05rem;font-weight:800;line-height:1.2;color:var(--lgk-footer-accent, #00fff0)}.lgk-footer-mission__stat-label{display:block;margin-top:.2rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--text-color) / .55)}.lgk-footer-mission__pillars{display:grid;gap:.65rem}@media screen and (min-width:900px){.lgk-footer-mission__pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}}.lgk-footer-mission__pillar{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem .95rem;border-radius:14px;border:1px solid rgb(var(--text-color) / .08);background:linear-gradient(135deg,rgb(var(--text-color) / .04),rgb(var(--text-color) / .015));transition:border-color .2s ease,transform .2s ease}.lgk-footer-mission__pillar:hover{border-color:#00fff038;transform:translateY(-1px)}.lgk-footer-mission__pillar-ico{flex-shrink:0;display:grid;place-items:center;width:2rem;height:2rem;border-radius:10px;font-size:1rem;background:#00fff01a}.lgk-footer-mission__pillar-title{margin:0 0 .25rem;font-size:.8125rem;font-weight:700;line-height:1.35;color:rgb(var(--text-color) / .92)}.lgk-footer-mission__pillar-text{margin:0;font-size:.8125rem;line-height:1.55;color:rgb(var(--text-color) / .65)}.lgk-footer-mission__pillar-text a{color:var(--lgk-footer-accent, #00fff0);text-decoration:underline;text-underline-offset:2px}.lgk-footer-mission__values{display:flex;flex-wrap:wrap;gap:.45rem}.lgk-footer-mission__value{padding:.35rem .65rem;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:rgb(var(--text-color) / .72);border:1px solid rgb(var(--text-color) / .12);background:rgb(var(--text-color) / .03)}.lgk-footer-mission__actions{display:flex;flex-wrap:wrap;gap:.5rem}.lgk-footer-mission__cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.45rem .95rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-decoration:none;text-transform:uppercase;color:rgb(var(--text-color) / .82);border:1px solid rgb(var(--text-color) / .14);background:rgb(var(--text-color) / .04);transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.lgk-footer-mission__cta:hover{color:var(--lgk-footer-accent, #00fff0);border-color:#00fff059;background:#00fff014;transform:translateY(-1px)}.lgk-footer-mission__cta--primary{color:#041018;border-color:transparent;background:linear-gradient(135deg,var(--lgk-footer-accent, #00fff0),#00c4b8)}.lgk-footer-mission__cta--primary:hover{color:#041018;border-color:transparent;background:linear-gradient(135deg,#5dffef,var(--lgk-footer-accent, #00fff0))}.lgk-footer-mission__follow{padding-top:.25rem}.lgk-footer__social{padding:1.35rem 0;border-top:1px solid rgb(var(--text-color) / .1);border-bottom:1px solid rgb(var(--text-color) / .1)}.lgk-footer__social-label{margin:0 0 1rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--text-color) / .55);text-align:center}.lgk-footer__social .social-media--footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;max-width:36rem;margin-inline:auto}.lgk-footer__social .social-media--footer .social-media__item{opacity:1;margin:0}.lgk-footer__social .social-media--footer .social-media__item a{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border-radius:12px;border:1px solid rgb(var(--branding-background) / .35);background:rgb(var(--branding-background) / .16);color:rgb(var(--branding-background));transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.lgk-footer__social .social-media--footer .social-media__item a:hover{background:rgb(var(--branding-background));color:rgb(var(--branding-color));border-color:rgb(var(--branding-background));box-shadow:0 6px 18px rgb(var(--branding-background) / .35);transform:translateY(-3px)}.lgk-footer__social .social-media--footer .branding-colors--tiktok a{background:linear-gradient(135deg,#25f4ee24,#fe2c5538);border-color:#fe2c558c;color:#fff}.lgk-footer__social .social-media--footer .branding-colors--tiktok a:hover{background:linear-gradient(135deg,#25f4ee,#fe2c55);border-color:#fe2c55;color:#fff;box-shadow:0 6px 18px #fe2c5566}.lgk-footer__social .social-media--footer svg{width:1.2rem;height:1.2rem;flex-shrink:0}.lgk-footer__aside{display:grid;gap:1.25rem;width:100%}.lgk-footer__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem}@media screen and (min-width:1000px){.lgk-footer .footer__aside{grid-auto-flow:row;justify-content:center;justify-items:center}.lgk-footer__bar{flex-direction:column;align-items:center;justify-content:center;gap:1rem}.lgk-footer.footer .footer__aside .payment-methods,.lgk-footer .footer__aside .payment-methods{max-width:none;justify-content:center}}.lgk-footer__localize{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem 1rem}.lgk-footer__localize .localization-selectors__separator{display:none}.lgk-footer__localize .lgk-currency__toggle,.lgk-footer__localize .lgk-translate__toggle{border:1px solid rgb(var(--text-color) / .18);border-radius:999px;padding:.4rem .75rem;background:rgb(var(--text-color) / .04)}.lgk-footer__localize .lgk-currency__toggle:hover,.lgk-footer__localize .lgk-translate__toggle:hover{border-color:var(--lgk-footer-accent-dim)}.lgk-footer .payment-methods{flex-wrap:nowrap;justify-content:center;gap:.35rem;max-width:none;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lgk-footer .payment-methods::-webkit-scrollbar{display:none}.lgk-footer .payment-methods>li{flex-shrink:0}.lgk-footer .payment-methods svg{display:block;width:auto;height:1.5rem;opacity:.9;transition:opacity .2s ease,transform .2s ease}.lgk-footer .payment-methods svg:hover{opacity:1;transform:scale(1.06)}.lgk-footer .lgk-footer-credit{display:flex;justify-content:center;width:100%;margin-top:.35rem;padding:1.35rem 0 .65rem;border-top:1px solid rgb(var(--text-color) / .1);text-align:center}.lgk-footer-credit__inner{display:flex;flex-direction:column;align-items:center;gap:.65rem;width:100%;max-width:52rem;padding:1rem 1.25rem 1.1rem;border-radius:16px;background:rgb(var(--text-color) / .035);border:1px solid rgb(var(--text-color) / .1);box-shadow:0 8px 24px #0000001f}.lgk-footer-credit__tagline{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--lgk-footer-accent, #00fff0)}.lgk-footer .lgk-footer-credit__line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem .65rem;margin:0;text-align:center}.lgk-footer-credit__desc{margin:0;max-width:42rem;font-size:.8125rem;line-height:1.6;color:rgb(var(--text-color) / .68);text-align:center}.lgk-footer-credit__made{display:inline}.lgk-footer-credit__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .55rem;font-size:.75rem;line-height:1.45}.lgk-footer-credit__links a{color:rgb(var(--text-color) / .78);text-decoration:none;transition:color .2s ease}.lgk-footer-credit__links a:hover{color:var(--lgk-footer-accent, #00fff0)}.lgk-footer-credit__ship{color:rgb(var(--text-color) / .55);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.lgk-footer .lgk-footer-credit__sep{width:auto;height:auto;border-radius:0;background:none;color:rgb(var(--text-color) / .35);font-size:1rem;line-height:1;font-weight:700}.lgk-footer .lgk-footer-credit__brand{gap:.4rem;vertical-align:middle}.lgk-footer-credit__brand-dot{width:6px;height:6px;border-radius:50%;background:#00fff0;box-shadow:0 0 8px #00fff0a6;flex-shrink:0}@media screen and (max-width:699px){.lgk-footer-credit__inner{padding:.9rem 1rem}.lgk-footer .lgk-footer-credit__line{flex-direction:column;gap:.35rem}.lgk-footer-credit__links .lgk-footer-credit__sep{display:none}.lgk-footer-credit__links{flex-direction:column;gap:.45rem}}.lgk-footer #lgk-newsletter .form{gap:.75rem;width:100%;max-width:100%}.lgk-footer #lgk-newsletter .form .input,.lgk-footer #lgk-newsletter .form input[type=email],.lgk-footer #lgk-newsletter .form .form-control{width:100%;max-width:100%}.lgk-footer #lgk-newsletter .align-self-start{width:100%}@media screen and (max-width:699px){.lgk-footer #lgk-newsletter .align-self-start .button,.lgk-footer #lgk-newsletter .align-self-start button{width:100%;justify-content:center}}.lgk-footer__tagline-wrap{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-top:.75rem;max-width:14rem;text-align:center}.lgk-footer__tagline{margin:0;font-size:.8125rem;line-height:1.55;font-weight:500;letter-spacing:.01em;color:rgb(var(--text-color) / .82)}.lgk-footer__tagline--sub{font-size:.6875rem;font-weight:600;line-height:1.45;letter-spacing:.03em;text-transform:uppercase;color:rgb(var(--text-color) / .52)}.lgk-footer-quick{padding-bottom:clamp(1rem,2.5vw,1.35rem);margin-bottom:clamp(1rem,2.5vw,1.35rem);border-bottom:1px solid rgb(var(--text-color) / .08)}.lgk-footer-quick--inline{padding:.85rem clamp(1rem,2.5vw,1.35rem) .75rem;margin:0;border-bottom:1px solid rgb(var(--text-color) / .1);background:rgb(var(--text-color) / .02)}.lgk-footer-quick--inline .lgk-footer-quick__list{justify-content:center}@media screen and (max-width:699px){.lgk-footer-quick--inline .lgk-footer-quick__list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:.15rem}.lgk-footer-quick--inline .lgk-footer-quick__list::-webkit-scrollbar{display:none}}.lgk-footer-quick__list{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0}.lgk-footer-quick__link{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgb(var(--text-color) / .12);background:rgb(var(--text-color) / .04);font-size:.75rem;font-weight:600;text-decoration:none;color:rgb(var(--text-color) / .82);white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.lgk-footer-quick__link:hover{border-color:var(--lgk-footer-accent-dim);background:#00fff014;color:var(--lgk-footer-accent);transform:translateY(-1px)}.lgk-footer-quick--panel{padding:0;margin:0;border:none}.lgk-footer-quick--panel .lgk-footer-quick__list{display:grid;gap:.55rem}.lgk-footer-quick--panel .lgk-footer__link{font-size:.875rem}.lgk-footer__tab-panel--hub,.lgk-footer__tab-panel--quick{padding-top:.15rem}.lgk-footer-hub__col--no-title .lgk-footer-hub__links--tab{margin-top:0}.lgk-footer-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2rem);width:100%;padding:clamp(1.25rem,3vw,1.75rem) 0;margin:clamp(.5rem,2vw,1rem) 0;border-top:1px solid rgb(var(--text-color) / .08)}@media screen and (min-width:700px){.lgk-footer-hub{grid-template-columns:repeat(4,minmax(0,1fr))}}.lgk-footer-hub__title{display:flex;align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lgk-footer-accent)}.lgk-footer-hub__links{display:grid;gap:.45rem;margin:0;padding:0}.lgk-footer-hub__links a{font-size:.8125rem;line-height:1.4;text-decoration:none;color:rgb(var(--text-color) / .72);transition:color .2s ease,transform .2s ease}.lgk-footer-hub__links a:hover{color:var(--lgk-footer-accent);transform:translate(3px)}.lgk-footer-tab-hub{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid rgb(var(--text-color) / .1)}@media screen and (min-width:700px){.lgk-footer-tab-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}}.lgk-footer-hub__col--tab .lgk-footer-hub__title{margin-bottom:.55rem;font-size:.6875rem}.lgk-footer-hub__links--tab{gap:.45rem}.lgk-footer-contact__channels-title{margin:1rem 0 .65rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--text-color) / .55)}.lgk-footer-contact__channels{display:flex;flex-wrap:wrap;gap:.5rem}.lgk-footer-contact__channel{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:999px;border:1px solid rgb(var(--text-color) / .14);background:rgb(var(--text-color) / .04);font-size:.75rem;font-weight:600;text-decoration:none;color:rgb(var(--text-color) / .85);transition:border-color .2s ease,background .2s ease,transform .2s ease}.lgk-footer-contact__channel:hover{transform:translateY(-2px)}.lgk-footer-contact__channel--wa:hover{border-color:#25d3668c;background:#25d3661f;color:#25d366}.lgk-footer-contact__channel--tg:hover{border-color:#2aabee8c;background:#2aabee1f;color:#2aabee}.lgk-footer-contact__channel--fb:hover{border-color:#1877f28c;background:#1877f21f;color:#1877f2}.lgk-footer-contact__channel--form:hover{border-color:var(--lgk-footer-accent-dim);background:#00fff014;color:var(--lgk-footer-accent)}.lgk-footer-contact__channel--gd:hover{border-color:#a78bfa8c;background:#a78bfa1f;color:#a78bfa}.lgk-footer-contact__extra{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgb(var(--text-color) / .1)}.lgk-footer-legal{width:100%;padding:.85rem 0 0;border-top:1px solid rgb(var(--text-color) / .08)}.lgk-footer-legal__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin:0;padding:0}.lgk-footer-legal__list a{font-size:.75rem;font-weight:600;text-decoration:none;color:rgb(var(--text-color) / .55);transition:color .2s ease}.lgk-footer-legal__list a:hover,.lgk-footer #lgk-newsletter .prose strong{color:var(--lgk-footer-accent)}@media screen and (max-width:699px){.lgk-footer{overflow-x:clip}.lgk-footer .container{min-width:0;max-width:100%;padding-inline:clamp(.85rem,4vw,1.25rem)}.lgk-footer__body,.lgk-footer__tabs,.lgk-footer__brand,.lgk-footer__aside{min-width:0;max-width:100%}.lgk-footer__trust-list{grid-template-columns:1fr;gap:.5rem}.lgk-footer__trust-item{font-size:.75rem}.lgk-footer__tab-nav{flex-wrap:wrap;overflow-x:visible}.lgk-footer__tab{flex:1 1 calc(50% - 1px);min-width:0;max-width:100%;padding:.65rem .5rem;font-size:.6875rem;white-space:normal;text-align:center;line-height:1.25;letter-spacing:.03em}.lgk-footer__tab-panels{padding:1rem .85rem}.lgk-footer-help__cards{grid-template-columns:1fr}.lgk-footer-help__card{padding:.7rem .75rem}.lgk-footer-hub{grid-template-columns:1fr;gap:1rem;padding-inline:0}.lgk-footer-mission__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.lgk-footer-mission__stat{padding:.55rem .45rem}.lgk-footer-mission__stat-value{font-size:.95rem}.lgk-footer-mission__stat-label{font-size:.625rem;line-height:1.3;-webkit-hyphens:auto;hyphens:auto}.lgk-footer-mission__pillar{padding:.75rem .8rem}.lgk-footer__tagline-wrap{max-width:100%;padding-inline:.25rem}.lgk-footer__brand .constrained-image,.lgk-footer__brand img{max-width:min(220px,72vw)!important;height:auto}.lgk-footer .payment-methods{flex-wrap:wrap;overflow-x:visible;justify-content:center;gap:.45rem}.lgk-footer-affiliate{align-items:flex-start}.lgk-footer-affiliate__cta{width:100%;padding-left:0;text-align:center}.lgk-footer-contact__channels{flex-direction:column;align-items:stretch}.lgk-footer-contact__channel{justify-content:center}.lgk-footer-legal__list{flex-direction:column;align-items:center;gap:.5rem}.lgkwo-infos{margin-inline:0;padding:1.25rem 1rem}.lgkwo-grid{grid-template-columns:1fr!important}} /*# sourceMappingURL=/cdn/shop/t/48/assets/lgk-footer.css.map */ /* ===== lgk-gothamdev-promo.css ===== */ /* Bandeau GothamDev — styles partagés (accueil + fixe) */ .lgk-gd-promo { position: relative; display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 1rem 1.25rem; } .lgk-gd-promo__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 3rem; height: 3rem; border-radius: 12px; background: linear-gradient(135deg, rgb(99 102 241 / 0.45), rgb(0 212 170 / 0.25)); border: 1px solid rgb(255 255 255 / 0.15); color: #e0e7ff; box-shadow: 0 4px 16px rgb(99 102 241 / 0.3); } .lgk-gd-promo__body { min-width: 0; } .lgk-gd-promo__eyebrow { margin: 0 0 0.15rem; font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #7ef0d8; } .lgk-gd-promo__title { margin: 0; font-size: clamp(1.05rem, 2.5vw, 1.35rem); font-weight: 700; line-height: 1.25; color: #fff; } .lgk-gd-promo__title strong { background: linear-gradient(90deg, #c7d2fe, #a5b4fc); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 900; } .lgk-gd-promo__desc { margin: 0.25rem 0 0; font-size: clamp(0.8125rem, 1.8vw, 0.9375rem); line-height: 1.4; color: rgb(255 255 255 / 0.82); } .lgk-gd-promo__cta { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; flex-shrink: 0; padding: 0.75rem 1.35rem; border-radius: 999px; background: linear-gradient(135deg, #00d4aa, #00b894); color: #042f2e !important; font-size: 0.9375rem; font-weight: 800; text-decoration: none !important; white-space: nowrap; box-shadow: 0 4px 20px rgb(0 212 170 / 0.45), 0 0 0 1px rgb(255 255 255 / 0.15) inset; transition: transform 0.2s ease, box-shadow 0.2s ease; } .lgk-gd-promo__cta:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 8px 28px rgb(0 212 170 / 0.55), 0 0 0 1px rgb(255 255 255 / 0.2) inset; } .lgk-gd-promo__cta-arrow { font-size: 1.1em; transition: transform 0.2s ease; } .lgk-gd-promo__cta:hover .lgk-gd-promo__cta-arrow { transform: translateX(3px); } .lgk-gd-promo__close { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2.25rem; height: 2.25rem; padding: 0; border: 1px solid rgb(255 255 255 / 0.15); border-radius: 999px; background: rgb(255 255 255 / 0.08); color: rgb(255 255 255 / 0.85); font-size: 1.35rem; line-height: 1; cursor: pointer; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .lgk-gd-promo__close:hover { background: rgb(255 255 255 / 0.15); border-color: rgb(255 255 255 / 0.25); color: #fff; } .lgk-gd-promo__close:focus-visible, .lgk-gd-promo__cta:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } /* ——— Barre accueil (dans le flux, sous le hero) ——— */ .shopify-section--lgk-gothamdev-home-bar { display: block !important; position: relative; z-index: 3; } .lgk-gd-home-bar { --lgk-gd-home-bar-pad: clamp(1rem, 3vw, 1.35rem); color: #fff; } .lgk-gd-home-bar__shell { position: relative; border-block: 2px solid rgb(99 102 241 / 0.45); background: linear-gradient(135deg, #1e1b4b 0%, #312e81 38%, #1e3a5f 72%, #0f172a 100%); box-shadow: 0 12px 40px rgb(0 0 0 / 0.35), inset 0 1px 0 rgb(255 255 255 / 0.06); } .lgk-gd-home-bar__shell::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(0 212 170 / 0.1) 0%, transparent 40%, rgb(99 102 241 / 0.14) 100%); pointer-events: none; } .lgk-gd-promo--inline { position: relative; max-width: var(--page-width, 78rem); margin-inline: auto; padding: var(--lgk-gd-home-bar-pad) clamp(1rem, 3vw, 2rem); } /* ——— Bandeau fixe bas de page ——— */ .lgk-gd-cross { position: fixed; inset-inline: 0; bottom: 0; z-index: 50; pointer-events: none; opacity: 0; transform: translateY(100%); transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); visibility: hidden; } .lgk-gd-cross.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; visibility: visible; } html.lgk-gd-cross-active { scroll-padding-bottom: var(--lgk-gd-cross-offset, 5.5rem); } html.lgk-gd-cross-active body { padding-bottom: var(--lgk-gd-cross-offset, 5.5rem); } .lgk-gd-cross__bar { position: relative; border-top: 2px solid transparent; background: linear-gradient(180deg, rgb(99 102 241 / 0.35) 0%, transparent 2px), linear-gradient(135deg, #1e1b4b 0%, #312e81 38%, #1e3a5f 72%, #0f172a 100%); box-shadow: 0 -8px 40px rgb(0 0 0 / 0.55), 0 -2px 0 rgb(99 102 241 / 0.5); } .lgk-gd-cross__bar::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(0 212 170 / 0.08) 0%, transparent 35%, rgb(99 102 241 / 0.12) 100%); pointer-events: none; } .lgk-gd-cross__container { position: relative; max-width: var(--page-width, 78rem); margin-inline: auto; padding: 1rem clamp(1rem, 3vw, 2rem) calc(1rem + env(safe-area-inset-bottom, 0px)); } .lgk-gd-cross__container .lgk-gd-promo { gap: 1rem 1.25rem; } @media screen and (max-width: 749px) { .lgk-gd-promo { grid-template-columns: auto 1fr auto; grid-template-areas: 'icon body close' 'cta cta cta'; gap: 0.75rem 0.85rem; } .lgk-gd-promo--inline { grid-template-areas: 'icon body body' 'cta cta cta'; } .lgk-gd-promo__icon { grid-area: icon; width: 2.5rem; height: 2.5rem; } .lgk-gd-promo__icon svg { width: 22px; height: 22px; } .lgk-gd-promo__body { grid-area: body; } .lgk-gd-promo__cta { grid-area: cta; width: 100%; margin-top: 0.15rem; padding-block: 0.85rem; } .lgk-gd-promo__close { grid-area: close; justify-self: end; } .lgk-gd-promo__desc { display: none; } } @media (prefers-reduced-motion: reduce) { .lgk-gd-cross, .lgk-gd-promo__cta, .lgk-gd-promo__cta-arrow { transition: none; } } /* ——— Menu header & navigation ——— */ .lgk-gd-menu-nav-item { display: flex; align-items: center; } .lgk-gd-menu-link { text-decoration: none !important; } .lgk-gd-menu-link--header { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.9rem; border-radius: 999px; border: 1px solid rgb(0 212 170 / 0.55); background: linear-gradient(135deg, rgb(0 212 170 / 0.22), rgb(99 102 241 / 0.28)); color: #fff !important; font-size: 0.8125rem; font-weight: 600; line-height: 1.2; white-space: nowrap; box-shadow: 0 4px 18px rgb(0 212 170 / 0.2); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .lgk-gd-menu-link--header:hover { transform: translateY(-1px); border-color: rgb(0 212 170 / 0.85); box-shadow: 0 6px 22px rgb(0 212 170 / 0.35); } .lgk-gd-menu-link--header .lgk-gd-menu-link__icon { display: inline-flex; color: #7ef0d8; } .lgk-gd-menu-link--header strong { font-weight: 800; color: #c7d2fe; } .lgk-gd-menu-link--header-compact { display: inline-flex; align-items: center; gap: 0.35rem; min-height: 2.5rem; padding: 0.35rem 0.65rem; border-radius: 999px; border: 1px solid rgb(0 212 170 / 0.5); background: rgb(0 212 170 / 0.15); color: #fff !important; font-size: 0.75rem; font-weight: 700; transition: background 0.2s ease, border-color 0.2s ease; } .lgk-gd-menu-link--header-compact:hover { background: rgb(0 212 170 / 0.28); border-color: rgb(0 212 170 / 0.75); } .lgk-gd-menu-link--header-compact .lgk-gd-menu-link__icon { display: inline-flex; color: #7ef0d8; } .lgk-gd-menu-link--header-compact .lgk-gd-menu-link__short { color: #e0e7ff; } .lgk-gd-menu-promo--drawer { position: relative; z-index: 2; flex-shrink: 0; padding: 0.75rem 0.75rem 0.35rem; } .lgk-gd-menu-link--drawer { display: flex; align-items: center; gap: 0.85rem; width: 100%; padding: 0.85rem 0.9rem; border-radius: 12px; border: 1px solid rgb(99 102 241 / 0.55); background: linear-gradient(135deg, rgb(99 102 241 / 0.35) 0%, rgb(0 212 170 / 0.18) 100%), rgb(15 23 42 / 0.85); color: #fff !important; box-shadow: 0 8px 24px rgb(0 0 0 / 0.35); transition: transform 0.2s ease, border-color 0.2s ease; } .lgk-gd-menu-link--drawer:hover { transform: translateY(-1px); border-color: rgb(0 212 170 / 0.65); } .lgk-gd-menu-link__drawer-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2.5rem; height: 2.5rem; border-radius: 10px; background: rgb(255 255 255 / 0.1); color: #c7d2fe; } .lgk-gd-menu-link__drawer-body { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; } .lgk-gd-menu-link__drawer-eyebrow { font-size: 0.625rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #7ef0d8; } .lgk-gd-menu-link__drawer-title { font-size: 0.9375rem; font-weight: 700; line-height: 1.25; color: #fff; } .lgk-gd-menu-link__drawer-title strong { color: #c7d2fe; } .lgk-gd-menu-link__drawer-desc { font-size: 0.75rem; color: rgb(255 255 255 / 0.78); } .lgk-gd-menu-promo--sidebar { padding: 0.85rem 0.75rem 0.35rem; } @media screen and (min-width: 1000px) { .header__gd-web-link--compact { display: none; } } @media screen and (max-width: 999px) { .lgk-gd-menu-nav-item { display: none; } } /* ===== lgk-wishlist.css ===== */ /* Wishlist LeGeekShop — localStorage, sans app payante */ .lgk-wishlist-btn { --lgk-wl-accent: #00fff0; position: relative; overflow: visible; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; line-height: 1; transition: transform 0.2s ease, color 0.2s ease; } .lgk-wishlist-btn:focus-visible { outline: 2px solid var(--lgk-wl-accent); outline-offset: 2px; } .lgk-wishlist-btn.is-pulse { transform: scale(1.15); } .lgk-wishlist-btn__icon { flex-shrink: 0; } .lgk-wishlist-btn__heart { fill: transparent; transition: fill 0.2s ease, stroke 0.2s ease; } .lgk-wishlist-btn.is-active .lgk-wishlist-btn__heart { fill: #ff4d6d; stroke: #ff4d6d; } .lgk-wishlist-btn--icon { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: rgba(10, 15, 26, 0.72); color: #fff; backdrop-filter: blur(6px); } .lgk-wishlist-btn--icon:hover { color: var(--lgk-wl-accent); } .lgk-wishlist-btn--card { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 5; pointer-events: auto; } .lgk-wishlist-btn--product { width: 100%; min-height: 2.75rem; padding: 0.65rem 1rem; border: 1px solid rgba(0, 255, 240, 0.35); border-radius: 0.25rem; color: var(--lgk-wl-accent); font-size: 0.875rem; font-weight: 600; } .lgk-wishlist-btn--product.is-active { border-color: rgba(255, 77, 109, 0.5); color: #ff8fa3; } .lgk-wishlist-btn--text { font-size: 0.8125rem; text-decoration: underline; text-underline-offset: 2px; } /* Header badge */ .header__wishlist-link a { position: relative; display: inline-flex; align-items: center; } .lgk-wishlist-count { position: absolute; top: -0.35rem; right: -0.45rem; min-width: 1.1rem; height: 1.1rem; padding: 0 0.25rem; border-radius: 999px; background: var(--lgk-wl-accent, #00fff0); color: #0a0f1a; font-size: 0.625rem; font-weight: 700; line-height: 1.1rem; text-align: center; opacity: 0; transform: scale(0.6); transition: opacity 0.2s ease, transform 0.2s ease; pointer-events: none; } .lgk-wishlist-count.is-visible { opacity: 1; transform: scale(1); } /* Page wishlist */ .lgk-wishlist-page { padding-block: clamp(1.5rem, 4vw, 3rem); } .lgk-wishlist-page__header { margin-bottom: 2rem; text-align: center; } .lgk-wishlist-page__sub { margin-bottom: 0.5rem; color: var(--lgk-wl-accent, #00fff0); font-size: 0.875rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } .lgk-wishlist-page__intro { max-width: 36rem; margin-inline: auto; color: rgba(255, 255, 255, 0.75); } .lgk-wishlist-page__sync-note { margin-top: 0.75rem; font-size: 0.875rem; color: rgba(0, 255, 240, 0.85); } .lgk-wishlist-page__sync-note a { color: inherit; text-decoration: underline; } .lgk-wishlist__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); gap: 1.25rem; list-style: none; padding: 0; margin: 0; } .lgk-wishlist__loading, .lgk-wishlist__empty { text-align: center; padding: 3rem 1rem; color: rgba(255, 255, 255, 0.7); } .lgk-wishlist__empty .button { margin-top: 1rem; } .lgk-wishlist-card { display: flex; flex-direction: column; height: 100%; border: 1px solid rgba(0, 255, 240, 0.15); border-radius: 0.5rem; overflow: hidden; background: rgba(10, 15, 26, 0.6); } .lgk-wishlist-card__media { display: block; aspect-ratio: 1; overflow: hidden; background: rgba(255, 255, 255, 0.04); } .lgk-wishlist-card__media img { width: 100%; height: 100%; object-fit: cover; } .lgk-wishlist-card__body { display: flex; flex: 1; flex-direction: column; gap: 0.5rem; padding: 1rem; } .lgk-wishlist-card__title { font-weight: 600; line-height: 1.35; text-decoration: none; color: inherit; } .lgk-wishlist-card__title:hover { color: var(--lgk-wl-accent, #00fff0); } .lgk-wishlist-card__price { font-weight: 700; color: var(--lgk-wl-accent, #00fff0); } .lgk-wishlist-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-top: auto; padding-top: 0.5rem; } /* Toast confirmation */ .lgk-wishlist-toast { position: fixed; bottom: 1.5rem; left: 50%; z-index: 9999; padding: 0.75rem 1.25rem; border: 1px solid rgba(0, 255, 240, 0.4); border-radius: 999px; background: rgba(10, 15, 26, 0.95); color: #fff; font-size: 0.875rem; font-weight: 600; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45); opacity: 0; transform: translate(-50%, 12px); transition: opacity 0.25s ease, transform 0.25s ease; pointer-events: none; } .lgk-wishlist-toast.is-visible { opacity: 1; transform: translate(-50%, 0); } /* Liens menu principal / sidebar */ .lgk-wishlist-menu-nav-item { display: flex; align-items: center; } .lgk-wishlist-menu-link { position: relative; text-decoration: none !important; } .lgk-wishlist-menu-link--header { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.9rem; border-radius: 999px; border: 1px solid rgb(255 77 109 / 0.45); background: linear-gradient(135deg, rgb(255 77 109 / 0.14), rgb(139 92 246 / 0.2)); color: #fff !important; font-size: 0.8125rem; font-weight: 600; line-height: 1.2; white-space: nowrap; transition: transform 0.2s ease, border-color 0.2s ease; } .lgk-wishlist-menu-link--header:hover { transform: translateY(-1px); border-color: rgb(255 77 109 / 0.75); } .lgk-wishlist-menu-link--header .lgk-wishlist-menu-link__icon { color: #ff8fa3; } .lgk-wishlist-menu-link--header strong { font-weight: 800; color: #ffb3c1; } .lgk-wishlist-menu-link--header-compact { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.4rem 0.65rem; border-radius: 999px; border: 1px solid rgb(255 77 109 / 0.4); background: rgb(255 77 109 / 0.12); color: #fff !important; font-size: 0.75rem; font-weight: 700; line-height: 1; white-space: nowrap; } .lgk-wishlist-menu-link--drawer { display: flex; align-items: center; gap: 0.75rem; padding: 0.85rem 1rem; border-radius: 0.5rem; border: 1px solid rgb(255 77 109 / 0.25); background: rgb(255 77 109 / 0.08); color: inherit; transition: background 0.2s ease; } .lgk-wishlist-menu-link--drawer:hover { background: rgb(255 77 109 / 0.14); } .lgk-wishlist-menu-link__drawer-icon { flex-shrink: 0; color: #ff8fa3; } .lgk-wishlist-menu-link__drawer-body { display: flex; flex: 1; flex-direction: column; gap: 0.15rem; min-width: 0; } .lgk-wishlist-menu-link__drawer-eyebrow { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #ff8fa3; } .lgk-wishlist-menu-link__drawer-title { font-size: 0.9375rem; font-weight: 600; line-height: 1.25; } .lgk-wishlist-menu-link__drawer-title strong { color: #ffb3c1; } .lgk-wishlist-menu-link__drawer-desc { font-size: 0.75rem; opacity: 0.75; line-height: 1.35; } .lgk-wishlist-menu-link__count { position: static; min-width: 1.1rem; margin-left: 0.15rem; opacity: 0; transform: none; } .lgk-wishlist-menu-link__count.is-visible { opacity: 1; } .lgk-wishlist-menu-link__count--drawer { position: absolute; top: 0.5rem; right: 0.5rem; margin: 0; } .lgk-wishlist-menu-link--drawer { position: relative; } .lgk-sidebar-quick-nav__pill--wishlist { border-color: rgb(255 77 109 / 0.45); color: #ffb3c1; } /* Effet étoiles — inspiration Rating Animation (burst au clic wishlist) */ .lgk-stars-burst { position: absolute; left: 50%; top: 50%; width: 0; height: 0; pointer-events: none; z-index: 12; } .lgk-stars-burst__particle { position: absolute; left: 0; top: 0; opacity: 0; transform: translate(-50%, -50%) scale(0.2); animation: lgk-star-burst-fly 0.78s cubic-bezier(0.22, 1, 0.36, 1) var(--lgk-burst-delay) forwards; } .lgk-stars-burst__star { fill: #ffd447; stroke: #fff3b0; stroke-width: 0.35; transform-origin: center; filter: drop-shadow(0 0 6px rgb(0 255 240 / 0.85)); animation: lgk-star-burst-pop 0.55s ease-out var(--lgk-burst-delay) forwards; } .lgk-stars-burst__ring { fill: none; stroke: rgb(0 255 240 / 0.75); stroke-width: 1.5; transform-origin: center; animation: lgk-star-burst-ring 0.65s ease-out var(--lgk-burst-delay) forwards; } @keyframes lgk-star-burst-fly { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.15) rotate(0deg); } 18% { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(18deg); } 100% { opacity: 0; transform: translate(-50%, -50%) translate(var(--lgk-tx), var(--lgk-ty)) scale(0.55) rotate(160deg); } } @keyframes lgk-star-burst-pop { 0% { transform: scale(0); opacity: 0; } 35% { transform: scale(1.25); opacity: 1; } 100% { transform: scale(0.7); opacity: 0; } } @keyframes lgk-star-burst-ring { 0% { transform: scale(0.3); opacity: 0.9; } 100% { transform: scale(2.2); opacity: 0; } } @media (prefers-reduced-motion: reduce) { .lgk-stars-burst__particle, .lgk-stars-burst__star, .lgk-stars-burst__ring { animation: none !important; } } /* ===== lgk-home-seo-content.css ===== */ /* LGK — Bloc SEO accueil (style Gaming Zone / hub collections) */ .shopify-section--lgk-home-seo-content { --lgk-seo-accent: 167 139 250; --lgk-seo-gaming: 52 211 153; --lgk-seo-warm: 251 191 36; } .lgk-home-seo__shell { width: 100%; max-width: none; margin-inline: 0; padding-inline: max(var(--container-gutter), 1rem); box-sizing: border-box; } .lgk-home-seo { display: flex; flex-direction: column; gap: clamp(1.15rem, 2.5vw, 1.65rem); width: 100%; max-width: none; margin-inline: 0; } .lgk-home-seo__head { max-width: 52rem; margin-inline: auto; text-align: center; padding-block-end: 0; } .lgk-home-seo__badge { display: inline-flex; align-items: center; gap: 0.35rem; margin: 0; padding: 0.35rem 0.85rem; border-radius: 999px; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(var(--lgk-seo-gaming)); background: rgb(var(--lgk-seo-gaming) / 0.12); border: 1px solid rgb(var(--lgk-seo-gaming) / 0.32); } .lgk-home-seo__title { margin: 0.65rem 0 0; font-size: clamp(1.45rem, 3.2vw, 2rem); font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; } .lgk-home-seo__lead { margin: 0.6rem 0 0; color: rgb(var(--text-color) / 0.74); font-size: clamp(0.875rem, 1.6vw, 1rem); line-height: 1.6; } .lgk-home-seo__lead strong { color: rgb(var(--text-color) / 0.92); font-weight: 700; } /* Grille cartes */ .lgk-home-seo__grid { display: grid; gap: clamp(0.75rem, 1.6vw, 1rem); grid-template-columns: 1fr; margin-block-start: 0; } @media screen and (min-width: 700px) { .lgk-home-seo__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lgk-home-seo-card--featured, .lgk-home-seo-card--span { grid-column: 1 / -1; } } .lgk-home-seo-card { display: grid; gap: 0.7rem; align-content: start; padding: clamp(1rem, 1.8vw, 1.25rem); border-radius: 18px; border: 1px solid rgb(var(--text-color) / 0.12); background: radial-gradient(ellipse 70% 55% at 100% 0%, rgb(var(--lgk-seo-accent) / 0.1), transparent 58%), rgb(var(--text-color) / 0.04); box-shadow: 0 12px 32px rgb(0 0 0 / 0.22); transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .lgk-home-seo-card:hover { border-color: rgb(var(--lgk-seo-accent) / 0.35); transform: translateY(-2px); box-shadow: 0 16px 40px rgb(0 0 0 / 0.28); } .lgk-home-seo-card--featured { border-color: rgb(var(--lgk-seo-gaming) / 0.42); background: radial-gradient(ellipse 80% 60% at 100% 0%, rgb(var(--lgk-seo-gaming) / 0.18), transparent 55%), radial-gradient(ellipse 50% 40% at 0% 100%, rgb(var(--lgk-seo-gaming) / 0.08), transparent 50%), rgb(6 78 59 / 0.22); } .lgk-home-seo-card--featured:hover { border-color: rgb(var(--lgk-seo-gaming) / 0.55); } .lgk-home-seo-card__top { display: flex; align-items: flex-start; gap: 0.75rem; } .lgk-home-seo-card__icon { flex-shrink: 0; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 12px; font-size: 1.2rem; line-height: 1; background: rgb(var(--lgk-seo-accent) / 0.14); border: 1px solid rgb(var(--lgk-seo-accent) / 0.28); } .lgk-home-seo-card--featured .lgk-home-seo-card__icon { background: rgb(var(--lgk-seo-gaming) / 0.16); border-color: rgb(var(--lgk-seo-gaming) / 0.35); } .lgk-home-seo-card__heading { margin: 0; font-size: clamp(0.95rem, 1.8vw, 1.1rem); font-weight: 800; line-height: 1.25; letter-spacing: -0.01em; text-transform: uppercase; } .lgk-home-seo-card__subheading { margin: 0.35rem 0 0; font-size: 0.8125rem; font-weight: 700; color: rgb(var(--lgk-seo-accent)); line-height: 1.35; } .lgk-home-seo-card--featured .lgk-home-seo-card__subheading { color: rgb(var(--lgk-seo-gaming)); } .lgk-home-seo-card__text { margin: 0; font-size: 0.875rem; line-height: 1.58; color: rgb(var(--text-color) / 0.78); } .lgk-home-seo-card__text strong { color: rgb(var(--text-color) / 0.94); font-weight: 700; } .lgk-home-seo-card__text a { color: rgb(var(--lgk-seo-gaming)); text-decoration: underline; text-underline-offset: 0.15em; font-weight: 600; } .lgk-home-seo-card__text a:hover { color: rgb(var(--lgk-seo-accent)); } .lgk-home-seo-card__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-block-start: 0.35rem; padding-block-start: 0.15rem; } .lgk-home-seo-card__link { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.45rem 0.85rem; border-radius: 999px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.02em; text-decoration: none; color: rgb(var(--text-color)); background: rgb(var(--text-color) / 0.08); border: 1px solid rgb(var(--text-color) / 0.16); transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; } .lgk-home-seo-card__link:hover { background: rgb(var(--lgk-seo-gaming) / 0.14); border-color: rgb(var(--lgk-seo-gaming) / 0.4); color: rgb(var(--text-color)); } .lgk-home-seo-card__link--primary { color: rgb(6 78 59); background: rgb(var(--lgk-seo-gaming)); border-color: rgb(var(--lgk-seo-gaming)); } .lgk-home-seo-card__link--primary:hover { background: rgb(var(--lgk-seo-gaming) / 0.88); border-color: rgb(var(--lgk-seo-gaming) / 0.88); color: rgb(6 78 59); } /* Chips périphériques */ .lgk-home-seo-chips { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0.15rem 0 0; padding: 0; list-style: none; } .lgk-home-seo-chips__item { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.35rem 0.65rem; border-radius: 999px; font-size: 0.6875rem; font-weight: 600; line-height: 1.3; color: rgb(var(--text-color) / 0.88); background: rgb(var(--text-color) / 0.07); border: 1px solid rgb(var(--text-color) / 0.12); } .lgk-home-seo-chips__item strong { font-weight: 800; color: rgb(var(--text-color)); } /* Séparateur avant bandeau confiance */ .lgk-home-seo__trust-zone { margin-block-start: 0; padding-block-start: clamp(0.85rem, 2vw, 1.15rem); border-block-start: 1px solid rgb(var(--text-color) / 0.1); } /* Bandeau confiance */ .lgk-home-seo__trust { display: grid; gap: clamp(0.65rem, 1.5vw, 0.85rem); margin: 0; padding: clamp(1rem, 2vw, 1.25rem); border-radius: 18px; list-style: none; border: 1px solid rgb(var(--lgk-seo-warm) / 0.28); background: radial-gradient(ellipse 60% 80% at 0% 50%, rgb(var(--lgk-seo-warm) / 0.1), transparent 60%), rgb(var(--text-color) / 0.04); } @media screen and (min-width: 700px) { .lgk-home-seo__trust { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (min-width: 1000px) { .lgk-home-seo__trust { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-home-seo__trust-item { display: flex; align-items: flex-start; gap: 0.65rem; margin: 0; padding: 0.35rem 0.25rem; font-size: 0.8125rem; line-height: 1.5; color: rgb(var(--text-color) / 0.78); } .lgk-home-seo__trust-ico { flex-shrink: 0; font-size: 1.05rem; line-height: 1; } .lgk-home-seo__trust-item strong { display: block; color: rgb(var(--text-color)); font-weight: 800; font-size: 0.875rem; } /* Reset prose hérité */ .shopify-section--lgk-home-seo-content .lgk-home-seo h2, .shopify-section--lgk-home-seo-content .lgk-home-seo h3, .shopify-section--lgk-home-seo-content .lgk-home-seo p, .shopify-section--lgk-home-seo-content .lgk-home-seo ul { margin: 0; } .shopify-section--lgk-home-seo-content .prose { max-width: none; } /* ===== lgk-universes-hub.css ===== */ /* Hub univers LeGeekShop — cartes curatées */ .lgk-uh { width: 100%; margin: 0; } .lgk-uh__head { margin: 0 0 1.15rem; text-align: center; } .lgk-uh__badge { display: inline-flex; margin: 0; padding: 0.35rem 0.75rem; border-radius: 999px; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #22d3ee; background: rgba(34, 211, 238, 0.1); border: 1px solid rgba(34, 211, 238, 0.28); } .lgk-uh__title { margin: 0.75rem 0 0; font-size: clamp(1.35rem, 2.8vw, 1.85rem); font-weight: 800; letter-spacing: -0.025em; color: var(--lgk-text-primary, #e8edf5); line-height: 1.15; } .lgk-uh__sub { margin: 0.55rem auto 0; max-width: 42rem; font-size: 0.92rem; line-height: 1.5; color: var(--lgk-text-secondary, #94a3b8); } .lgk-uh__grid { display: grid; grid-template-columns: 1fr; gap: 0.75rem; } @media screen and (min-width: 700px) { .lgk-uh__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (min-width: 1100px) { .lgk-uh__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9rem; } } .lgk-uh__card { position: relative; display: grid; gap: 0.35rem; align-content: start; padding: 1.05rem 1.1rem 1.1rem 1.2rem; border-radius: var(--lgk-radius, 10px); border: 1px solid var(--lgk-border, rgba(148, 163, 184, 0.14)); background: var(--lgk-surface, #151a24); text-decoration: none; color: inherit; overflow: hidden; transition: border-color 0.18s ease, transform 0.18s ease, background 0.18s ease; } .lgk-uh__card:hover, .lgk-uh__card:focus-visible { border-color: rgba(34, 211, 238, 0.4); background: #1c2333; transform: translateY(-2px); } .lgk-uh__card.is-current { border-color: rgba(37, 99, 235, 0.55); box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.25); } .lgk-uh__accent { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #2563eb; } .lgk-uh__card--gaming .lgk-uh__accent { background: linear-gradient(180deg, #22c55e, #2563eb); } .lgk-uh__card--games .lgk-uh__accent { background: linear-gradient(180deg, #2563eb, #22d3ee); } .lgk-uh__card--featured { outline: 1px solid rgba(249, 115, 22, 0.45); box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.12), 0 10px 28px rgba(0, 0, 0, 0.28); } .lgk-uh__card--featured .lgk-uh__kicker { color: #fb923c; } .lgk-uh__card--geek .lgk-uh__accent { background: linear-gradient(180deg, #7c3aed, #22d3ee); } .lgk-uh__card--fivem .lgk-uh__accent { background: linear-gradient(180deg, #f59e0b, #ef4444); } .lgk-uh__card--bot .lgk-uh__accent { background: linear-gradient(180deg, #5865f2, #22d3ee); } .lgk-uh__card--create .lgk-uh__accent { background: linear-gradient(180deg, #22d3ee, #7c3aed); } .lgk-uh__kicker { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #64748b; } .lgk-uh__name { font-size: 1.05rem; font-weight: 800; color: #e8edf5; letter-spacing: -0.02em; line-height: 1.25; } .lgk-uh__desc { font-size: 0.84rem; line-height: 1.45; color: #94a3b8; } .lgk-uh__cta { margin-top: 0.35rem; font-size: 0.82rem; font-weight: 700; color: #22d3ee; } .lgk-uh__card:hover .lgk-uh__cta { color: #67e8f9; } .lgk-uh__sisters { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(148, 163, 184, 0.12); text-align: center; } .lgk-uh__sisters-label { margin: 0 0 0.65rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #64748b; } .lgk-uh__sisters-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.45rem; } .lgk-uh__sister { display: inline-flex; align-items: center; padding: 0.4rem 0.75rem; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.18); background: #11151f; color: #cbd5e1; font-size: 0.78rem; font-weight: 600; text-decoration: none; transition: border-color 0.15s ease, color 0.15s ease; } .lgk-uh__sister:hover { border-color: rgba(34, 211, 238, 0.4); color: #22d3ee; } .lgk-uh--compact .lgk-uh__head { margin-bottom: 0.85rem; } .lgk-uh--compact .lgk-uh__title { font-size: clamp(1.15rem, 2.2vw, 1.45rem); } .lgk-uh--compact .lgk-uh__card { padding: 0.9rem 1rem; } /* Dans le mesh collections */ .lgk-mesh-accordion-list .lgk-uh, .lgk-collections-directory__groups .lgk-uh, .lgk-home-collections-hub .lgk-uh { margin-top: 0.25rem; } /* ===== lgk-navi-slide.css ===== */ /* LGK Navi Slide — rendu fidèle Navi+ CONTEXT_SLIDE */ .lgk-navi-slide { --lgk-navi-text: #ffffff; --lgk-navi-bg: #2a2a2a; --lgk-navi-sub-bg: #2a2a2a; --lgk-navi-divider: #212121; --lgk-navi-icon: #ffffff; --lgk-navi-accent: #e12f40; --lgk-navi-text-size: 15px; --lgk-navi-icon-size: 20px; --lgk-navi-item-h: 58px; --lgk-navi-sub-width: 100%; --lgk-navi-submenu-width: 100%; --lgk-navi-bottom-margin: 16px; --lgk-navi-z: 2147483646; --lgk-navi-bg-texture: url('https://naviplus.b-cdn.net/naviplus/images/bg/7.jpg?100'); --lgk-navi-section-bg: rgba(0, 0, 0, 0.62); --lgk-navi-row-bg: rgba(0, 0, 0, 0.42); --lgk-navi-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95), 0 0 1px rgba(0, 0, 0, 1); --lgk-navi-ease: cubic-bezier(0.22, 1, 0.36, 1); position: fixed; inset: 0; z-index: var(--lgk-navi-z); pointer-events: none; visibility: hidden; opacity: 0; } .lgk-navi-slide.is-open { pointer-events: auto; visibility: visible !important; opacity: 1 !important; z-index: 2147483646 !important; } .lgk-navi-slide__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); opacity: 0; transition: opacity 0.28s ease; } .lgk-navi-slide.is-open .lgk-navi-slide__overlay { opacity: 1; } .lgk-navi-slide__drawer { position: absolute; top: 0; left: 0; bottom: 0; width: var(--lgk-navi-sub-width); max-width: 100%; background-color: var(--lgk-navi-bg); background-image: var(--lgk-navi-bg-texture); background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--lgk-navi-text); box-shadow: 8px 0 32px rgba(0, 0, 0, 0.45); transform: translateX(-105%); transition: transform 0.32s var(--lgk-navi-ease); display: flex; flex-direction: column; overflow: hidden; isolation: isolate; } /* Voile sombre sur la texture pour améliorer la lisibilité */ .lgk-navi-slide__drawer::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.68) 100%); pointer-events: none; z-index: 0; } .lgk-navi-slide__header, .lgk-navi-slide__panels, .lgk-navi-slide__close, .lgk-navi-slide__back, .lgk-gd-menu-promo--drawer { position: relative; z-index: 1; } .lgk-navi-slide.is-open .lgk-navi-slide__drawer { transform: translate3d(0, 0, 0) !important; visibility: visible !important; } .lgk-navi-slide__panels { position: relative; flex: 1; min-height: 0; overflow: hidden; } .lgk-navi-slide__panel { position: absolute; inset: 0; display: flex; flex-direction: column; background-color: var(--lgk-navi-bg); background-image: var(--lgk-navi-bg-texture); background-size: cover; background-position: center; transform: translateX(100%); transition: transform 0.3s var(--lgk-navi-ease); opacity: 0; pointer-events: none; } .lgk-navi-slide__panel.is-active { transform: translate3d(0, 0, 0) !important; opacity: 1 !important; pointer-events: auto; z-index: 2; visibility: visible !important; } .lgk-navi-slide__panel.is-behind { transform: translateX(-28%); opacity: 0.55; z-index: 1; pointer-events: none; } .lgk-navi-slide__close { position: absolute; top: var(--lgk-navi-close-top, 12px); right: 10px; z-index: 80; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: none; background: transparent; color: #fff; cursor: pointer; border-radius: 8px; } .lgk-navi-slide__close:hover { background: rgba(255, 255, 255, 0.1); } .lgk-navi-slide__panel-header { display: flex; align-items: center; gap: 0.5rem; min-height: 48px; padding: 0.35rem 0.75rem 0.35rem 0.5rem; border-bottom: 1px solid var(--lgk-navi-divider); flex-shrink: 0; background: rgba(0, 0, 0, 0.25); } .lgk-navi-slide__back { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: none; background: transparent; color: var(--lgk-navi-text); cursor: pointer; border-radius: 8px; } .lgk-navi-slide__back:hover { background: rgba(255, 255, 255, 0.08); } .lgk-navi-slide__panel-title { flex: 1; margin: 0; font-size: 0.95rem; font-weight: 700; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lgk-navi-slide__scroller { flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding-bottom: 2rem; } .lgk-navi-slide__scroller::-webkit-scrollbar { width: 4px; } .lgk-navi-slide__scroller::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.35); border-radius: 4px; } .lgk-navi-slide__list { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; width: 100%; box-sizing: border-box; padding-bottom: var(--lgk-navi-bottom-margin, 16px); } #lgk-navi-slide .lgk-navi-slide__submenu[hidden], #lgk-navi-slide .lgk-navi-slide__submenu--grid3[hidden], .lgk-navi-slide__submenu[hidden], .lgk-navi-slide__submenu--grid3[hidden] { display: none !important; } #lgk-navi-slide .lgk-navi-slide__submenu, #lgk-navi-slide .lgk-navi-slide__submenu--grid3, .lgk-navi-slide__submenu, .lgk-navi-slide__submenu--grid3 { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; grid-template-rows: none !important; grid-auto-columns: unset !important; grid-auto-rows: min-content !important; grid-auto-flow: row !important; align-items: start !important; align-content: start !important; gap: 0.35rem; margin: 0; padding: 0.5rem 0.4rem 0.65rem; list-style: none; width: 100%; max-width: 100%; box-sizing: border-box; overflow-x: hidden; overflow-y: visible; background-color: var(--lgk-navi-sub-bg); border-left: 3px solid var(--lgk-navi-accent); } #lgk-navi-slide .lgk-navi-slide__submenu > .lgk-navi-slide__item, .lgk-navi-slide__submenu > .lgk-navi-slide__item { display: block; height: auto; align-self: start; } .lgk-navi-slide__item { position: relative; min-width: 0; display: flex; flex-direction: column; } .lgk-navi-slide__item--span-1 { grid-column: span 1; } .lgk-navi-slide__item--span-2 { grid-column: span 2; } .lgk-navi-slide__item--span-3 { grid-column: span 3; } .lgk-navi-slide__item--span-4 { grid-column: span 4; } .lgk-navi-slide__item--span-5 { grid-column: span 5; } .lgk-navi-slide__item--span-6 { grid-column: span 6; } .lgk-navi-slide__item--span-7 { grid-column: span 7; } .lgk-navi-slide__item--span-8 { grid-column: span 8; } .lgk-navi-slide__item--span-9 { grid-column: span 9; } .lgk-navi-slide__item--span-10 { grid-column: span 10; } .lgk-navi-slide__item--span-11 { grid-column: span 11; } .lgk-navi-slide__item--span-12 { grid-column: span 12; } .lgk-navi-slide__item.is-expanded { grid-column: 1 / -1; } .lgk-navi-slide__submenu > .lgk-navi-slide__item[class*='--span-'] { min-width: 0; max-width: 100%; } .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-4 { grid-column: span 4; } .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-6 { grid-column: span 4; } .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-12 > .lgk-navi-slide__row, .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-12 > .lgk-navi-slide__row-btn { align-items: flex-start; gap: 0.45rem; padding: 0.45rem 0.65rem; min-height: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-12:last-child > .lgk-navi-slide__row, .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-12:last-child > .lgk-navi-slide__row-btn { border-bottom: none; } .lgk-navi-slide__submenu .lgk-navi-slide__media--service { --lgk-navi-thumb: 28px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; } .lgk-navi-slide__submenu .lgk-navi-slide__media--service .lgk-navi-slide__icon { font-size: 1.1rem; line-height: 1; } .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-12 .lgk-navi-slide__name { font-weight: 600; font-size: 0.88rem; line-height: 1.3; text-shadow: var(--lgk-navi-text-shadow); } .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-12 .lgk-navi-slide__desc { margin-top: 0.1rem; font-size: 0.78rem; line-height: 1.4; color: rgba(255, 255, 255, 0.92); text-shadow: var(--lgk-navi-text-shadow); } /* Blog : catégorie ouverte → liste articles pleine largeur */ .lgk-navi-slide__submenu > .lgk-navi-slide__item.lgk-navi-blog-category.is-expanded { grid-column: 1 / -1; } .lgk-navi-slide__submenu--blog-articles { width: 100%; margin-top: 0.2rem; } .lgk-navi-slide__row--blog-article { align-items: center; gap: 0.75rem; } .lgk-navi-slide__row--blog-article .lgk-navi-slide__media--blog-thumb { width: 72px; height: 54px; flex-shrink: 0; border-radius: 4px; overflow: hidden; background: rgba(0, 0, 0, 0.25); } .lgk-navi-slide__row--blog-article .lgk-navi-slide__media--blog-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .lgk-navi-slide__row--blog-article .lgk-navi-slide__name { font-weight: 600; font-size: 0.8rem; line-height: 1.3; } .lgk-navi-slide__row--blog-article .lgk-navi-slide__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lgk-navi-slide__item.is-expanded > .lgk-navi-slide__submenu { flex: none; align-self: stretch; } .lgk-navi-slide__item--spacer { pointer-events: none; } .lgk-navi-slide__spacer { width: 100%; display: block; } .lgk-navi-slide__item--w-12-12 { grid-column: span 12; } .lgk-navi-slide__brand { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.35rem; padding: 1.25rem 2.5rem 1rem; background-color: rgba(0, 0, 0, 0.55); background-size: cover; background-position: center; background-blend-mode: multiply; } .lgk-navi-slide__brand-logo { display: block; width: 52px; height: 52px; object-fit: contain; border-radius: 50%; } .lgk-navi-slide__brand-name { margin: 0.15rem 0 0; font-size: 1.05rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.3; color: #fff; text-shadow: var(--lgk-navi-text-shadow); } .lgk-navi-slide__brand-desc { margin: 0; font-size: 0.72rem; font-weight: 500; line-height: 1.35; color: rgba(255, 255, 255, 0.94); max-width: none; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: var(--lgk-navi-text-shadow); } .lgk-navi-slide__brand--left-right { flex-direction: row; align-items: flex-start; text-align: left; padding: 1rem 0.85rem 0.85rem; gap: 0.75rem; } .lgk-navi-slide__brand--left-right .lgk-navi-slide__brand-media { flex-shrink: 0; } .lgk-navi-slide__brand--left-right .lgk-navi-slide__brand-logo { width: 50px; height: 50px; border-radius: 8px; } .lgk-navi-slide__brand--left-right .lgk-navi-slide__brand-text { flex: 1; min-width: 0; } .lgk-navi-slide__brand--left-right .lgk-navi-slide__brand-name { text-align: left; } .lgk-navi-slide__brand--left-right .lgk-navi-slide__brand-desc { max-width: none; text-align: left; } .lgk-navi-slide__brand-btn .lgk-navi-slide__brand--left-right, .lgk-navi-slide__brand-link .lgk-navi-slide__brand--left-right { padding-right: 2rem; } .lgk-navi-slide__brand-btn, .lgk-navi-slide__brand-link { display: block; width: 100%; padding: 0; border: none; background: transparent; color: inherit; text-decoration: none; text-align: inherit; cursor: pointer; font: inherit; position: relative; } .lgk-navi-slide__brand-btn:hover, .lgk-navi-slide__brand-link:hover { background-color: rgba(255, 255, 255, 0.04); } .lgk-navi-slide__brand-btn .lgk-navi-slide__chevron { position: absolute; right: 0.85rem; top: 50%; transform: translateY(-50%); } .lgk-navi-slide__brand--article { padding: 0.75rem 0.85rem 1rem; background-image: none !important; } .lgk-navi-slide__brand-article-img { display: block; width: 100%; height: auto; max-height: 140px; object-fit: cover; border-radius: 4px; margin-bottom: 0.5rem; } .lgk-navi-slide__hero-wrap { display: block; width: 100%; padding: 0; border: none; background: transparent; cursor: pointer; text-align: left; } .lgk-navi-slide__hero-label { display: flex; align-items: center; gap: 0.5rem; padding: 0.65rem 0.85rem; background: rgba(0, 0, 0, 0.35); } .lgk-navi-slide__hero-label .lgk-navi-slide__chevron { margin-left: auto; } .lgk-navi-slide__section-bar { display: block; width: 100%; flex: 1; padding: 0.8rem 0.85rem; font-size: 1.02rem; font-weight: 700; line-height: 1.3; color: #fff; text-shadow: var(--lgk-navi-text-shadow); background: var(--lgk-navi-section-bg); box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .lgk-navi-slide__section-bar--toggle { display: flex; align-items: center; gap: 0.5rem; border: none; cursor: pointer; text-align: left; font: inherit; } .lgk-navi-slide__section-bar--toggle .lgk-navi-slide__section-bar-text { flex: 1; min-width: 0; } .lgk-navi-slide__section-bar--toggle .lgk-navi-slide__chevron { margin-left: auto; } .lgk-navi-slide__hero-btn { cursor: pointer; } .lgk-navi-slide__item > .lgk-navi-slide__section-bar + .lgk-navi-slide__hero-wrap { display: block; width: 100%; } .lgk-navi-slide__item > .lgk-navi-slide__section-bar + .lgk-navi-slide__hero-btn:hover { opacity: 0.92; } .lgk-navi-slide__item > .lgk-navi-slide__section-bar + .lgk-navi-slide__hero-wrap .lgk-navi-slide__hero-img { display: block; width: 100%; min-height: 140px; max-height: 200px; height: auto; object-fit: cover; } .lgk-navi-slide__row, .lgk-navi-slide__row-btn { display: flex; align-items: flex-start; gap: 0.65rem; width: 100%; flex: 1; min-height: var(--lgk-navi-item-h); padding: 0.75rem 0.85rem; border: none; background-color: var(--lgk-navi-row-bg); background-size: cover; background-position: center; background-blend-mode: multiply; color: inherit; text-decoration: none; text-align: left; font: inherit; font-size: var(--lgk-navi-text-size); cursor: pointer; box-sizing: border-box; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .lgk-navi-slide__row:hover, .lgk-navi-slide__row-btn:hover { background-color: rgba(0, 0, 0, 0.58); } .lgk-navi-slide__row--top-down { flex-direction: column; align-items: stretch; min-height: auto; padding: 0; gap: 0; } .lgk-navi-slide__row--left-right { flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; } /* Menu racine : vignette gauche + texte aligné à gauche */ .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row, .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row-btn { --lgk-navi-thumb: 64px; text-align: left !important; align-items: center; justify-content: flex-start; gap: 0.75rem; min-height: 72px; } .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row .lgk-navi-slide__body, .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row-btn .lgk-navi-slide__body { text-align: left !important; flex: 1; min-width: 0; } .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row .lgk-navi-slide__media img, .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row-btn .lgk-navi-slide__media img { width: 64px; height: 64px; object-fit: cover; border-radius: 6px; } .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row .lgk-navi-slide__chevron, .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row-btn .lgk-navi-slide__chevron { align-self: center; margin-left: auto; flex-shrink: 0; } .lgk-navi-slide__media { flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-top: 0.1rem; } .lgk-navi-slide__media img { display: block; width: var(--lgk-navi-thumb, 42px); height: var(--lgk-navi-thumb, 42px); object-fit: cover; border-radius: 4px; } .lgk-navi-slide__icon { font-size: var(--lgk-navi-icon-size); color: var(--lgk-navi-icon); line-height: 1; } .lgk-navi-slide__body { flex: 1; min-width: 0; padding-right: 0.25rem; } .lgk-navi-slide__name { display: block; font-weight: 700; line-height: 1.35; color: #fff; white-space: normal; font-size: max(0.9rem, var(--lgk-navi-row-title, 0.9rem)); text-shadow: var(--lgk-navi-text-shadow); letter-spacing: 0.01em; } .lgk-navi-slide__desc { display: block; margin-top: 0.3rem; font-size: 0.82rem; font-weight: 500; line-height: 1.45; color: rgba(255, 255, 255, 0.94); text-shadow: var(--lgk-navi-text-shadow); white-space: normal; } .lgk-navi-slide__chevron { flex-shrink: 0; align-self: center; opacity: 0.85; margin-left: auto; transition: transform 0.2s ease; } .lgk-navi-slide__item.is-expanded > [data-navi-toggle] .lgk-navi-slide__chevron { transform: rotate(90deg); } .lgk-navi-slide__item.is-expanded > .lgk-navi-slide__brand-btn .lgk-navi-slide__chevron { transform: translateY(-50%) rotate(90deg); } .lgk-navi-slide__submenu > .lgk-navi-slide__item > .lgk-navi-slide__grid-tile, .lgk-navi-slide__submenu > .lgk-navi-slide__item > .lgk-navi-slide__brand-btn, .lgk-navi-slide__submenu > .lgk-navi-slide__item > .lgk-navi-slide__brand-link, .lgk-navi-slide__submenu > .lgk-navi-slide__item > .lgk-navi-slide__category-tile-btn { flex: none; width: 100%; height: auto; min-height: 0; } .lgk-navi-slide__submenu > .lgk-navi-slide__item--spacer { display: none !important; } #lgk-navi-slide .lgk-navi-slide__submenu .lgk-navi-slide__grid-tile-media, .lgk-navi-slide__submenu .lgk-navi-slide__grid-tile-media { overflow: hidden; width: 100%; height: 110px; min-height: 110px; max-height: 110px; margin-bottom: 0.35rem; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.22); border-radius: 4px; } #lgk-navi-slide .lgk-navi-slide__submenu .lgk-navi-slide__grid-tile-media img, .lgk-navi-slide__submenu .lgk-navi-slide__grid-tile-media img { display: block; width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; object-fit: contain; object-position: center; border-radius: 4px; background: transparent; } .lgk-navi-slide__submenu .lgk-navi-slide__brand-btn, .lgk-navi-slide__submenu .lgk-navi-slide__brand-link { min-width: 0; max-width: 100%; overflow: hidden; } #lgk-navi-slide .lgk-navi-slide__submenu .lgk-navi-slide__grid-tile, .lgk-navi-slide__submenu .lgk-navi-slide__grid-tile { flex: none; min-height: 0; height: auto; overflow: hidden; } .lgk-navi-slide__grid-tile { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; min-width: 0; min-height: 0; padding: 0.45rem 0.3rem 0.55rem; border: none; border-radius: 6px; background: rgba(255, 255, 255, 0.05); color: inherit; text-decoration: none; text-align: center; cursor: pointer; font: inherit; box-sizing: border-box; } .lgk-navi-slide__grid-tile:hover { background: rgba(255, 255, 255, 0.1); } .lgk-navi-slide__item.is-expanded > .lgk-navi-slide__grid-tile, .lgk-navi-slide__item.is-expanded > .lgk-navi-slide__grid-tile-split .lgk-navi-slide__grid-tile { background: rgba(255, 255, 255, 0.12); } .lgk-navi-slide__grid-tile-split { position: relative; display: block; width: 100%; } .lgk-navi-slide__grid-tile-expand { position: absolute; top: 0.25rem; right: 0.25rem; z-index: 2; display: flex; align-items: center; justify-content: center; width: 1.55rem; height: 1.55rem; padding: 0; margin: 0; border: none; border-radius: 6px; background: rgba(0, 0, 0, 0.55); color: #fff; cursor: pointer; font: inherit; } .lgk-navi-slide__grid-tile-expand .lgk-navi-slide__chevron { position: static; margin: 0; width: 14px; height: 14px; filter: none; } .lgk-navi-slide__item.is-expanded > .lgk-navi-slide__grid-tile-split .lgk-navi-slide__grid-tile-expand .lgk-navi-slide__chevron { transform: rotate(90deg); } .lgk-navi-slide__row-split { position: relative; display: block; width: 100%; } .lgk-navi-slide__row-split > .lgk-navi-slide__row { padding-inline-end: 2rem; } .lgk-navi-slide__row-expand { position: absolute; top: 50%; right: 0.25rem; z-index: 2; display: flex; align-items: center; justify-content: center; width: 1.55rem; height: 1.55rem; padding: 0; margin: 0; border: none; border-radius: 6px; background: rgba(0, 0, 0, 0.45); color: #fff; cursor: pointer; font: inherit; transform: translateY(-50%); } .lgk-navi-slide__row-expand .lgk-navi-slide__chevron { position: static; margin: 0; width: 14px; height: 14px; filter: none; } .lgk-navi-slide__item.is-expanded > .lgk-navi-slide__row-split .lgk-navi-slide__row-expand .lgk-navi-slide__chevron { transform: rotate(90deg); } .lgk-navi-slide__grid-tile-media { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 0.35rem; } .lgk-navi-slide__grid-tile-media img { display: block; width: 100%; max-width: none; height: 72px; object-fit: cover; border-radius: 4px; } .lgk-navi-slide__grid-tile-media--icon { display: flex; align-items: center; justify-content: center; width: 2.65rem; height: 2.65rem; min-height: 2.65rem; margin: 0 auto 0.35rem; border-radius: 10px; font-size: 1.35rem; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); } .lgk-navi-slide__grid-tile-media--icon i { line-height: 1; } .lgk-navi-slide__grid-tile:hover .lgk-navi-slide__grid-tile-media--icon { filter: brightness(1.08); transform: scale(1.04); } .lgk-navi-slide__grid-tile-media--icon { transition: transform 0.15s ease, filter 0.15s ease; } /* Share now — couleurs réseaux */ .lgk-navi-share-tile--facebook .lgk-navi-slide__grid-tile-media--icon { background: #1877f2 !important; color: #fff !important; } .lgk-navi-share-tile--facebook { background: rgba(24, 119, 242, 0.12); } .lgk-navi-share-tile--x .lgk-navi-slide__grid-tile-media--icon { background: #000000 !important; color: #fff !important; } .lgk-navi-share-tile--x { background: rgba(0, 0, 0, 0.2); } .lgk-navi-share-tile--share .lgk-navi-slide__grid-tile-media--icon { background: #e1306c !important; color: #fff !important; } .lgk-navi-share-tile--share { background: rgba(225, 48, 108, 0.12); } .lgk-navi-share-tile--copy .lgk-navi-slide__grid-tile-media--icon { background: #25d366 !important; color: #fff !important; } .lgk-navi-share-tile--copy { background: rgba(37, 211, 102, 0.12); } .lgk-navi-share-tile--facebook:hover, .lgk-navi-share-tile--x:hover, .lgk-navi-share-tile--share:hover, .lgk-navi-share-tile--copy:hover { background: rgba(255, 255, 255, 0.1); } /* Follow us — lignes réseaux colorées */ .lgk-navi-social-row .lgk-navi-slide__media { border-radius: 10px; } .lgk-navi-slide__row.lgk-navi-social-row { background-color: rgba(0, 0, 0, 0.48); min-height: 52px; padding: 0.7rem 0.85rem; } .lgk-navi-slide__row.lgk-navi-social-row .lgk-navi-slide__name { font-size: 0.92rem !important; font-weight: 600; line-height: 1.35; } .lgk-navi-social-row--spotify .lgk-navi-slide__media { background: #1db954 !important; color: #fff !important; } .lgk-navi-social-row--discord .lgk-navi-slide__media { background: #5865f2 !important; color: #fff !important; } .lgk-navi-social-row--telegram .lgk-navi-slide__media { background: #26a5e4 !important; color: #fff !important; } .lgk-navi-social-row--telegram-chat .lgk-navi-slide__media { background: #229ed9 !important; color: #fff !important; } .lgk-navi-social-row--whatsapp .lgk-navi-slide__media { background: #25d366 !important; color: #fff !important; } .lgk-navi-social-row--whatsapp-community .lgk-navi-slide__media { background: #128c7e !important; color: #fff !important; } .lgk-navi-social-row--instagram .lgk-navi-slide__media { background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af) !important; color: #fff !important; } .lgk-navi-social-row--tiktok .lgk-navi-slide__media { background: #000 !important; color: #fff !important; } .lgk-navi-social-row--x .lgk-navi-slide__media { background: #000 !important; color: #fff !important; } .lgk-navi-social-row--youtube .lgk-navi-slide__media { background: #ff0000 !important; color: #fff !important; } .lgk-navi-social-row--facebook .lgk-navi-slide__media { background: #1877f2 !important; color: #fff !important; } .lgk-navi-social-row--twitch .lgk-navi-slide__media { background: #9146ff !important; color: #fff !important; } .lgk-navi-social-row--pinterest .lgk-navi-slide__media { background: #e60023 !important; color: #fff !important; } .lgk-navi-slide__grid-tile-name { display: -webkit-box; width: 100%; font-size: 0.78rem; font-weight: 700; line-height: 1.35; color: #fff; text-shadow: var(--lgk-navi-text-shadow); -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .lgk-navi-slide__grid-tile-chevron { position: absolute; top: 0.2rem; right: 0.15rem; opacity: 0.85; } .lgk-navi-slide__grid-tile-chevron .lgk-navi-slide__chevron { width: 12px; height: 12px; margin: 0; } .lgk-navi-slide__item.is-expanded > .lgk-navi-slide__grid-tile .lgk-navi-slide__chevron { transform: rotate(90deg); } .lgk-navi-slide__submenu .lgk-navi-slide__submenu { grid-column: 1 / -1; margin-top: 0; padding-left: 0; border-left-width: 2px; } .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row, .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row-btn, .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__brand-btn, .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__hero-wrap { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .lgk-navi-slide--no-shadow .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row, .lgk-navi-slide--no-shadow .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row-btn { box-shadow: none; } .lgk-navi-slide__submenu .lgk-navi-slide__section-bar { font-size: 0.8rem; padding: 0.55rem 0.65rem; } .lgk-navi-slide__item.is-expanded > [data-navi-toggle] { outline: none; } .lgk-navi-slide__submenu .lgk-navi-slide__brand { padding: 0.85rem 0.75rem 0.65rem; } .lgk-navi-slide__submenu .lgk-navi-slide__brand--article { padding: 0.35rem 0.25rem 0.45rem; text-align: center; } .lgk-navi-slide__submenu .lgk-navi-slide__brand-article-img { display: block; width: 100%; height: 110px; min-height: 110px; max-height: 110px; object-fit: contain; object-position: center; margin-bottom: 0.4rem; border-radius: 4px; background: rgba(0, 0, 0, 0.22); } .lgk-navi-slide__submenu .lgk-navi-slide__brand--category-tile .lgk-navi-slide__brand-name { font-size: 0.68rem; line-height: 1.2; text-align: center; margin: 0; } .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-12 > .lgk-navi-slide__brand-link { display: block; width: 100%; } .lgk-navi-slide__submenu .lgk-navi-slide__brand--collection-banner { padding: 0; overflow: hidden; border-radius: 6px; } .lgk-navi-slide__submenu .lgk-navi-slide__brand--collection-banner .lgk-navi-slide__brand-article-img { min-height: 120px; max-height: none; height: auto; aspect-ratio: 16 / 7; margin-bottom: 0; border-radius: 0; object-fit: cover; background: transparent; } .lgk-navi-slide__collection-banner-label { padding: 0.75rem 0.85rem; background-color: rgba(0, 0, 0, 0.45); background-size: cover; background-position: center; text-align: center; } .lgk-navi-slide__collection-banner-label .lgk-navi-slide__brand-name { font-size: 0.82rem; font-weight: 600; margin: 0; } .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-4 > .lgk-navi-slide__brand-link, .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-4 > .lgk-navi-slide__category-tile-btn, .lgk-navi-slide__submenu > .lgk-navi-slide__item--span-4 > .lgk-navi-slide__category-tile-split { display: block; width: 100%; } .lgk-navi-slide__category-tile-split { position: relative; display: block; width: 100%; } .lgk-navi-slide__category-tile-link { display: block; text-decoration: none; color: inherit; } .lgk-navi-slide__category-tile-link:hover .lgk-navi-slide__brand--category-tile { filter: brightness(1.06); } .lgk-navi-slide__category-tile-expand { position: absolute; top: 0.3rem; right: 0.3rem; z-index: 2; display: flex; align-items: center; justify-content: center; width: 1.65rem; height: 1.65rem; padding: 0; margin: 0; border: none; border-radius: 6px; background: rgba(0, 0, 0, 0.55); color: #fff; cursor: pointer; font: inherit; } .lgk-navi-slide__category-tile-expand .lgk-navi-slide__chevron { position: static; margin: 0; width: 14px; height: 14px; filter: none; } .lgk-navi-slide__item.is-expanded > .lgk-navi-slide__category-tile-split .lgk-navi-slide__category-tile-expand .lgk-navi-slide__chevron { transform: rotate(90deg); } .lgk-navi-slide__category-tile-btn { position: relative; display: block; width: 100%; padding: 0; border: none; background: transparent; color: inherit; cursor: pointer; font: inherit; text-decoration: none; text-align: center; } .lgk-navi-slide__category-tile-btn .lgk-navi-slide__chevron { position: absolute; top: 0.3rem; right: 0.3rem; margin: 0; width: 14px; height: 14px; opacity: 0.9; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6)); } .lgk-navi-slide__item.is-expanded > .lgk-navi-slide__category-tile-btn .lgk-navi-slide__chevron { transform: rotate(90deg); } .lgk-navi-slide__submenu .lgk-navi-slide__brand-name { font-size: 0.8rem; line-height: 1.3; margin: 0; text-shadow: var(--lgk-navi-text-shadow); } .lgk-navi-slide__submenu .lgk-navi-slide__brand-desc { display: none; } .lgk-navi-slide__hero, .lgk-navi-slide__hero-btn, .lgk-navi-slide__hero-link { display: block; width: 100%; padding: 0; border: none; background: transparent; cursor: pointer; text-decoration: none; color: inherit; } .lgk-navi-slide__hero-link:hover { opacity: 0.92; } .lgk-navi-slide__hero-img { display: block; width: 100%; height: auto; object-fit: cover; } .lgk-navi-slide__media img[src=''], .lgk-navi-slide__hero-img[src=''] { display: none; } .lgk-navi-slide__divider { height: 0; border: none; border-bottom: 1px solid var(--lgk-navi-divider); margin: 0; } .lgk-navi-slide__divider--thick { border-bottom-width: 8px; } html.lgk-navi-open, html.lgk-navi-open body { overflow: hidden; } .lgk-navi-slide i.close-icon { color: #fff; } .lgk-navi-slide__media--fallback[hidden] { display: none !important; } .lgk-navi-slide__media--fallback:not([hidden]) { display: inline-flex; } .lgk-navi-slide__loading { padding: 2rem 1rem; text-align: center; color: #fff; font-size: 0.9rem; } @media (min-width: 768px) { .lgk-navi-slide { --lgk-navi-sub-width: min(880px, 98vw); } .lgk-navi-slide__overlay { display: block; } } @media (min-width: 1200px) { .lgk-navi-slide { --lgk-navi-sub-width: min(1040px, 82vw); } } .shopify-section--lgk-navi-slide { position: static !important; overflow: visible !important; transform: none !important; z-index: auto !important; } /* ——— Encart « Nos autres boutiques » (toutes vitrines) ——— */ .lgk-navi-sister-stores { margin: 0.75rem 0.85rem 1rem; padding: 0.95rem 0.8rem 1rem; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 42%), rgba(0, 0, 0, 0.32); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.28); } .lgk-navi-sister-stores--featured { margin-top: 0.35rem; border-color: rgba(225, 47, 64, 0.28); background: radial-gradient(ellipse 90% 70% at 10% 0%, rgba(225, 47, 64, 0.14), transparent 55%), linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 45%), rgba(0, 0, 0, 0.38); } /* Source HTML clonée — jamais visible dans le drawer */ #lgk-navi-sister-stores-src, .lgk-navi-sister-stores-src { display: none !important; } .lgk-navi-sister-stores:not(:has(.lgk-navi-sister-stores__item)) { display: none !important; } .lgk-navi-slide__list--brand { margin-bottom: 0; } .lgk-navi-sister-stores__label { margin: 0 0.35rem 0.2rem; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #fff; } .lgk-navi-sister-stores__lead { margin: 0 0.35rem 0.75rem; font-size: 0.78rem; line-height: 1.35; color: rgba(255, 255, 255, 0.58); } .lgk-navi-sister-stores__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; } .lgk-navi-sister-stores__card { display: flex; align-items: center; gap: 0.85rem; width: 100%; padding: 0.85rem 1rem; min-height: 4.5rem; text-decoration: none; color: inherit; border-radius: 14px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(180deg, rgba(28, 28, 32, 0.96), rgba(12, 12, 16, 0.98)); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28); transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .lgk-navi-sister-stores__item--legeekshop .lgk-navi-sister-stores__card { border-color: rgba(225, 47, 64, 0.38); background: linear-gradient(135deg, rgba(225, 47, 64, 0.16), transparent 55%), linear-gradient(180deg, rgba(28, 16, 18, 0.96), rgba(12, 10, 12, 0.98)); } .lgk-navi-sister-stores__item--wayne .lgk-navi-sister-stores__card { border-color: rgba(201, 168, 108, 0.35); background: linear-gradient(135deg, rgba(201, 168, 108, 0.16), transparent 55%), linear-gradient(180deg, rgba(28, 24, 20, 0.96), rgba(12, 10, 8, 0.98)); } .lgk-navi-sister-stores__item--candy .lgk-navi-sister-stores__card { border-color: rgba(255, 77, 141, 0.38); background: linear-gradient(135deg, rgba(255, 77, 141, 0.16), transparent 55%), linear-gradient(180deg, rgba(32, 16, 22, 0.96), rgba(14, 8, 12, 0.98)); } .lgk-navi-sister-stores__item--fivem .lgk-navi-sister-stores__card { border-color: rgba(168, 85, 247, 0.35); background: linear-gradient(135deg, rgba(168, 85, 247, 0.18), transparent 55%), linear-gradient(180deg, rgba(18, 18, 26, 0.96), rgba(10, 10, 15, 0.98)); } .lgk-navi-sister-stores__item--deal .lgk-navi-sister-stores__card { border-color: rgba(0, 229, 255, 0.35); background: linear-gradient(135deg, rgba(255, 43, 214, 0.16), transparent 50%), linear-gradient(225deg, rgba(0, 229, 255, 0.12), transparent 55%), linear-gradient(180deg, rgba(14, 17, 24, 0.96), rgba(5, 6, 10, 0.98)); } .lgk-navi-sister-stores__item--digital .lgk-navi-sister-stores__card { border-color: rgba(34, 211, 238, 0.4); background: linear-gradient(135deg, rgba(34, 211, 238, 0.16), transparent 50%), linear-gradient(225deg, rgba(167, 139, 250, 0.14), transparent 55%), linear-gradient(180deg, rgba(13, 20, 34, 0.96), rgba(7, 11, 20, 0.98)); } .lgk-navi-sister-stores__card:hover { transform: translateY(-1px); } .lgk-navi-sister-stores__item--legeekshop .lgk-navi-sister-stores__card:hover { border-color: rgba(225, 47, 64, 0.7); box-shadow: 0 12px 28px rgba(225, 47, 64, 0.16); } .lgk-navi-sister-stores__item--wayne .lgk-navi-sister-stores__card:hover { border-color: rgba(201, 168, 108, 0.65); box-shadow: 0 12px 28px rgba(201, 168, 108, 0.14); } .lgk-navi-sister-stores__item--fivem .lgk-navi-sister-stores__card:hover { border-color: rgba(249, 115, 22, 0.55); box-shadow: 0 12px 28px rgba(168, 85, 247, 0.16); } .lgk-navi-sister-stores__item--candy .lgk-navi-sister-stores__card:hover { border-color: rgba(255, 122, 89, 0.6); box-shadow: 0 12px 28px rgba(255, 77, 141, 0.16); } .lgk-navi-sister-stores__item--deal .lgk-navi-sister-stores__card:hover { border-color: rgba(255, 43, 214, 0.55); box-shadow: 0 12px 28px rgba(255, 43, 214, 0.16), 0 0 18px rgba(0, 229, 255, 0.12); } .lgk-navi-sister-stores__item--digital .lgk-navi-sister-stores__card:hover { border-color: rgba(34, 211, 238, 0.75); box-shadow: 0 12px 28px rgba(34, 211, 238, 0.16), 0 0 18px rgba(167, 139, 250, 0.12); } .lgk-navi-sister-stores__media { width: 3.25rem; height: 3.25rem; border-radius: 10px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); display: grid; place-items: center; overflow: hidden; flex-shrink: 0; } .lgk-navi-sister-stores__item--wayne .lgk-navi-sister-stores__media { border-color: rgba(201, 168, 108, 0.28); } .lgk-navi-sister-stores__item--fivem .lgk-navi-sister-stores__media { border-color: rgba(249, 115, 22, 0.28); } .lgk-navi-sister-stores__item--deal .lgk-navi-sister-stores__media { border-color: rgba(0, 229, 255, 0.35); background: rgba(0, 229, 255, 0.06); } .lgk-navi-sister-stores__item--digital .lgk-navi-sister-stores__media { border-color: rgba(34, 211, 238, 0.4); background: rgba(34, 211, 238, 0.08); } .lgk-navi-sister-stores__item--candy .lgk-navi-sister-stores__media { border-color: rgba(255, 77, 141, 0.4); background: #0a0a0c; } .lgk-navi-sister-stores__media img { width: 2.4rem; height: 2.4rem; object-fit: contain; display: block; } .lgk-navi-sister-stores__item--candy .lgk-navi-sister-stores__media img { width: 100%; height: 100%; object-fit: contain; padding: 0.2rem; box-sizing: border-box; } .lgk-navi-sister-stores__item--fivem .lgk-navi-sister-stores__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; } .lgk-navi-sister-stores__text { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 0.15rem; } .lgk-navi-sister-stores__name { font-size: 0.95rem; font-weight: 700; letter-spacing: -0.02em; color: #f4f4f5; } .lgk-navi-sister-stores__item--wayne .lgk-navi-sister-stores__name { color: #f7f0e6; } .lgk-navi-sister-stores__desc { color: rgba(244, 244, 245, 0.62); font-size: 0.75rem; line-height: 1.35; } .lgk-navi-sister-stores__cta { margin-block-start: 0.2rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #f97316; } .lgk-navi-sister-stores__item--legeekshop .lgk-navi-sister-stores__cta { color: #e12f40; } .lgk-navi-sister-stores__item--wayne .lgk-navi-sister-stores__cta { color: #c9a86c; } .lgk-navi-sister-stores__item--candy .lgk-navi-sister-stores__cta { color: #ff4d8d; } .lgk-navi-sister-stores__item--deal .lgk-navi-sister-stores__name { color: #f4f7ff; } .lgk-navi-sister-stores__item--deal .lgk-navi-sister-stores__cta { color: #00e5ff; } .lgk-navi-sister-stores__item--digital .lgk-navi-sister-stores__name { color: #67e8f9; } .lgk-navi-sister-stores__item--digital .lgk-navi-sister-stores__cta { color: #a78bfa; } /* ——— Nouveaux Arrivages — variantes par boutique ——— */ .lgk-navi-nouveautes { grid-column: 1 / -1; width: 100%; } .lgk-navi-nouveautes > .lgk-navi-slide__brand-link, .lgk-navi-nouveautes > a.lgk-navi-slide__brand-link { display: block; width: 100%; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .lgk-navi-nouveautes .lgk-navi-slide__brand { display: flex; align-items: center; gap: 0.85rem; width: 100%; padding: 0.75rem 0.9rem; min-height: 4.25rem; background: transparent !important; border: 0 !important; box-shadow: none !important; } .lgk-navi-nouveautes .lgk-navi-slide__brand-media, .lgk-navi-nouveautes .lgk-navi-slide__brand-logo { width: 3rem; height: 3rem; border-radius: 10px; object-fit: cover; flex-shrink: 0; } .lgk-navi-nouveautes .lgk-navi-slide__brand-name { margin: 0; font-size: 0.95rem; font-weight: 700; } .lgk-navi-nouveautes .lgk-navi-slide__brand-desc { margin: 0.15rem 0 0; font-size: 0.72rem; line-height: 1.35; white-space: normal; opacity: 0.7; } .lgk-navi-nouveautes--legeekshop > .lgk-navi-slide__brand-link { border-color: rgba(225, 47, 64, 0.35); background: linear-gradient(135deg, rgba(225, 47, 64, 0.14), transparent 55%), linear-gradient(180deg, rgba(28, 28, 32, 0.96), rgba(12, 12, 16, 0.98)); } .lgk-navi-nouveautes--legeekshop > .lgk-navi-slide__brand-link:hover { border-color: rgba(225, 47, 64, 0.6); transform: translateY(-1px); } .lgk-navi-slide--wayne .lgk-navi-nouveautes--wayne > .lgk-navi-slide__brand-link, .lgk-navi-nouveautes--wayne > .lgk-navi-slide__brand-link { border-color: rgba(201, 168, 108, 0.4); background: linear-gradient(135deg, rgba(201, 168, 108, 0.16), transparent 55%), linear-gradient(180deg, rgba(28, 24, 20, 0.96), rgba(12, 10, 8, 0.98)); } .lgk-navi-nouveautes--wayne > .lgk-navi-slide__brand-link:hover { border-color: rgba(201, 168, 108, 0.7); transform: translateY(-1px); } .lgk-navi-slide--fivem .lgk-navi-nouveautes--fivem > .lgk-navi-slide__brand-link, .lgk-navi-nouveautes--fivem > .lgk-navi-slide__brand-link { border-color: rgba(168, 85, 247, 0.4); background: linear-gradient(135deg, rgba(168, 85, 247, 0.18), transparent 55%), linear-gradient(180deg, rgba(18, 18, 26, 0.96), rgba(10, 10, 15, 0.98)); } .lgk-navi-nouveautes--fivem > .lgk-navi-slide__brand-link:hover { border-color: rgba(249, 115, 22, 0.55); transform: translateY(-1px); } /* ——— LeGeekShop IT : anciennes bannières cross (retirées du flux → encart dédié) ——— */ .lgk-navi-slide:not(.lgk-navi-slide--wayne) .lgk-navi-it-wayne-cross, .lgk-navi-slide:not(.lgk-navi-slide--wayne) .lgk-navi-slide__item[data-navi-id="nav-wayne-featured"], .lgk-navi-slide:not(.lgk-navi-slide--fivem) .lgk-navi-it-fivem-cross, .lgk-navi-slide:not(.lgk-navi-slide--fivem) .lgk-navi-slide__item[data-navi-id="nav-fivem-featured"], .lgk-navi-slide:not(.lgk-navi-slide--fivem) .lgk-navi-slide__item[data-navi-id="nav-785644"] { display: none !important; } /* ——— Wayne Outfitters : menu mode ——— */ .lgk-navi-slide--wayne { --lgk-navi-text: #f2ebe2; --lgk-navi-bg: #0a0908; --lgk-navi-sub-bg: #12100e; --lgk-navi-divider: rgba(242, 235, 226, 0.12); --lgk-navi-icon: #c9a86c; --lgk-navi-accent: #c9a86c; --lgk-navi-bg-texture: none; --lgk-navi-section-bg: rgba(255, 255, 255, 0.03); --lgk-navi-row-bg: rgba(255, 255, 255, 0.04); --lgk-navi-text-shadow: none; --lgk-navi-item-h: 54px; } .lgk-navi-slide--wayne .lgk-navi-slide__drawer { background-color: var(--lgk-navi-bg); background-image: none; border-right: 1px solid rgba(201, 168, 108, 0.18); box-shadow: 12px 0 40px rgba(0, 0, 0, 0.55); } .lgk-navi-slide--wayne .lgk-navi-slide__drawer::before { background: radial-gradient(ellipse 80% 40% at 20% 0%, rgba(201, 168, 108, 0.12), transparent 55%), linear-gradient(180deg, #0a0908 0%, #12100e 100%); } .lgk-navi-slide__wayne-top { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 0.55rem; padding: 0.85rem 1rem 0.65rem; border-bottom: 1px solid rgba(242, 235, 226, 0.1); background: rgba(255, 255, 255, 0.02); } .lgk-navi-slide__wayne-trust { display: flex; flex-wrap: wrap; gap: 0.4rem 0.75rem; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(242, 235, 226, 0.58); } .lgk-navi-slide__wayne-trust span { position: relative; } .lgk-navi-slide__wayne-trust span:not(:last-child)::after { content: '·'; margin-left: 0.75rem; color: #c9a86c; } .lgk-navi-slide--wayne .lgk-navi-slide__brand { background-image: none !important; background: linear-gradient(135deg, rgba(201, 168, 108, 0.14), transparent 60%); border-bottom: 1px solid rgba(242, 235, 226, 0.1); padding: 1.35rem 1.1rem 1.2rem; text-align: center; overflow: visible; } /* Crest Wayne : pas de crop circulaire/cover (base .brand-logo = 52px + radius 50%, et brand-article-img = object-fit cover pleine largeur). */ .lgk-navi-slide--wayne .lgk-navi-wayne-brand .lgk-navi-slide__brand-logo, .lgk-navi-slide--wayne .lgk-navi-slide__item[data-navi-id='nav-wayne-brand'] .lgk-navi-slide__brand-logo, .lgk-navi-slide--wayne .lgk-navi-wayne-brand .lgk-navi-slide__brand-article-img, .lgk-navi-slide--wayne .lgk-navi-slide__item[data-navi-id='nav-wayne-brand'] .lgk-navi-slide__brand-article-img { display: block; width: min(168px, 58vw) !important; max-width: 100%; height: auto !important; max-height: 168px !important; margin: 0 auto 0.65rem; padding: 0; border-radius: 0 !important; object-fit: contain !important; object-position: center center; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45)); } .lgk-navi-slide--wayne .lgk-navi-slide__brand-logo { width: 72px; height: auto; margin: 0 auto 0.65rem; border-radius: 8px; object-fit: contain; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45)); } .lgk-navi-slide--wayne .lgk-navi-slide__brand-name { margin: 0 0 0.25rem; font-size: clamp(1.35rem, 4vw, 1.7rem); font-weight: 700; letter-spacing: -0.03em; color: #fff; text-shadow: none; } .lgk-navi-slide--wayne .lgk-navi-slide__brand-desc { margin: 0; font-size: 0.82rem; letter-spacing: 0.04em; color: rgba(242, 235, 226, 0.65); text-shadow: none; } /* Grille collections root : 2 colonnes, tuiles cliquables */ .lgk-navi-slide--wayne .lgk-navi-slide__list { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 0.45rem !important; align-items: stretch; } .lgk-navi-slide--wayne .lgk-navi-slide__item--span-6 > .lgk-navi-slide__grid-tile { min-height: 11rem; flex-direction: column; justify-content: flex-end; padding: 0.55rem; border: 1px solid rgba(242, 235, 226, 0.1); border-radius: 10px; background: rgba(18, 16, 14, 0.85); } .lgk-navi-slide--wayne .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-media { width: 100%; height: 8.5rem; min-height: 8.5rem; max-height: none; margin-bottom: 0.35rem; border-radius: 8px; overflow: hidden; } .lgk-navi-slide--wayne .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-media img { width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; object-fit: cover; object-position: center; } .lgk-navi-slide--wayne .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-name { margin-top: 0.4rem; font-size: 0.78rem; font-weight: 600; line-height: 1.25; text-align: center; color: #f2ebe2; } .lgk-navi-slide--wayne .lgk-navi-wayne-brand { grid-column: 1 / -1; } /* Hubs vêtements : flèche visible + sous-catégories en grille */ .lgk-navi-slide--wayne .lgk-navi-wayne-hub > .lgk-navi-slide__brand-btn { position: relative; } .lgk-navi-slide--wayne .lgk-navi-wayne-hub > .lgk-navi-slide__brand-btn .lgk-navi-slide__chevron { color: #c9a86c; opacity: 0.9; } .lgk-navi-slide--wayne .lgk-navi-wayne-hub .lgk-navi-slide__brand-desc { color: rgba(201, 168, 108, 0.85); letter-spacing: 0.02em; } .lgk-navi-slide--wayne .lgk-navi-wayne-hub > .lgk-navi-slide__submenu { margin-top: 0.35rem; padding: 0.45rem; border: 1px solid rgba(201, 168, 108, 0.16); border-radius: 12px; background: rgba(255, 255, 255, 0.03); } .lgk-navi-slide--wayne .lgk-navi-wayne-see-all > .lgk-navi-slide__row, .lgk-navi-slide--wayne .lgk-navi-wayne-see-all > .lgk-navi-slide__brand-link, .lgk-navi-slide--wayne .lgk-navi-wayne-see-all { border: 1px solid rgba(201, 168, 108, 0.28); border-radius: 10px; background: linear-gradient(135deg, rgba(201, 168, 108, 0.12), transparent 65%); } .lgk-navi-slide--wayne .lgk-navi-wayne-cross, .lgk-navi-slide--wayne .lgk-navi-slide__item--spacer { grid-column: 1 / -1; } .lgk-navi-slide--wayne .lgk-navi-slide__row, .lgk-navi-slide--wayne .lgk-navi-slide__row-btn { border-color: rgba(242, 235, 226, 0.08); background: transparent; text-shadow: none; } .lgk-navi-slide--wayne .lgk-navi-slide__row:hover, .lgk-navi-slide--wayne .lgk-navi-slide__row-btn:hover { background: rgba(201, 168, 108, 0.1); border-color: rgba(201, 168, 108, 0.28); } .lgk-navi-slide--wayne .lgk-navi-slide__name { font-weight: 600; letter-spacing: -0.01em; color: #f2ebe2; } .lgk-navi-slide--wayne .lgk-navi-slide__desc { color: rgba(242, 235, 226, 0.5); font-size: 0.78rem; } .lgk-navi-slide--wayne .lgk-navi-slide__chevron, .lgk-navi-slide--wayne .lgk-navi-slide__icon { color: #c9a86c; } .lgk-navi-slide--wayne .lgk-navi-slide__media img { border-radius: 0; object-fit: cover; } .lgk-navi-slide--wayne .lgk-navi-wayne-cta .lgk-navi-slide__name { color: #c9a86c; } .lgk-navi-slide--wayne .lgk-navi-wayne-cross { grid-column: 1 / -1; margin-block-start: 0.35rem; } .lgk-navi-slide--wayne .lgk-navi-wayne-cross > .lgk-navi-slide__brand-link, .lgk-navi-slide--wayne .lgk-navi-wayne-cross > a.lgk-navi-slide__brand-link { display: block; border-radius: 14px; overflow: hidden; border: 1px solid rgba(0, 212, 170, 0.28); background: linear-gradient(135deg, rgba(0, 212, 170, 0.14), transparent 55%), linear-gradient(180deg, rgba(18, 28, 32, 0.95), rgba(8, 12, 14, 0.98)); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .lgk-navi-slide--wayne .lgk-navi-wayne-cross > .lgk-navi-slide__brand-link:hover, .lgk-navi-slide--wayne .lgk-navi-wayne-cross > a.lgk-navi-slide__brand-link:hover { border-color: rgba(0, 212, 170, 0.55); transform: translateY(-1px); box-shadow: 0 12px 28px rgba(0, 212, 170, 0.12); } .lgk-navi-slide--wayne .lgk-navi-wayne-cross .lgk-navi-slide__brand { background-image: none !important; background: transparent !important; padding: 0.85rem 1rem; min-height: 4.5rem; } .lgk-navi-slide--wayne .lgk-navi-wayne-cross .lgk-navi-slide__brand-media { width: 3.25rem; height: 3.25rem; border-radius: 10px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; overflow: hidden; flex-shrink: 0; } .lgk-navi-slide--wayne .lgk-navi-wayne-cross .lgk-navi-slide__brand-logo { width: 2.4rem; height: 2.4rem; object-fit: contain; border-radius: 0; } .lgk-navi-slide--wayne .lgk-navi-wayne-cross .lgk-navi-slide__brand-name { font-size: 0.95rem; font-weight: 700; letter-spacing: -0.02em; color: #e8fffa; } .lgk-navi-slide--wayne .lgk-navi-wayne-cross .lgk-navi-slide__brand-desc { margin-block-start: 0.2rem; color: rgba(232, 255, 250, 0.62); font-size: 0.75rem; line-height: 1.35; } .lgk-navi-slide--wayne .lgk-navi-wayne-cross .lgk-navi-slide__brand-text::after { content: 'Ouvrir →'; display: inline-block; margin-block-start: 0.35rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #00d4aa; } /* FiveM cross-sell sur Wayne Outfitters */ .lgk-navi-slide--wayne .lgk-navi-wayne-fivem-cross > .lgk-navi-slide__brand-link, .lgk-navi-slide--wayne .lgk-navi-wayne-fivem-cross > a.lgk-navi-slide__brand-link { border-color: rgba(249, 115, 22, 0.35); background: linear-gradient(135deg, rgba(249, 115, 22, 0.16), transparent 50%), linear-gradient(180deg, rgba(28, 18, 36, 0.96), rgba(10, 10, 15, 0.98)); } .lgk-navi-slide--wayne .lgk-navi-wayne-fivem-cross > .lgk-navi-slide__brand-link:hover, .lgk-navi-slide--wayne .lgk-navi-wayne-fivem-cross > a.lgk-navi-slide__brand-link:hover { border-color: rgba(249, 115, 22, 0.65); box-shadow: 0 12px 28px rgba(249, 115, 22, 0.16); } .lgk-navi-slide--wayne .lgk-navi-wayne-fivem-cross .lgk-navi-slide__brand-media { border-color: rgba(249, 115, 22, 0.35); } .lgk-navi-slide--wayne .lgk-navi-wayne-fivem-cross .lgk-navi-slide__brand-name { color: #fff7ed; } .lgk-navi-slide--wayne .lgk-navi-wayne-fivem-cross .lgk-navi-slide__brand-desc { color: rgba(255, 247, 237, 0.62); } .lgk-navi-slide--wayne .lgk-navi-wayne-fivem-cross .lgk-navi-slide__brand-text::after { color: #f97316; } .lgk-navi-slide--wayne .lgk-navi-slide__close, .lgk-navi-slide--wayne .lgk-navi-slide__back { color: #f2ebe2; border-color: rgba(242, 235, 226, 0.2); } .lgk-navi-slide--wayne .lgk-navi-slide__close:hover, .lgk-navi-slide--wayne .lgk-navi-slide__back:hover { border-color: #c9a86c; color: #c9a86c; } .lgk-navi-slide--wayne .lgk-wishlist-menu-link, .lgk-navi-slide--wayne .lgk-navi-slide__wayne-top a { color: #f2ebe2; } /* ——— FiveM LeGeekShop : menu mode ——— */ .lgk-navi-slide--fivem { --lgk-navi-text: #f4f4f5; --lgk-navi-bg: #0a0a0f; --lgk-navi-sub-bg: #12121a; --lgk-navi-divider: rgba(244, 244, 245, 0.12); --lgk-navi-icon: #f97316; --lgk-navi-accent: #f97316; --lgk-navi-bg-texture: none; --lgk-navi-section-bg: rgba(255, 255, 255, 0.03); --lgk-navi-row-bg: rgba(255, 255, 255, 0.04); --lgk-navi-text-shadow: none; --lgk-navi-item-h: 54px; } .lgk-navi-slide--fivem .lgk-navi-slide__drawer { background-color: var(--lgk-navi-bg); background-image: none; border-right: 1px solid rgba(249, 115, 22, 0.22); box-shadow: 12px 0 40px rgba(0, 0, 0, 0.55); } .lgk-navi-slide--fivem .lgk-navi-slide__drawer::before { background: radial-gradient(ellipse 80% 40% at 20% 0%, rgba(168, 85, 247, 0.16), transparent 55%), radial-gradient(ellipse 60% 35% at 90% 10%, rgba(249, 115, 22, 0.12), transparent 50%), linear-gradient(180deg, #0a0a0f 0%, #12121a 100%); } .lgk-navi-slide--fivem .lgk-navi-fivem-brand .lgk-navi-slide__brand-name { color: #f4f4f5; } /* Grille collections FiveM — miroir Wayne avec vignettes */ .lgk-navi-slide--fivem .lgk-navi-slide__list { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 0.45rem !important; align-items: stretch; } .lgk-navi-slide--fivem .lgk-navi-fivem-brand, .lgk-navi-slide--fivem .lgk-navi-fivem-cross, .lgk-navi-slide--fivem .lgk-navi-slide__item--spacer, .lgk-navi-slide--fivem .lgk-navi-slide__item--span-12 { grid-column: 1 / -1; } .lgk-navi-slide--fivem .lgk-navi-fivem-brand .lgk-navi-slide__brand { background: linear-gradient(135deg, rgba(249, 115, 22, 0.12), rgba(168, 85, 247, 0.08) 55%, transparent); border-bottom: 1px solid rgba(249, 115, 22, 0.18); padding: 1.2rem 1rem 1rem; text-align: center; } .lgk-navi-slide--fivem .lgk-navi-fivem-brand .lgk-navi-slide__brand-logo { width: 72px; height: auto; margin: 0 auto 0.55rem; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45)); } .lgk-navi-slide--fivem .lgk-navi-fivem-brand .lgk-navi-slide__brand-name { margin: 0 0 0.25rem; font-size: clamp(1.2rem, 3.8vw, 1.55rem); font-weight: 700; letter-spacing: -0.02em; } .lgk-navi-slide--fivem .lgk-navi-fivem-brand .lgk-navi-slide__brand-desc { margin: 0; font-size: 0.76rem; line-height: 1.45; color: rgba(244, 244, 245, 0.62); } .lgk-navi-slide--fivem .lgk-navi-slide__item--span-6 > .lgk-navi-slide__grid-tile { min-height: 11rem; flex-direction: column; justify-content: flex-end; padding: 0.55rem; border: 1px solid rgba(244, 244, 245, 0.1); border-radius: 10px; background: rgba(18, 18, 26, 0.88); } .lgk-navi-slide--fivem .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-media { width: 100%; height: 8.5rem; min-height: 8.5rem; max-height: none; margin-bottom: 0.35rem; border-radius: 8px; overflow: hidden; } .lgk-navi-slide--fivem .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-media img { width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; object-fit: cover; object-position: center; } .lgk-navi-slide--fivem .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-name { margin-top: 0.15rem; font-size: 0.78rem; font-weight: 600; line-height: 1.25; text-align: center; color: #f4f4f5; } .lgk-navi-slide--fivem .lgk-navi-slide__row, .lgk-navi-slide--fivem .lgk-navi-slide__row-btn { border-color: rgba(244, 244, 245, 0.08); background: rgba(255, 255, 255, 0.02); } .lgk-navi-slide--fivem .lgk-navi-slide__row:hover, .lgk-navi-slide--fivem .lgk-navi-slide__row-btn:hover { background: rgba(249, 115, 22, 0.1); border-color: rgba(249, 115, 22, 0.28); } .lgk-navi-slide--fivem .lgk-navi-slide__desc { color: rgba(244, 244, 245, 0.52); font-size: 0.74rem; } .lgk-navi-slide--fivem .lgk-navi-slide__commercial--fivem { padding-inline: 0; } .lgk-navi-slide--fivem .lgk-navi-slide__pill { border-color: rgba(249, 115, 22, 0.35); color: #f4f4f5; } .lgk-navi-slide--fivem .lgk-navi-slide__pill:hover { border-color: #f97316; color: #f97316; } .lgk-navi-slide--fivem .lgk-navi-fivem-cross > .lgk-navi-slide__brand-link, .lgk-navi-slide--fivem .lgk-navi-slide__item[data-navi-id="nav-fivem-lgk"] > .lgk-navi-slide__brand-link, .lgk-navi-slide--fivem .lgk-navi-slide__item[data-navi-id="nav-fivem-wayne"] > .lgk-navi-slide__brand-link { border: 1px solid rgba(249, 115, 22, 0.28); border-radius: 12px; background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), transparent 60%); } .lgk-navi-slide--fivem .lgk-navi-fivem-cross .lgk-navi-slide__brand-text::after, .lgk-navi-slide--fivem .lgk-navi-slide__item[data-navi-id="nav-fivem-lgk"] .lgk-navi-slide__brand-text::after, .lgk-navi-slide--fivem .lgk-navi-slide__item[data-navi-id="nav-fivem-wayne"] .lgk-navi-slide__brand-text::after { content: 'Ouvrir →'; display: inline-block; margin-block-start: 0.35rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #f97316; } .lgk-navi-slide--fivem .lgk-navi-slide__close, .lgk-navi-slide--fivem .lgk-navi-slide__back { color: #f4f4f5; border-color: rgba(244, 244, 245, 0.2); } .lgk-navi-slide--fivem .lgk-navi-slide__close:hover, .lgk-navi-slide--fivem .lgk-navi-slide__back:hover { border-color: #f97316; color: #f97316; } .lgk-navi-slide--fivem .lgk-wishlist-menu-link, .lgk-navi-slide--fivem .lgk-navi-slide__fivem-top a { color: #f4f4f5; } /* ——— Candy Geekland : menu mode ——— */ .lgk-navi-slide--candy { --lgk-navi-text: #fff5f0; --lgk-navi-bg: #1a0f14; --lgk-navi-sub-bg: #2a1520; --lgk-navi-divider: rgba(255, 245, 240, 0.12); --lgk-navi-icon: #ff4d8d; --lgk-navi-accent: #ff4d8d; --lgk-navi-bg-texture: none; --lgk-navi-section-bg: rgba(255, 255, 255, 0.03); --lgk-navi-row-bg: rgba(255, 255, 255, 0.04); --lgk-navi-text-shadow: none; --lgk-navi-item-h: 54px; } .lgk-navi-slide--candy .lgk-navi-slide__drawer { background-color: var(--lgk-navi-bg); background-image: none; border-right: 1px solid rgba(255, 77, 141, 0.28); box-shadow: 12px 0 40px rgba(0, 0, 0, 0.55); } .lgk-navi-slide--candy .lgk-navi-slide__drawer::before { background: radial-gradient(ellipse 80% 40% at 20% 0%, rgba(255, 77, 141, 0.18), transparent 55%), radial-gradient(ellipse 60% 35% at 90% 10%, rgba(255, 122, 89, 0.12), transparent 50%), linear-gradient(180deg, #1a0f14 0%, #2a1520 100%); } .lgk-navi-slide--candy .lgk-navi-slide__candy-top { border-bottom-color: rgba(255, 77, 141, 0.18); background: rgba(255, 77, 141, 0.04); } .lgk-navi-slide--candy .lgk-navi-slide__pill { border-color: rgba(255, 77, 141, 0.35); color: #fff5f0; } .lgk-navi-slide--candy .lgk-navi-slide__pill:hover { border-color: #ff4d8d; color: #ff7a59; } .lgk-navi-slide--candy .lgk-navi-slide__list { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 0.45rem !important; align-items: stretch; } .lgk-navi-slide--candy .lgk-navi-candy-brand, .lgk-navi-slide--candy .lgk-navi-candy-cross, .lgk-navi-slide--candy .lgk-navi-slide__item--spacer, .lgk-navi-slide--candy .lgk-navi-slide__item--span-12 { grid-column: 1 / -1; } .lgk-navi-slide--candy .lgk-navi-candy-brand .lgk-navi-slide__brand { background: linear-gradient(135deg, rgba(255, 77, 141, 0.14), rgba(255, 122, 89, 0.08) 55%, transparent); border-bottom: 1px solid rgba(255, 77, 141, 0.2); padding: 1.2rem 1rem 1rem; text-align: center; } .lgk-navi-slide--candy .lgk-navi-candy-brand .lgk-navi-slide__brand-logo { width: min(220px, 72vw); height: auto; max-height: 96px; margin: 0 auto 0.55rem; object-fit: contain; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45)); } .lgk-navi-slide--candy .lgk-navi-candy-brand .lgk-navi-slide__brand-name { margin: 0 0 0.25rem; font-size: clamp(1.2rem, 3.8vw, 1.55rem); font-weight: 800; letter-spacing: -0.02em; color: #fff5f0; } .lgk-navi-slide--candy .lgk-navi-candy-brand .lgk-navi-slide__brand-desc { margin: 0; font-size: 0.76rem; line-height: 1.45; color: rgba(255, 245, 240, 0.62); } .lgk-navi-slide--candy .lgk-navi-nouveautes--candy > .lgk-navi-slide__brand-link, .lgk-navi-slide--candy .lgk-navi-nouveautes--candy > a.lgk-navi-slide__brand-link { border: 1px solid rgba(255, 77, 141, 0.28); border-radius: 12px; background: linear-gradient(135deg, rgba(255, 77, 141, 0.12), transparent 60%); } .lgk-navi-slide--candy .lgk-navi-nouveautes--candy .lgk-navi-slide__brand-media, .lgk-navi-slide--candy .lgk-navi-nouveautes--candy .lgk-navi-slide__brand-logo { width: 4.25rem; height: 4.25rem; border-radius: 12px; } .lgk-navi-slide--candy .lgk-navi-nouveautes--candy .lgk-navi-slide__brand-name { color: #fff5f0; font-weight: 800; } .lgk-navi-slide--candy .lgk-navi-slide__item--span-6 > .lgk-navi-slide__grid-tile { min-height: 11rem; flex-direction: column; justify-content: flex-end; padding: 0.55rem; border: 1px solid rgba(255, 245, 240, 0.1); border-radius: 10px; background: rgba(42, 21, 32, 0.88); } .lgk-navi-slide--candy .lgk-navi-slide__item--span-6 > .lgk-navi-slide__grid-tile:hover { border-color: rgba(255, 77, 141, 0.4); background: rgba(255, 77, 141, 0.1); } .lgk-navi-slide--candy .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-media { width: 100%; height: 8.5rem; min-height: 8.5rem; max-height: none; margin-bottom: 0.35rem; border-radius: 8px; overflow: hidden; } .lgk-navi-slide--candy .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-media img { width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; object-fit: cover; object-position: center; } .lgk-navi-slide--candy .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-name { margin-top: 0.15rem; font-size: 0.78rem; font-weight: 700; line-height: 1.25; text-align: center; color: #fff5f0; } .lgk-navi-slide--candy .lgk-navi-slide__row, .lgk-navi-slide--candy .lgk-navi-slide__row-btn { border-color: rgba(255, 245, 240, 0.08); background: rgba(255, 255, 255, 0.02); } .lgk-navi-slide--candy .lgk-navi-slide__row:hover, .lgk-navi-slide--candy .lgk-navi-slide__row-btn:hover { background: rgba(255, 77, 141, 0.1); border-color: rgba(255, 77, 141, 0.28); } .lgk-navi-slide--candy .lgk-navi-slide__desc { color: rgba(255, 245, 240, 0.52); font-size: 0.74rem; } .lgk-navi-slide--candy .lgk-navi-candy-cross > .lgk-navi-slide__brand-link, .lgk-navi-slide--candy .lgk-navi-candy-cross > a.lgk-navi-slide__brand-link { border: 1px solid rgba(255, 77, 141, 0.28); border-radius: 12px; background: linear-gradient(135deg, rgba(255, 122, 89, 0.1), transparent 60%); } .lgk-navi-slide--candy .lgk-navi-candy-cross .lgk-navi-slide__brand-text::after { content: 'Ouvrir →'; display: inline-block; margin-block-start: 0.35rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #ff4d8d; } .lgk-navi-slide--candy .lgk-navi-slide__close, .lgk-navi-slide--candy .lgk-navi-slide__back { color: #fff5f0; border-color: rgba(255, 245, 240, 0.2); } .lgk-navi-slide--candy .lgk-navi-slide__close:hover, .lgk-navi-slide--candy .lgk-navi-slide__back:hover { border-color: #ff4d8d; color: #ff4d8d; } .lgk-navi-slide--candy .lgk-wishlist-menu-link, .lgk-navi-slide--candy .lgk-navi-slide__candy-top a { color: #fff5f0; } .lgk-navi-slide--candy .lgk-wishlist-menu-link { border-color: rgba(255, 77, 141, 0.45); background: rgba(255, 77, 141, 0.08); } /* ——— Deal Geekland : menu mode ——— */ .lgk-navi-slide--deal { --lgk-navi-text: #f4f7ff; --lgk-navi-bg: #05060a; --lgk-navi-sub-bg: #0e1118; --lgk-navi-divider: rgba(0, 229, 255, 0.18); --lgk-navi-icon: #ff2bd6; --lgk-navi-accent: #ff2bd6; --lgk-navi-bg-texture: none; --lgk-navi-section-bg: rgba(255, 255, 255, 0.03); --lgk-navi-row-bg: rgba(255, 255, 255, 0.04); --lgk-navi-text-shadow: none; --lgk-navi-item-h: 54px; } .lgk-navi-slide--deal .lgk-navi-slide__drawer { background-color: var(--lgk-navi-bg); background-image: none; border-right: 1px solid rgba(0, 229, 255, 0.28); box-shadow: 12px 0 40px rgba(0, 0, 0, 0.55); } .lgk-navi-slide--deal .lgk-navi-slide__drawer::before { background: radial-gradient(ellipse 80% 40% at 20% 0%, rgba(255, 43, 214, 0.18), transparent 55%), radial-gradient(ellipse 60% 35% at 90% 10%, rgba(0, 229, 255, 0.14), transparent 50%), linear-gradient(180deg, #05060a 0%, #0e1118 100%); } .lgk-navi-slide--deal .lgk-navi-slide__deal-top { border-bottom-color: rgba(0, 229, 255, 0.18); background: rgba(255, 43, 214, 0.04); } .lgk-navi-slide--deal .lgk-navi-slide__pill { border-color: rgba(0, 229, 255, 0.35); color: #f4f7ff; } .lgk-navi-slide--deal .lgk-navi-slide__pill:hover { border-color: #ff2bd6; color: #00e5ff; } .lgk-navi-slide--deal .lgk-navi-slide__list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.65rem !important; align-items: stretch; grid-auto-flow: row dense; } .lgk-navi-slide--deal .lgk-navi-deal-brand, .lgk-navi-slide--deal .lgk-navi-candy-brand, .lgk-navi-slide--deal .lgk-navi-candy-cross, .lgk-navi-slide--deal .lgk-navi-deal-hub, .lgk-navi-slide--deal .lgk-navi-deal-cross, .lgk-navi-slide--deal .lgk-navi-blog-featured, .lgk-navi-slide--deal .lgk-navi-slide__item--spacer, .lgk-navi-slide--deal .lgk-navi-slide__item--span-12 { grid-column: 1 / -1; } /* Tiles collection : 1 cellule chacune (plus de trous span-6/12) */ .lgk-navi-slide--deal .lgk-navi-slide__item--span-6, .lgk-navi-slide--deal .lgk-navi-deal-tile { grid-column: auto; min-width: 0; width: 100%; } .lgk-navi-slide--deal .lgk-navi-candy-brand .lgk-navi-slide__brand, .lgk-navi-slide--deal .lgk-navi-deal-brand .lgk-navi-slide__brand { background: linear-gradient(135deg, rgba(255, 43, 214, 0.14), rgba(0, 229, 255, 0.08) 55%, transparent); border-bottom: 1px solid rgba(0, 229, 255, 0.2); padding: 1.2rem 1rem 1rem; text-align: center; } .lgk-navi-slide--deal .lgk-navi-candy-brand .lgk-navi-slide__brand-logo, .lgk-navi-slide--deal .lgk-navi-deal-brand .lgk-navi-slide__brand-logo { width: min(220px, 72vw); height: auto; max-height: 96px; margin: 0 auto 0.55rem; object-fit: contain; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45)); } .lgk-navi-slide--deal .lgk-navi-candy-brand .lgk-navi-slide__brand-name, .lgk-navi-slide--deal .lgk-navi-deal-brand .lgk-navi-slide__brand-name { margin: 0 0 0.25rem; font-size: clamp(1.2rem, 3.8vw, 1.55rem); font-weight: 800; letter-spacing: -0.02em; color: #f4f7ff; } .lgk-navi-slide--deal .lgk-navi-candy-brand .lgk-navi-slide__brand-desc, .lgk-navi-slide--deal .lgk-navi-deal-brand .lgk-navi-slide__brand-desc { margin: 0; font-size: 0.76rem; line-height: 1.45; color: rgba(244, 247, 255, 0.62); } .lgk-navi-slide--deal .lgk-navi-nouveautes--deal > .lgk-navi-slide__brand-link, .lgk-navi-slide--deal .lgk-navi-nouveautes--deal > a.lgk-navi-slide__brand-link, .lgk-navi-slide--deal .lgk-navi-deal-hub > .lgk-navi-slide__brand-link, .lgk-navi-slide--deal .lgk-navi-deal-hub > a.lgk-navi-slide__brand-link { border: 1px solid rgba(0, 229, 255, 0.28); border-radius: 12px; background: linear-gradient(135deg, rgba(255, 43, 214, 0.12), rgba(0, 229, 255, 0.06) 60%); } .lgk-navi-slide--deal .lgk-navi-nouveautes--deal .lgk-navi-slide__brand-media, .lgk-navi-slide--deal .lgk-navi-nouveautes--deal .lgk-navi-slide__brand-logo, .lgk-navi-slide--deal .lgk-navi-deal-hub .lgk-navi-slide__brand-media, .lgk-navi-slide--deal .lgk-navi-deal-hub .lgk-navi-slide__brand-logo { width: 4.25rem; height: 4.25rem; border-radius: 12px; } .lgk-navi-slide--deal .lgk-navi-nouveautes--deal .lgk-navi-slide__brand-name, .lgk-navi-slide--deal .lgk-navi-deal-hub .lgk-navi-slide__brand-name { color: #f4f7ff; font-weight: 800; } .lgk-navi-slide--deal .lgk-navi-deal-cross > .lgk-navi-slide__brand-link, .lgk-navi-slide--deal .lgk-navi-deal-cross > a.lgk-navi-slide__brand-link { border: 1px solid rgba(255, 43, 214, 0.28); border-radius: 12px; background: linear-gradient(135deg, rgba(0, 229, 255, 0.1), transparent 60%); } .lgk-navi-slide--deal .lgk-navi-deal-cross .lgk-navi-slide__brand-text::after { content: 'Ouvrir →'; display: inline-block; margin-block-start: 0.35rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #00e5ff; } .lgk-navi-slide--deal .lgk-navi-slide__item--span-6 > .lgk-navi-slide__grid-tile, .lgk-navi-slide--deal .lgk-navi-deal-tile > .lgk-navi-slide__grid-tile { height: 100%; min-height: 12rem; flex-direction: column; justify-content: flex-end; padding: 0.55rem; border: 1px solid rgba(244, 247, 255, 0.12); border-radius: 12px; background: rgba(14, 17, 24, 0.92); } .lgk-navi-slide--deal .lgk-navi-slide__item--span-6 > .lgk-navi-slide__grid-tile:hover, .lgk-navi-slide--deal .lgk-navi-deal-tile > .lgk-navi-slide__grid-tile:hover { border-color: rgba(255, 43, 214, 0.45); background: rgba(255, 43, 214, 0.1); } .lgk-navi-slide--deal .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-media, .lgk-navi-slide--deal .lgk-navi-deal-tile .lgk-navi-slide__grid-tile-media { width: 100%; height: 9.5rem; min-height: 9.5rem; max-height: none; margin-bottom: 0.4rem; border-radius: 8px; overflow: hidden; background: #0a0c12; } .lgk-navi-slide--deal .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-media img, .lgk-navi-slide--deal .lgk-navi-deal-tile .lgk-navi-slide__grid-tile-media img { width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; object-fit: cover; object-position: center; image-rendering: auto; } .lgk-navi-slide--deal .lgk-navi-slide__item--span-6 .lgk-navi-slide__grid-tile-name, .lgk-navi-slide--deal .lgk-navi-deal-tile .lgk-navi-slide__grid-tile-name { margin-top: 0.15rem; font-size: 0.82rem; font-weight: 700; line-height: 1.25; text-align: center; color: #f4f7ff; } .lgk-navi-slide--deal .lgk-navi-slide__row, .lgk-navi-slide--deal .lgk-navi-slide__row-btn { border-color: rgba(244, 247, 255, 0.08); background: rgba(255, 255, 255, 0.02); } .lgk-navi-slide--deal .lgk-navi-slide__row:hover, .lgk-navi-slide--deal .lgk-navi-slide__row-btn:hover { background: rgba(255, 43, 214, 0.1); border-color: rgba(0, 229, 255, 0.28); } .lgk-navi-slide--deal .lgk-navi-slide__desc { color: rgba(244, 247, 255, 0.52); font-size: 0.74rem; } .lgk-navi-slide--deal .lgk-navi-slide__close, .lgk-navi-slide--deal .lgk-navi-slide__back { color: #f4f7ff; border-color: rgba(244, 247, 255, 0.2); } .lgk-navi-slide--deal .lgk-navi-slide__close:hover, .lgk-navi-slide--deal .lgk-navi-slide__back:hover { border-color: #00e5ff; color: #00e5ff; } .lgk-navi-slide--deal .lgk-wishlist-menu-link, .lgk-navi-slide--deal .lgk-navi-slide__deal-top a { color: #f4f7ff; } .lgk-navi-slide--deal .lgk-wishlist-menu-link { border-color: rgba(255, 43, 214, 0.45); background: rgba(255, 43, 214, 0.08); } /* ——— Digital Geekland : menu jeux & cartes ——— */ .lgk-navi-slide--digital { --lgk-navi-text: #e8f4ff; --lgk-navi-bg: #070b14; --lgk-navi-sub-bg: #0d1422; --lgk-navi-divider: rgba(34, 211, 238, 0.16); --lgk-navi-icon: #22d3ee; --lgk-navi-accent: #22d3ee; --lgk-navi-accent-2: #a78bfa; --lgk-navi-bg-texture: none; --lgk-navi-section-bg: rgba(34, 211, 238, 0.06); --lgk-navi-row-bg: rgba(13, 20, 34, 0.72); --lgk-navi-text-shadow: none; --lgk-navi-item-h: 58px; } .lgk-navi-slide--digital .lgk-navi-slide__drawer { background-color: var(--lgk-navi-bg); background-image: none; border-right: 1px solid rgba(34, 211, 238, 0.22); box-shadow: 12px 0 48px rgba(0, 0, 0, 0.6), 0 0 40px rgba(34, 211, 238, 0.06); } .lgk-navi-slide--digital .lgk-navi-slide__drawer::before { background: radial-gradient(ellipse 90% 45% at 10% -5%, rgba(34, 211, 238, 0.22), transparent 55%), radial-gradient(ellipse 70% 40% at 100% 5%, rgba(167, 139, 250, 0.16), transparent 50%), linear-gradient(180deg, #070b14 0%, #0d1422 55%, #0a101c 100%); } .lgk-navi-slide--digital .lgk-navi-slide__digital-top { border-bottom-color: rgba(34, 211, 238, 0.18); background: linear-gradient(180deg, rgba(34, 211, 238, 0.08), rgba(167, 139, 250, 0.04)); } .lgk-navi-slide--digital .lgk-navi-slide__wayne-trust { color: rgba(232, 244, 255, 0.62); letter-spacing: 0.1em; } .lgk-navi-slide--digital .lgk-navi-slide__wayne-trust span:not(:last-child)::after { color: #22d3ee; } .lgk-navi-slide--digital .lgk-navi-slide__nl-btn { border-color: rgba(167, 139, 250, 0.4); background: rgba(167, 139, 250, 0.12); color: #e8f4ff; } .lgk-navi-slide--digital .lgk-navi-slide__nl-btn:hover { border-color: #a78bfa; color: #fff; } .lgk-navi-slide--digital .lgk-navi-slide__pill { border-color: rgba(34, 211, 238, 0.35); color: #e8f4ff; background: rgba(34, 211, 238, 0.06); } .lgk-navi-slide--digital .lgk-navi-slide__pill:hover { border-color: #22d3ee; color: #67e8f9; background: rgba(34, 211, 238, 0.12); } .lgk-navi-slide--digital .lgk-navi-slide__list { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0.5rem; align-items: stretch; padding: 0.65rem 0.75rem 1.25rem; } .lgk-navi-slide--digital .lgk-navi-digital-brand, .lgk-navi-slide--digital .lgk-navi-digital-cross, .lgk-navi-slide--digital .lgk-navi-slide__item--spacer, .lgk-navi-slide--digital .lgk-navi-slide__item--span-12 { grid-column: 1 / -1; } .lgk-navi-slide--digital .lgk-navi-digital-brand .lgk-navi-slide__brand { background: linear-gradient(135deg, rgba(34, 211, 238, 0.16), rgba(167, 139, 250, 0.1) 50%, transparent 80%); border: 1px solid rgba(34, 211, 238, 0.22); border-radius: 16px; padding: 1.15rem 1rem 1.05rem; text-align: center; overflow: visible; } .lgk-navi-slide--digital .lgk-navi-digital-brand .lgk-navi-slide__brand-logo { width: min(240px, 74vw); height: auto; max-height: 88px; margin: 0 auto 0.65rem; object-fit: contain; filter: drop-shadow(0 8px 24px rgba(34, 211, 238, 0.35)); } .lgk-navi-slide--digital .lgk-navi-digital-brand .lgk-navi-slide__brand-name { margin: 0 0 0.3rem; font-size: clamp(1.15rem, 3.6vw, 1.45rem) !important; font-weight: 800; letter-spacing: -0.02em; color: #e8f4ff !important; text-shadow: none; background: linear-gradient(120deg, #e8f4ff 10%, #22d3ee 55%, #a78bfa 95%); -webkit-background-clip: text; background-clip: text; color: transparent !important; } .lgk-navi-slide--digital .lgk-navi-digital-brand .lgk-navi-slide__brand-desc { margin: 0; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em; color: rgba(232, 244, 255, 0.62) !important; text-shadow: none; } .lgk-navi-slide--digital .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row, .lgk-navi-slide--digital .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row-btn { min-height: 64px; padding: 0.85rem 0.95rem; gap: 0.85rem; border: 1px solid rgba(34, 211, 238, 0.12); border-radius: 14px; background: linear-gradient(135deg, rgba(34, 211, 238, 0.07), transparent 55%), rgba(13, 20, 34, 0.85); transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .lgk-navi-slide--digital .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row:hover, .lgk-navi-slide--digital .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row-btn:hover { border-color: rgba(34, 211, 238, 0.42); background: linear-gradient(135deg, rgba(34, 211, 238, 0.14), rgba(167, 139, 250, 0.08) 60%), rgba(13, 20, 34, 0.95); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28), 0 0 18px rgba(34, 211, 238, 0.1); } .lgk-navi-slide--digital .lgk-navi-slide__media { width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(145deg, rgba(34, 211, 238, 0.18), rgba(167, 139, 250, 0.14)); border: 1px solid rgba(34, 211, 238, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); margin-top: 0; } .lgk-navi-slide--digital .lgk-navi-slide__icon { font-size: 1.35rem !important; color: #67e8f9; filter: drop-shadow(0 0 8px rgba(34, 211, 238, 0.45)); } .lgk-navi-slide--digital .lgk-navi-slide__name { font-weight: 750; letter-spacing: -0.015em; color: #e8f4ff !important; text-shadow: none; font-size: 0.98rem !important; } .lgk-navi-slide--digital .lgk-navi-slide__desc { margin-top: 0.2rem; font-size: 0.75rem; font-weight: 550; color: rgba(232, 244, 255, 0.55) !important; text-shadow: none; } .lgk-navi-slide--digital .lgk-navi-slide__chevron { color: #a78bfa; opacity: 0.85; } .lgk-navi-slide--digital .lgk-navi-digital-cross > .lgk-navi-slide__brand-link, .lgk-navi-slide--digital .lgk-navi-digital-cross > a.lgk-navi-slide__brand-link { display: block; border-radius: 14px; overflow: hidden; border: 1px solid rgba(37, 99, 235, 0.35); background: linear-gradient(135deg, rgba(37, 99, 235, 0.16), transparent 60%), rgba(10, 14, 24, 0.95); transition: border-color 0.2s ease, transform 0.2s ease; } .lgk-navi-slide--digital .lgk-navi-digital-cross > .lgk-navi-slide__brand-link:hover, .lgk-navi-slide--digital .lgk-navi-digital-cross > a.lgk-navi-slide__brand-link:hover { border-color: rgba(37, 99, 235, 0.65); transform: translateY(-1px); } .lgk-navi-slide--digital .lgk-navi-digital-cross .lgk-navi-slide__brand-text::after { content: 'Visiter →'; display: block; margin-top: 0.25rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #60a5fa; } .lgk-navi-slide--digital .lgk-navi-slide__close, .lgk-navi-slide--digital .lgk-navi-slide__back { color: #e8f4ff; background: rgba(34, 211, 238, 0.1); border: 1px solid rgba(34, 211, 238, 0.22); } .lgk-navi-slide--digital .lgk-navi-slide__close:hover, .lgk-navi-slide--digital .lgk-navi-slide__back:hover { border-color: #22d3ee; color: #67e8f9; } .lgk-navi-slide--digital .lgk-wishlist-menu-link { border-color: rgba(167, 139, 250, 0.4); background: rgba(167, 139, 250, 0.1); color: #e8f4ff; } @media (prefers-reduced-motion: reduce) { .lgk-navi-slide--digital .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row, .lgk-navi-slide--digital .lgk-navi-slide__list > .lgk-navi-slide__item > .lgk-navi-slide__row-btn { transition: none; } } navi-menu-builder, [id^='SF-'], .shopify-app-block:has(navi-menu-builder) { display: none !important; visibility: hidden !important; pointer-events: none !important; height: 0 !important; overflow: hidden !important; opacity: 0 !important; } .lgk-navi-slide__commercial { display: flex; flex-wrap: wrap; gap: 0.35rem; padding: 0.35rem 0.5rem 0.65rem; } .lgk-navi-slide__pill { display: inline-flex; align-items: center; padding: 0.35rem 0.65rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); color: #e2e8f0; font-size: 0.78rem; font-weight: 650; text-decoration: none; } /* ——— Blog featured (toutes vitrines) ——— */ .lgk-navi-slide__item:has(> .lgk-navi-blog-featured) { grid-column: 1 / -1; } a.lgk-navi-slide__row.lgk-navi-blog-featured, .lgk-navi-slide__row.lgk-navi-blog-featured, a.lgk-navi-slide__brand-link.lgk-navi-blog-featured, .lgk-navi-slide__brand-link.lgk-navi-blog-featured { display: flex; align-items: center; gap: 0.75rem; width: 100%; padding: 0.85rem 1rem; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.14); text-decoration: none; transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease; } a.lgk-navi-slide__row.lgk-navi-blog-featured:hover, .lgk-navi-slide__row.lgk-navi-blog-featured:hover { transform: translateY(-1px); } .lgk-navi-blog-featured .lgk-navi-slide__name { font-weight: 800; letter-spacing: -0.01em; } .lgk-navi-blog-featured .lgk-navi-slide__desc { opacity: 0.78; font-size: 0.78rem; line-height: 1.35; } .lgk-navi-blog-featured .lgk-navi-slide__body { display: flex; flex-direction: column; align-items: flex-start; gap: 0.15rem; } .lgk-navi-blog-featured .lgk-navi-slide__body::after { content: 'Lire →'; display: inline-block; margin-block-start: 0.3rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } a.lgk-navi-slide__row.lgk-navi-blog-featured--lgk, .lgk-navi-slide__row.lgk-navi-blog-featured--lgk { border-color: rgba(225, 47, 64, 0.45); background: linear-gradient(135deg, rgba(225, 47, 64, 0.18), rgba(59, 130, 246, 0.08) 65%); } a.lgk-navi-slide__row.lgk-navi-blog-featured--lgk:hover { border-color: #e12f40; background: linear-gradient(135deg, rgba(225, 47, 64, 0.28), rgba(59, 130, 246, 0.12) 65%); } .lgk-navi-blog-featured--lgk .lgk-navi-slide__body::after { color: #ff6b7a; } a.lgk-navi-slide__row.lgk-navi-blog-featured--wayne, .lgk-navi-slide__row.lgk-navi-blog-featured--wayne { border-color: rgba(201, 168, 108, 0.45); background: linear-gradient(135deg, rgba(201, 168, 108, 0.16), rgba(242, 235, 226, 0.04) 70%); } a.lgk-navi-slide__row.lgk-navi-blog-featured--wayne:hover { border-color: #c9a86c; } .lgk-navi-blog-featured--wayne .lgk-navi-slide__body::after { color: #c9a86c; } a.lgk-navi-slide__row.lgk-navi-blog-featured--candy, .lgk-navi-slide__row.lgk-navi-blog-featured--candy { border-color: rgba(255, 77, 141, 0.45); background: linear-gradient(135deg, rgba(255, 77, 141, 0.18), rgba(255, 122, 89, 0.08) 70%); } a.lgk-navi-slide__row.lgk-navi-blog-featured--candy:hover { border-color: #ff4d8d; } .lgk-navi-blog-featured--candy .lgk-navi-slide__body::after { color: #ff4d8d; } a.lgk-navi-slide__row.lgk-navi-blog-featured--fivem, .lgk-navi-slide__row.lgk-navi-blog-featured--fivem { border-color: rgba(249, 115, 22, 0.5); background: linear-gradient(135deg, rgba(249, 115, 22, 0.18), rgba(168, 85, 247, 0.1) 70%); } a.lgk-navi-slide__row.lgk-navi-blog-featured--fivem:hover { border-color: #f97316; } .lgk-navi-blog-featured--fivem .lgk-navi-slide__body::after { color: #f97316; } a.lgk-navi-slide__row.lgk-navi-blog-featured--deal, .lgk-navi-slide__row.lgk-navi-blog-featured--deal { border-color: rgba(0, 229, 255, 0.4); background: linear-gradient(135deg, rgba(255, 43, 214, 0.16), rgba(0, 229, 255, 0.1) 70%); } a.lgk-navi-slide__row.lgk-navi-blog-featured--deal:hover { border-color: #00e5ff; } .lgk-navi-blog-featured--deal .lgk-navi-slide__body::after { color: #00e5ff; } /* ===== lgk-instant-gaming-affiliate.css ===== */ /* LeGeekShop — bloc affilié Instant Gaming */ .lgk-ig-aff { --lgk-ig-orange: #ff6a00; --lgk-ig-orange-bright: #ff8c00; --lgk-ig-glow: rgb(255 106 0 / 0.35); } .lgk-ig-aff__main { display: flex; align-items: center; gap: 1rem; width: 100%; padding: 1rem 1.15rem; border-radius: 16px; border: 1px solid rgb(255 106 0 / 0.45); background: radial-gradient(ellipse 80% 120% at 0% 50%, rgb(255 106 0 / 0.14), transparent 55%), linear-gradient(135deg, rgb(14 14 18 / 0.98), rgb(24 18 12 / 0.92)); box-shadow: 0 0 0 1px rgb(255 106 0 / 0.1), 0 12px 32px rgb(0 0 0 / 0.32), inset 0 1px 0 rgb(255 255 255 / 0.04); text-decoration: none; color: inherit; transition: border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease; } .lgk-ig-aff__main:hover { border-color: rgb(255 140 0 / 0.8); transform: translateY(-3px); box-shadow: 0 0 0 1px rgb(255 140 0 / 0.18), 0 16px 40px rgb(255 106 0 / 0.16), inset 0 1px 0 rgb(255 255 255 / 0.06); } .lgk-ig-aff__visual { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 16px; border: 2px solid rgb(255 120 0 / 0.6); background: rgb(0 0 0 / 0.6); box-shadow: 0 0 22px var(--lgk-ig-glow); overflow: hidden; } .lgk-ig-aff__visual img { width: 100%; height: 100%; object-fit: cover; display: block; } .lgk-ig-aff__content { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; flex: 1; } .lgk-ig-aff__badges { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.2rem; } .lgk-ig-aff__badge { display: inline-flex; align-items: center; padding: 0.15rem 0.5rem; border-radius: 999px; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.3; } .lgk-ig-aff__badge--aff { background: rgb(255 106 0 / 0.18); border: 1px solid rgb(255 106 0 / 0.45); color: rgb(255 160 60); } .lgk-ig-aff__badge--deal { background: rgb(74 222 128 / 0.14); border: 1px solid rgb(74 222 128 / 0.35); color: #4ade80; } .lgk-ig-aff__badge--free { background: rgb(0 255 240 / 0.1); border: 1px solid rgb(0 255 240 / 0.28); color: #00fff0; } .lgk-ig-aff__kicker { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(255 140 0 / 0.92); } .lgk-ig-aff__title { font-size: 1.15rem; font-weight: 800; line-height: 1.15; color: rgb(var(--text-color) / 0.98); } .lgk-ig-aff__desc { font-size: 0.8125rem; line-height: 1.4; color: rgb(var(--text-color) / 0.62); } .lgk-ig-aff__cta { flex-shrink: 0; padding: 0.55rem 1rem; border-radius: 999px; background: linear-gradient(135deg, var(--lgk-ig-orange), var(--lgk-ig-orange-bright)); font-size: 0.8125rem; font-weight: 800; color: #111; white-space: nowrap; box-shadow: 0 4px 16px rgb(255 106 0 / 0.35); transition: transform 0.2s ease, box-shadow 0.2s ease; } .lgk-ig-aff__main:hover .lgk-ig-aff__cta { transform: scale(1.04); box-shadow: 0 6px 20px rgb(255 106 0 / 0.45); } /* Footer — compact */ .lgk-ig-aff--footer .lgk-ig-aff__main { padding: 0.85rem 1rem; } .lgk-ig-aff--footer .lgk-ig-aff__visual { width: 3.75rem; height: 3.75rem; border-radius: 14px; } .lgk-ig-aff--footer .lgk-ig-aff__title { font-size: 1.05rem; } .lgk-ig-aff--footer .lgk-ig-aff__cta { background: transparent; padding: 0; border-radius: 0; box-shadow: none; color: var(--lgk-ig-orange-bright); } .lgk-ig-aff--footer .lgk-ig-aff__main:hover .lgk-ig-aff__cta { transform: none; box-shadow: none; } /* Bannière — pleine largeur + chips */ .lgk-ig-aff--banner .lgk-ig-aff__main { padding: 1.15rem 1.35rem; } .lgk-ig-aff--banner .lgk-ig-aff__visual { width: 4.5rem; height: 4.5rem; } .lgk-ig-aff__extras { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-top: 0.75rem; } .lgk-ig-aff__chip { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 0.9rem; border-radius: 999px; border: 1px solid rgb(var(--text-color) / 0.14); background: rgb(var(--text-color) / 0.04); font-size: 0.8125rem; font-weight: 600; text-decoration: none; color: rgb(var(--text-color) / 0.82); transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease; } .lgk-ig-aff__chip:hover { transform: translateY(-2px); } .lgk-ig-aff__chip--gta:hover { border-color: rgb(167 139 250 / 0.55); background: rgb(167 139 250 / 0.12); color: #c4b5fd; } .lgk-ig-aff__chip--compare:hover { border-color: rgb(255 106 0 / 0.5); background: rgb(255 106 0 / 0.1); color: var(--lgk-ig-orange-bright); } .lgk-ig-section__header { text-align: center; margin-bottom: 1.25rem; } .lgk-ig-section__eyebrow { margin: 0 0 0.35rem; color: rgb(255 140 0 / 0.9); letter-spacing: 0.1em; text-transform: uppercase; } .lgk-ig-section__heading { margin: 0; } /* Bannière GTA VI — précommande */ .lgk-ig-gta6 { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: 1rem; align-items: stretch; width: 100%; margin-top: 0.85rem; padding: 0.85rem; border-radius: 18px; border: 1px solid rgb(236 72 153 / 0.45); background: linear-gradient(135deg, rgb(88 28 135 / 0.35), rgb(14 116 144 / 0.2) 45%, rgb(20 20 24 / 0.95)), radial-gradient(ellipse 90% 80% at 100% 0%, rgb(251 113 133 / 0.18), transparent 55%); box-shadow: 0 0 0 1px rgb(236 72 153 / 0.12), 0 14px 36px rgb(0 0 0 / 0.35), inset 0 1px 0 rgb(255 255 255 / 0.05); text-decoration: none; color: inherit; overflow: hidden; transition: border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease; } .lgk-ig-gta6:hover { border-color: rgb(244 114 182 / 0.75); transform: translateY(-3px); box-shadow: 0 0 0 1px rgb(244 114 182 / 0.2), 0 18px 42px rgb(236 72 153 / 0.18); } .lgk-ig-gta6__cover { position: relative; z-index: 0; border-radius: 14px; overflow: hidden; min-width: 0; max-width: 100%; width: 100%; min-height: 0; aspect-ratio: 16 / 9; border: 1px solid rgb(255 255 255 / 0.12); box-shadow: 0 8px 24px rgb(0 0 0 / 0.45); background: linear-gradient(135deg, #581c87, #0e7490); align-self: center; } .lgk-ig-gta6__img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: 100%; object-fit: cover; object-position: center top; display: block; transition: transform 0.35s ease; } .lgk-ig-gta6:hover .lgk-ig-gta6__img { transform: scale(1.05); } .lgk-ig-gta6__cover-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 35%, rgb(0 0 0 / 0.55)); pointer-events: none; } .lgk-ig-gta6__badge { position: absolute; z-index: 2; padding: 0.2rem 0.5rem; border-radius: 999px; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.25; } .lgk-ig-gta6__badge--hot { top: 0.45rem; left: 0.45rem; background: linear-gradient(135deg, #ec4899, #f97316); color: #fff; box-shadow: 0 4px 14px rgb(236 72 153 / 0.45); } .lgk-ig-gta6__badge--deal { top: 0.45rem; right: 0.45rem; background: rgb(0 0 0 / 0.65); border: 1px solid rgb(74 222 128 / 0.45); color: #4ade80; } .lgk-ig-gta6__body { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; gap: 0.25rem; min-width: 0; overflow: hidden; } .lgk-ig-gta6__eyebrow { font-size: 0.625rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(244 114 182 / 0.95); } .lgk-ig-gta6__title { font-size: 1.2rem; font-weight: 900; line-height: 1.1; letter-spacing: 0.02em; color: #fff; text-shadow: 0 2px 12px rgb(236 72 153 / 0.35); } .lgk-ig-gta6__headline { font-size: 0.875rem; font-weight: 700; line-height: 1.35; color: rgb(255 255 255 / 0.92); } .lgk-ig-gta6__desc { font-size: 0.75rem; line-height: 1.45; color: rgb(255 255 255 / 0.62); } .lgk-ig-gta6__cta { display: inline-flex; align-self: flex-start; margin-top: 0.45rem; padding: 0.5rem 0.95rem; border-radius: 999px; background: linear-gradient(135deg, #ec4899, #f97316); font-size: 0.8125rem; font-weight: 800; color: #fff; box-shadow: 0 6px 18px rgb(236 72 153 / 0.35); transition: transform 0.2s ease, box-shadow 0.2s ease; } .lgk-ig-gta6:hover .lgk-ig-gta6__cta { transform: scale(1.04); box-shadow: 0 8px 22px rgb(236 72 153 / 0.45); } .lgk-ig-gta6__blogs { margin-top: 0.75rem; padding: 0.85rem 1rem; border-radius: 14px; border: 1px solid rgb(var(--text-color) / 0.1); background: rgb(var(--text-color) / 0.03); } .lgk-ig-gta6__blogs-title { margin: 0 0 0.55rem; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(var(--text-color) / 0.55); } .lgk-ig-gta6__blogs-list { display: grid; gap: 0.4rem; margin: 0; padding: 0; } @media screen and (min-width: 700px) { .lgk-ig-gta6__blogs-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem 1rem; } } .lgk-ig-gta6__blog-link { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.8125rem; font-weight: 600; line-height: 1.35; text-decoration: none; color: rgb(var(--text-color) / 0.78); transition: color 0.2s ease, transform 0.2s ease; } .lgk-ig-gta6__blog-link:hover { color: var(--lgk-ig-orange-bright, #ff8c00); transform: translateX(3px); } .lgk-ig-aff--footer .lgk-ig-gta6 { margin-top: 0.75rem; } .lgk-ig-aff__extras--solo { margin-top: 0.55rem; justify-content: center; } /* Mosaïque visuels jeux */ .lgk-ig-visuals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; margin-top: 0.85rem; } @media screen and (min-width: 700px) { .lgk-ig-visuals { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-ig-visuals__card { position: relative; display: block; overflow: hidden; border-radius: 12px; border: 1px solid rgb(255 255 255 / 0.12); min-height: 4.5rem; text-decoration: none; color: #fff; background: #111; box-shadow: 0 8px 20px rgb(0 0 0 / 0.28); transition: transform 0.2s ease, border-color 0.2s ease; } .lgk-ig-visuals__card:hover { transform: translateY(-2px); border-color: rgb(255 106 0 / 0.55); } .lgk-ig-visuals__card img { width: 100%; height: 100%; min-height: 4.5rem; object-fit: cover; display: block; filter: brightness(0.72); transition: transform 0.3s ease, filter 0.3s ease; } .lgk-ig-visuals__card:hover img { transform: scale(1.06); filter: brightness(0.88); } .lgk-ig-visuals__card span { position: absolute; left: 0.55rem; bottom: 0.45rem; z-index: 1; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.02em; text-shadow: 0 2px 8px rgb(0 0 0 / 0.85); } @media screen and (min-width: 700px) { .lgk-ig-gta6 { grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); gap: 1.25rem; padding: 1rem 1.15rem; } .lgk-ig-gta6__title { font-size: 1.45rem; } } @media screen and (max-width: 699px) { .lgk-ig-gta6 { grid-template-columns: minmax(0, 1fr); } .lgk-ig-gta6__cover { max-width: 100%; aspect-ratio: 16 / 9; } .lgk-ig-gta6__cta { width: 100%; justify-content: center; } } @media screen and (max-width: 699px) { .lgk-ig-aff__main { flex-wrap: wrap; gap: 0.75rem; } .lgk-ig-aff__cta { width: 100%; text-align: center; justify-content: center; } .lgk-ig-aff--footer .lgk-ig-aff__cta { width: auto; padding-left: 4.75rem; text-align: left; } } /* ===== lgk-ambassador-promo.css ===== */ /** * Bandeau Ambassadeur & Partenariat — multi-vitrines */ .lgk-amb-promo { --ap-bg: #0b1220; --ap-ink: #eef2f8; --ap-mute: #9aa8bd; --ap-accent: #3b82f6; --ap-accent-2: #22d3ee; margin: 0; padding: clamp(1.5rem, 3vw, 2.25rem) 0; color: var(--ap-ink); background: radial-gradient(900px 280px at 10% 0%, color-mix(in srgb, var(--ap-accent) 28%, transparent), transparent 70%), radial-gradient(700px 240px at 90% 100%, color-mix(in srgb, var(--ap-accent-2) 18%, transparent), transparent 65%), var(--ap-bg); border-block: 1px solid rgba(148, 163, 184, 0.12); } .lgk-amb-promo--wayne { --ap-bg: #120c0a; --ap-accent: #c4a574; --ap-accent-2: #e8d5b5; } .lgk-amb-promo--candy { --ap-bg: #1a0f14; --ap-accent: #ff4d8d; --ap-accent-2: #ff7a59; } .lgk-amb-promo--fivem { --ap-bg: #0a0a0f; --ap-accent: #f97316; --ap-accent-2: #a855f7; } .lgk-amb-promo--deal { --ap-bg: #05060a; --ap-accent: #00e5ff; --ap-accent-2: #ff2bd6; } .lgk-amb-promo--digital { --ap-bg: #071018; --ap-accent: #38bdf8; --ap-accent-2: #818cf8; } .lgk-amb-promo__inner { width: min(1120px, calc(100% - 2rem)); margin-inline: auto; display: grid; gap: 1.25rem 2rem; align-items: center; } @media (min-width: 900px) { .lgk-amb-promo__inner { grid-template-columns: 1.4fr 1fr; } } .lgk-amb-promo__kicker { margin: 0 0 0.35rem; font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ap-accent-2); font-weight: 700; } .lgk-amb-promo__title { margin: 0 0 0.45rem; font-size: clamp(1.25rem, 2.4vw, 1.75rem); line-height: 1.15; letter-spacing: -0.02em; } .lgk-amb-promo__lead { margin: 0; color: var(--ap-mute); font-size: 0.98rem; line-height: 1.45; max-width: 36rem; } .lgk-amb-promo__cta { display: flex; flex-wrap: wrap; gap: 0.65rem 0.85rem; align-items: center; } .lgk-amb-promo__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2.65rem; padding: 0.65rem 1.15rem; border-radius: 0.55rem; font-weight: 700; font-size: 0.92rem; text-decoration: none; transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease; } .lgk-amb-promo__btn:hover { transform: translateY(-1px); } .lgk-amb-promo__btn--primary { color: #061018; background: linear-gradient(135deg, var(--ap-accent), var(--ap-accent-2)); } .lgk-amb-promo__btn--ghost { color: var(--ap-ink); border: 1px solid color-mix(in srgb, var(--ap-accent) 55%, transparent); background: rgba(255, 255, 255, 0.03); } .lgk-amb-promo__link { color: var(--ap-mute); font-size: 0.88rem; text-decoration: underline; text-underline-offset: 3px; } .lgk-amb-promo__link:hover { color: var(--ap-ink); } @media (prefers-reduced-motion: reduce) { .lgk-amb-promo__btn { transition: none; } } /* ===== lgk-wayne-storefront.css ===== */ /* Vitrine Wayne Outfitters (sous-domaine) IMPORTANT : ne masquer le contenu IT que sur l'accueil. Sur collection / produit / panier, les sections doivent rester visibles. */ html.lgk-storefront--wayne body.template-index #main > .shopify-section:not(.shopify-section--lgk-wayne-home):not(.shopify-section--footer) { display: none !important; } /* Accueil Wayne = pleine page : footer IT / affiliates hors écran. Newsletter geek masquée SAUF dans .lgk-wayne-home (bandeau -10 %). */ html.lgk-storefront--wayne body.template-index #main > .shopify-section--footer .lgk-instant-gaming-affiliate, html.lgk-storefront--wayne body.template-index #main > .shopify-section--footer .shopify-section--instant-gaming-affiliate, html.lgk-storefront--wayne body.template-index .lgk-nl-cta:not(.lgk-wayne-home__nl), html.lgk-storefront--wayne body.template-index .lgk-newsletter-cta, html.lgk-storefront--wayne .lgk-ig-gta6, html.lgk-storefront--wayne #lgk-gd-cross { display: none !important; } html.lgk-storefront--wayne body.template-index .lgk-wayne-home .lgk-wayne-home__nl.lgk-nl-cta { display: grid !important; width: 100%; max-width: 100%; } @media (max-width: 999px) { html.lgk-storefront--wayne .lgk-wayne-home__nl.lgk-nl-cta--banner { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: 'badge body' 'action action'; } html.lgk-storefront--wayne .lgk-wayne-home__nl.lgk-nl-cta--banner > .lgk-nl-cta__action { grid-area: action; width: 100%; justify-content: center; } } @media (max-width: 749px) { html.lgk-storefront--wayne .lgk-wayne-home__nl.lgk-nl-cta--banner { grid-template-columns: 1fr !important; grid-template-areas: 'badge' 'body' 'action'; justify-items: center; text-align: center; } html.lgk-storefront--wayne .lgk-wayne-home__nl .lgk-nl-cta__body { text-align: center; width: 100%; } html.lgk-storefront--wayne .lgk-wayne-home__nl .lgk-nl-cta__action { width: 100%; white-space: normal; } } html:not(.lgk-storefront--wayne) .shopify-section--lgk-wayne-home { display: none !important; } /* Boutique Wayne : vraie pleine page (gutters uniquement, pas de colonne boxed) */ html.lgk-storefront--wayne { --container-max-width: 100%; --container-xxs-max-width: 100%; --container-xs-max-width: 100%; --container-sm-max-width: 100%; --container-md-max-width: 100%; --container-lg-max-width: 100%; --container-xl-max-width: 100%; --page-width: 100%; } html.lgk-storefront--wayne body.template-index #main { width: 100%; max-width: none; } html.lgk-storefront--wayne body.template-index .shopify-section--lgk-wayne-home { width: 100%; max-width: none; margin: 0; padding: 0; } /* Produit / collection / panier / recherche : conteneur edge-to-edge */ html.lgk-storefront--wayne .container, html.lgk-storefront--wayne .container.container--xxs, html.lgk-storefront--wayne .container.container--xs, html.lgk-storefront--wayne .container.container--sm, html.lgk-storefront--wayne .container.container--md, html.lgk-storefront--wayne .container.container--lg, html.lgk-storefront--wayne .container.container--xl { --container-max-width: 100%; margin-inline-start: var(--container-gutter); margin-inline-end: var(--container-gutter); width: auto; max-width: none; } html.lgk-storefront--wayne .shopify-section--main-product .product { width: 100%; max-width: none; } /* Description HTML produit : casser le max-width:1000px inline du builder */ html.lgk-storefront--wayne .lgk-rich-description, html.lgk-storefront--wayne .product-content-below-gallery__rich-description, html.lgk-storefront--wayne .product-content-below-gallery { width: 100% !important; max-width: none !important; } html.lgk-storefront--wayne .lgk-rich-description > div, html.lgk-storefront--wayne .lgk-rich-description [style*='max-width'], html.lgk-storefront--wayne .product-content-below-gallery__rich-description > div, html.lgk-storefront--wayne .product-content-below-gallery__rich-description [style*='max-width'] { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } html.lgk-storefront--wayne .lgk-qn--it { display: none !important; } html.lgk-storefront--wayne .lgk-qn--wayne { display: block !important; } html.lgk-storefront--wayne .lgk-qn--wayne[hidden] { display: block !important; } html.lgk-storefront--wayne a.lgk-qn--wayne, html.lgk-storefront--wayne .lgk-quick-nav__track > a.lgk-qn--wayne { display: inline-flex !important; } /* Pas de promo GothamDev sur la vitrine Wayne */ html.lgk-storefront--wayne #lgk-gd-cross, html.lgk-storefront--wayne .lgk-gd-cross, html.lgk-storefront--wayne .lgk-gd-menu-promo--drawer .lgk-qn--it, html.lgk-storefront--wayne .lgk-gothamdev-menu-nav-item { display: none !important; } html.lgk-storefront--wayne.lgk-gd-cross-active, html.lgk-storefront--wayne.lgk-gd-cross-active body { padding-bottom: 0 !important; } html.lgk-storefront--wayne .header__logo-image--lgk, html.lgk-storefront--wayne .header__logo-image--transparent, html.lgk-storefront--wayne .header__logo-text--lgk { display: none !important; opacity: 0 !important; } html.lgk-storefront--wayne { --header-logo-width: 88px; } html.lgk-storefront--wayne .header__logo-image--wayne { display: block !important; opacity: 1 !important; position: relative !important; inset: auto !important; pointer-events: auto !important; width: var(--header-logo-width, 88px) !important; max-width: min(28vw, 96px) !important; max-height: none !important; height: auto !important; object-fit: contain; } @media screen and (min-width: 700px) { html.lgk-storefront--wayne { --header-logo-width: 108px; } html.lgk-storefront--wayne .header__logo-image--wayne { max-width: 120px !important; } } html.lgk-storefront--wayne .header__logo-text--wayne { display: block !important; } html:not(.lgk-storefront--wayne) .header__logo-image--wayne, html:not(.lgk-storefront--wayne) .header__logo-text--wayne { display: none !important; } html.lgk-storefront--wayne .header__logo-image { width: var(--header-logo-width, 88px); max-height: none; height: auto; object-fit: contain; } html.lgk-storefront--wayne #shopify-section-header .header__logo-image, html.lgk-storefront--wayne #shopify-section-header .header__logo { max-width: min(var(--header-logo-width, 108px), 32vw) !important; } /* Barre blanche sous le header : body est en color-scheme--scheme-1 (#efefef). Un trou (quick-nav/apps vides) laisse voir ce fond clair entre le header noir et le hero. */ html.lgk-storefront--wayne, html.lgk-storefront--wayne body { --page-background: 10 9 8; --background: 10 9 8; --background-without-opacity: 10 9 8; background-color: #0a0908 !important; background: #0a0908 !important; } html.lgk-storefront--wayne .shopify-section--lgk-quick-nav, html.lgk-storefront--wayne .shopify-section-group-gotham-header-group.shopify-section--apps { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } /* Marquee (custom liquid) : ne pas garder le fond scheme-1 clair */ html.lgk-storefront--wayne .shopify-section--custom-liquid .color-scheme--scheme-1, html.lgk-storefront--wayne .shopify-section--custom-liquid .bordered-section { --background: 10 9 8; --background-without-opacity: 10 9 8; background: #0a0908 !important; border-color: rgba(242, 235, 226, 0.12) !important; } /* Séparateur header : filet champagne (sélecteurs réels = .shopify-section--header) */ html.lgk-storefront--wayne .shopify-section--header { --header-separation-border-color: 0 0 0 / 0; } html.lgk-storefront--wayne .header, html.lgk-storefront--wayne x-header.header { box-shadow: none !important; position: relative; } html.lgk-storefront--wayne .header::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; pointer-events: none; z-index: 2; background: linear-gradient( 90deg, transparent 0%, rgba(201, 168, 108, 0.12) 10%, rgba(242, 235, 226, 0.38) 50%, rgba(201, 168, 108, 0.12) 90%, transparent 100% ); } html.lgk-storefront--wayne .header:hover::after, html.lgk-storefront--wayne .header.is-solid::after { background: linear-gradient( 90deg, transparent 0%, rgba(201, 168, 108, 0.18) 8%, rgba(242, 235, 226, 0.48) 50%, rgba(201, 168, 108, 0.18) 92%, transparent 100% ); } /* Accueil : coller le hero au header (pas de marge / fond clair) */ html.lgk-storefront--wayne body.template-index #main, html.lgk-storefront--wayne body.template-index .shopify-section--lgk-wayne-home, html.lgk-storefront--wayne body.template-index .lgk-wayne-home { margin-block-start: 0 !important; padding-block-start: 0 !important; background: #0a0908; } /* Header mode : pas de pastilles communauté geek (Discord / Telegram / WhatsApp / Facebook) */ html.lgk-storefront--wayne .header__discord-link, html.lgk-storefront--wayne .header__facebook-link, html.lgk-storefront--wayne .header__social-dropdown, html.lgk-storefront--wayne .header__secondary-nav .lgk-social-dropdown { display: none !important; } .lgk-wayne-home { --wayne-ink: #0a0908; --wayne-cream: #f2ebe2; --wayne-accent: #c9a86c; --wayne-mute: rgba(242, 235, 226, 0.72); --wayne-page-pad: clamp(1rem, 2.5vw, 2rem); --wayne-content: calc(100% - (var(--wayne-page-pad) * 2)); background: var(--wayne-ink); color: var(--wayne-cream); width: 100%; max-width: none; } .lgk-wayne-home__logo { display: block; width: min(108px, 28vw); height: auto; margin: 0 0 0.85rem; filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.45)); } .lgk-wayne-home__wrap { width: var(--wayne-content); margin-inline: auto; } /* —— Hero pleine page (viewport) —— */ .lgk-wayne-home__hero { position: relative; width: 100%; max-width: none; margin-inline: 0; min-height: 100svh; min-height: 100dvh; display: flex; align-items: flex-end; overflow: hidden; isolation: isolate; } .lgk-wayne-home__hero-media, .lgk-wayne-home__hero-img { position: absolute; inset: 0; width: 100%; height: 100%; } .lgk-wayne-home__hero-img { object-fit: cover; object-position: center 28%; } @media screen and (max-width: 749px) { .lgk-wayne-home__hero { min-height: 100svh; min-height: 100dvh; align-items: flex-end; } .lgk-wayne-home__hero-img { object-position: center 22%; } } .lgk-wayne-home__hero-shade { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(10, 9, 8, 0.88) 0%, rgba(10, 9, 8, 0.55) 42%, rgba(10, 9, 8, 0.18) 72%, rgba(10, 9, 8, 0.35) 100%), linear-gradient(0deg, rgba(10, 9, 8, 0.82) 0%, rgba(10, 9, 8, 0.2) 42%, transparent 70%); } @media screen and (max-width: 749px) { .lgk-wayne-home__hero-shade { background: linear-gradient(0deg, rgba(10, 9, 8, 0.92) 0%, rgba(10, 9, 8, 0.45) 38%, rgba(10, 9, 8, 0.2) 62%, rgba(10, 9, 8, 0.35) 100%); } } .lgk-wayne-home__hero-inner { position: relative; z-index: 2; width: var(--wayne-content); margin: 0 auto; padding: 0 0 clamp(2.75rem, 7vh, 5rem); max-width: min(40rem, 100%); margin-left: max(var(--wayne-page-pad), calc((100% - var(--wayne-content)) / 2)); } @media screen and (max-width: 749px) { .lgk-wayne-home__hero-inner { margin-left: auto; margin-right: auto; max-width: 100%; text-align: left; } } .lgk-wayne-home__brand { margin: 0 0 0.95rem; font-size: clamp(2.8rem, 9vw, 5.2rem); line-height: 0.92; letter-spacing: -0.035em; font-weight: 700; color: #fff; text-wrap: balance; } .lgk-wayne-home__brand--sm { font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: 0.6rem; } .lgk-wayne-home__lead { margin: 0 0 1.75rem; font-size: clamp(1rem, 2.1vw, 1.15rem); line-height: 1.45; color: var(--wayne-mute); max-width: 28rem; } .lgk-wayne-home__proof { margin: 0 0 0.65rem; font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(242, 235, 226, 0.7); } .lgk-wayne-home__scroll { position: absolute; z-index: 3; left: 50%; bottom: 1.1rem; transform: translateX(-50%); width: 1.5rem; height: 2.2rem; border: 1px solid rgba(242, 235, 226, 0.35); border-radius: 999px; display: flex; align-items: flex-start; justify-content: center; padding-top: 0.35rem; text-decoration: none; } .lgk-wayne-home__scroll span { width: 0.28rem; height: 0.28rem; border-radius: 50%; background: var(--wayne-cream); } @media (prefers-reduced-motion: no-preference) { .lgk-wayne-home__scroll span { animation: wayneScrollDot 1.6s ease-in-out infinite; } } @media screen and (max-width: 749px) { .lgk-wayne-home__scroll { display: none; } } .lgk-wayne-home__cta { display: flex; flex-wrap: wrap; gap: 0.65rem; } .lgk-wayne-home__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0.7rem 1.25rem; border: 1px solid transparent; text-decoration: none; font-size: 0.92rem; font-weight: 600; letter-spacing: 0.01em; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .lgk-wayne-home__btn--primary { background: var(--wayne-cream); color: var(--wayne-ink); } .lgk-wayne-home__btn--primary:hover { background: #fff; transform: translateY(-1px); } .lgk-wayne-home__btn--ghost { background: transparent; color: var(--wayne-cream); border-color: rgba(242, 235, 226, 0.35); } .lgk-wayne-home__btn--ghost:hover { border-color: var(--wayne-accent); color: #fff; } /* Trust — pattern LGK CTA bar, palette Wayne */ .lgk-wayne-home__cta-bar { padding: clamp(1.75rem, 4.5vw, 2.75rem) 0; border-block: 1px solid rgba(242, 235, 226, 0.1); background: rgba(255, 255, 255, 0.025); } .lgk-wayne-home__cta-bar .lgk-wayne-home__wrap { padding-inline: clamp(0.75rem, 2.5vw, 1.5rem); box-sizing: border-box; } .lgk-wayne-home__nl.lgk-nl-cta--banner { margin-bottom: 1rem; border-radius: 0; border-color: rgba(201, 168, 108, 0.4); background: linear-gradient(135deg, rgba(201, 168, 108, 0.16) 0%, rgba(242, 235, 226, 0.04) 100%), #12100e; box-shadow: none; } .lgk-wayne-home__nl.lgk-nl-cta--banner:hover { border-color: rgba(201, 168, 108, 0.7); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28); } .lgk-wayne-home__nl .lgk-nl-cta__badge { background: linear-gradient(135deg, #c9a86c, #a8884a); color: #0a0908; box-shadow: 0 4px 16px rgba(201, 168, 108, 0.35); border-radius: 0; } .lgk-wayne-home__nl .lgk-nl-cta__title { color: #fff; } .lgk-wayne-home__nl .lgk-nl-cta__subtitle { color: var(--wayne-mute); } .lgk-wayne-home__nl .lgk-nl-cta__subtitle strong { color: var(--wayne-accent); } .lgk-wayne-home__nl .lgk-nl-cta__action { border-radius: 0; background: rgba(201, 168, 108, 0.12); border-color: rgba(201, 168, 108, 0.45); color: var(--wayne-cream); } .lgk-wayne-home__nl.lgk-nl-cta--banner:hover .lgk-nl-cta__action { background: var(--wayne-accent); color: #0a0908; } .lgk-wayne-home__nl.lgk-nl-cta:focus-visible { outline-color: var(--wayne-accent); } .lgk-wayne-home__trust-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 0.85rem; } @media screen and (min-width: 700px) { .lgk-wayne-home__trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } } @media screen and (min-width: 1100px) { .lgk-wayne-home__trust-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border: 1px solid rgba(242, 235, 226, 0.12); background: rgba(255, 255, 255, 0.02); } .lgk-wayne-home__trust-grid .lgk-wayne-home__trust-card { border: none; border-inline-start: 1px solid rgba(242, 235, 226, 0.12); background: transparent; min-height: 5.25rem; padding: 1.35rem 1.5rem 1.35rem 1.65rem; } .lgk-wayne-home__trust-grid .lgk-wayne-home__trust-card:first-child { border-inline-start: none; } .lgk-wayne-home__trust-grid .lgk-wayne-home__trust-btn { min-height: 5.25rem; padding: 1.35rem 1.5rem 1.35rem 1.65rem; } } .lgk-wayne-home__trust-card { display: flex; flex-direction: column; justify-content: center; gap: 0.45rem; min-height: 4.25rem; padding: 1.15rem 1.25rem; border: 1px solid rgba(242, 235, 226, 0.1); background: rgba(255, 255, 255, 0.02); box-sizing: border-box; } .lgk-wayne-home__trust-card--action { padding: 0; border-color: rgba(201, 168, 108, 0.35); background: rgba(201, 168, 108, 0.08); } .lgk-wayne-home__trust-btn { display: flex; flex-direction: column; justify-content: center; gap: 0.45rem; width: 100%; min-height: 4.25rem; padding: 1.15rem 1.25rem; border: none; background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer; box-sizing: border-box; } .lgk-wayne-home__trust-card--action:hover { border-color: rgba(201, 168, 108, 0.65); background: rgba(201, 168, 108, 0.14); } .lgk-wayne-home__trust-label { font-size: 0.68rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wayne-accent); } .lgk-wayne-home__trust-value { font-size: 0.88rem; line-height: 1.45; color: var(--wayne-cream); } .lgk-wayne-home__trust-value strong { color: #fff; font-weight: 650; } /* Promo produit (Colis perdus SHEIN) */ .lgk-wayne-home__promo { padding: clamp(1.25rem, 3vw, 2rem) 0 0; } .lgk-wayne-home__promo-card { display: grid; grid-template-columns: 1fr; gap: 0; overflow: hidden; border: 1px solid rgba(201, 168, 108, 0.28); background: linear-gradient(135deg, rgba(201, 168, 108, 0.12) 0%, rgba(20, 17, 15, 0.92) 45%, #14110f 100%); text-decoration: none; color: inherit; transition: border-color 0.25s ease, transform 0.25s ease; } @media (min-width: 750px) { .lgk-wayne-home__promo-card { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); min-height: 16.5rem; } } .lgk-wayne-home__promo-card:hover { border-color: rgba(201, 168, 108, 0.55); transform: translateY(-2px); } .lgk-wayne-home__promo-media { display: block; position: relative; min-height: 12rem; background: #14110f; overflow: hidden; } .lgk-wayne-home__promo-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.7s ease; } @media (min-width: 750px) { .lgk-wayne-home__promo-media { min-height: 100%; } } .lgk-wayne-home__promo-card:hover .lgk-wayne-home__promo-media img { transform: scale(1.04); } .lgk-wayne-home__promo-copy { display: flex; flex-direction: column; justify-content: center; gap: 0.55rem; padding: clamp(1.25rem, 3vw, 2rem); } .lgk-wayne-home__promo-title { font-family: var(--font-heading, inherit); font-size: clamp(1.45rem, 3.2vw, 2rem); font-weight: 650; letter-spacing: -0.02em; color: var(--wayne-cream, #f2ebe2); line-height: 1.15; } .lgk-wayne-home__promo-lead { color: var(--wayne-mute, rgba(242, 235, 226, 0.72)); font-size: 0.98rem; line-height: 1.5; max-width: 28rem; } .lgk-wayne-home__promo-cta { margin-top: 0.35rem; color: var(--wayne-accent, #c9a86c); font-weight: 650; font-size: 0.95rem; letter-spacing: 0.02em; } /* Sections */ .lgk-wayne-home__cats, .lgk-wayne-home__spotlight, .lgk-wayne-home__picks, .lgk-wayne-home__split, .lgk-wayne-home__tabs-section { padding: clamp(2.75rem, 6.5vw, 4.5rem) 0; } .lgk-wayne-home__spotlight--alt, .lgk-wayne-home__picks { background: rgba(255, 255, 255, 0.02); } .lgk-wayne-home__picks--new { background: linear-gradient(180deg, rgba(201, 168, 108, 0.08) 0%, rgba(255, 255, 255, 0.02) 42%, transparent 100%); border-block: 1px solid rgba(201, 168, 108, 0.14); } .lgk-wayne-home__picks--drop { background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%); } .lgk-wayne-home__picks--new .lgk-wayne-home__section-head--row { align-items: flex-start; } .lgk-wayne-home__picks--new .lgk-wayne-home__section-lead { margin-top: 0.35rem; max-width: 34rem; } .lgk-wayne-home__count { color: var(--wayne-accent); font-weight: 600; white-space: nowrap; } .lgk-wayne-home__picks--new .lgk-wayne-home__product-list, .lgk-wayne-home__picks--drop .lgk-wayne-home__product-list { gap: 0.85rem; } .lgk-wayne-home__picks--new .product-card, .lgk-wayne-home__picks--drop .product-card { min-width: min(42vw, 11.5rem); } @media (min-width: 750px) { .lgk-wayne-home__picks--new .product-card, .lgk-wayne-home__picks--drop .product-card { min-width: 13.5rem; } } .lgk-wayne-home__section-head { margin-bottom: 1.5rem; } .lgk-wayne-home__section-head--center { text-align: center; max-width: 36rem; margin-inline: auto; margin-bottom: 1.75rem; } .lgk-wayne-home__section-head--center .lgk-wayne-home__section-lead { margin-inline: auto; } .lgk-wayne-home__section-head--tight { margin-top: 2rem; margin-bottom: 1rem; } .lgk-wayne-home__section-head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; } .lgk-wayne-home__badge { margin: 0 0 0.4rem; font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wayne-accent); } .lgk-wayne-home__h2 { margin: 0; font-size: clamp(1.55rem, 3.5vw, 2.15rem); line-height: 1.1; letter-spacing: -0.02em; font-weight: 650; color: #fff; } .lgk-wayne-home__h2--sm { font-size: clamp(1.25rem, 2.6vw, 1.65rem); } .lgk-wayne-home__h2--visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .lgk-wayne-home__section-lead { margin: 0.55rem 0 0; max-width: 28rem; color: var(--wayne-mute); font-size: 0.98rem; line-height: 1.45; } .lgk-wayne-home__hub-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem 1.5rem; margin-top: 2rem; } .lgk-wayne-home__link-faded { color: var(--wayne-mute); text-decoration: none; font-size: 0.92rem; transition: color 0.2s ease; } .lgk-wayne-home__link-faded:hover { color: var(--wayne-accent); } /* Tabs Homme / Femme / Enfants */ .lgk-wayne-home__tabs { display: flex; flex-wrap: nowrap; justify-content: center; gap: 0.5rem 1.25rem; margin: 0 0 1.5rem; overflow-x: auto; scrollbar-width: none; } .lgk-wayne-home__tabs::-webkit-scrollbar { display: none; } .lgk-wayne-home__tab { appearance: none; border: none; background: transparent; color: rgba(242, 235, 226, 0.45); font: inherit; font-size: clamp(1.45rem, 3.5vw, 2.1rem); font-weight: 650; letter-spacing: -0.02em; line-height: 1.1; padding: 0.15rem 0; cursor: pointer; white-space: nowrap; border-bottom: 2px solid transparent; transition: color 0.2s ease, border-color 0.2s ease; } .lgk-wayne-home__tab[aria-current="true"] { color: #fff; border-bottom-color: var(--wayne-accent); } .lgk-wayne-home__tab:hover { color: var(--wayne-cream); } .lgk-wayne-home__carousel { --product-list-items-per-row: 2; } @media screen and (min-width: 700px) { .lgk-wayne-home__carousel { --product-list-items-per-row: 4; } } @media screen and (min-width: 1400px) { .lgk-wayne-home__carousel { --product-list-items-per-row: 5; } } .lgk-wayne-home__carousel-foot { display: flex; justify-content: center; margin-top: 1.35rem; } .lgk-wayne-home .floating-controls-container__control .circle-button { background: rgba(10, 9, 8, 0.75); color: var(--wayne-cream); border: 1px solid rgba(242, 235, 226, 0.2); } .lgk-wayne-home .floating-controls-container__control .circle-button:hover { border-color: var(--wayne-accent); color: #fff; } .lgk-wayne-home__finale-cta { display: flex; flex-wrap: wrap; gap: 0.65rem; justify-content: center; } .lgk-wayne-home__link { color: var(--wayne-mute); text-decoration: none; font-size: 0.92rem; white-space: nowrap; border-bottom: 1px solid transparent; } .lgk-wayne-home__link:hover { color: var(--wayne-accent); border-bottom-color: var(--wayne-accent); } /* Category — grille 2×2 (images plus complètes) */ .lgk-wayne-home__featured { display: grid; grid-template-columns: 1fr; gap: 0.85rem; margin-bottom: 1.25rem; } @media screen and (min-width: 600px) { .lgk-wayne-home__featured { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.15rem; } } .lgk-wayne-home__feature { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; color: #fff; text-decoration: none; background: #14110f; isolation: isolate; } @media screen and (min-width: 900px) { .lgk-wayne-home__feature { aspect-ratio: 16 / 11; } } .lgk-wayne-home__feature-media, .lgk-wayne-home__feature-media img { position: absolute; inset: 0; width: 100%; height: 100%; } .lgk-wayne-home__feature-media:empty { background: radial-gradient(ellipse 80% 60% at 30% 20%, rgba(201, 168, 108, 0.22), transparent 55%), linear-gradient(145deg, #1c1814 0%, #0e0c0a 100%); } .lgk-wayne-home__tile-media:empty { background: radial-gradient(ellipse 70% 50% at 70% 30%, rgba(201, 168, 108, 0.14), transparent 50%), linear-gradient(145deg, #1a1612 0%, #0e0c0a 100%); } .lgk-wayne-home__feature-media img { object-fit: cover; object-position: center center; display: block; transition: transform 0.6s ease; } .lgk-wayne-home__feature:hover .lgk-wayne-home__feature-media img { transform: scale(1.04); } .lgk-wayne-home__feature-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(10, 9, 8, 0.9) 0%, rgba(10, 9, 8, 0.25) 45%, transparent 70%); pointer-events: none; } .lgk-wayne-home__feature-meta { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 1.2rem 1.15rem 1.3rem; display: flex; flex-direction: column; gap: 0.25rem; } .lgk-wayne-home__feature-title { font-size: clamp(1.35rem, 2.8vw, 1.85rem); font-weight: 700; letter-spacing: -0.02em; } .lgk-wayne-home__feature-sub { font-size: 0.82rem; letter-spacing: 0.04em; color: rgba(242, 235, 226, 0.72); } .lgk-wayne-home__rail { display: grid; grid-template-columns: 1fr; gap: 0.85rem; margin-top: 0.25rem; overflow: visible; padding-bottom: 0; scroll-snap-type: none; } @media screen and (min-width: 600px) { .lgk-wayne-home__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.15rem; } } .lgk-wayne-home__rail--secondary { margin-top: 0; } .lgk-wayne-home__tile { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; color: #fff; text-decoration: none; background: #14110f; isolation: isolate; border: none; scroll-snap-align: unset; transition: transform 0.25s ease; } @media screen and (min-width: 900px) { .lgk-wayne-home__tile { aspect-ratio: 16 / 9; } } .lgk-wayne-home__tile:hover { transform: translateY(-2px); border-color: transparent; } .lgk-wayne-home__tile-media { position: absolute; inset: 0; aspect-ratio: auto; background: #14110f; overflow: hidden; } .lgk-wayne-home__tile-media img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; transition: transform 0.6s ease; } .lgk-wayne-home__tile:hover .lgk-wayne-home__tile-media img { transform: scale(1.04); } .lgk-wayne-home__tile-meta { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; gap: 0.25rem; padding: 1.2rem 1.15rem 1.3rem; background: linear-gradient(0deg, rgba(10, 9, 8, 0.9) 0%, rgba(10, 9, 8, 0.25) 55%, transparent 100%); } .lgk-wayne-home__tile-title { font-weight: 700; font-size: clamp(1.2rem, 2.4vw, 1.55rem); letter-spacing: -0.02em; } .lgk-wayne-home__tile-count { font-size: 0.8rem; letter-spacing: 0.04em; color: rgba(242, 235, 226, 0.72); } @media screen and (min-width: 1400px) { .lgk-wayne-home__product-list { --product-list-items-per-row: 5; } } /* Products */ .lgk-wayne-home__product-list { --product-list-items-per-row: 2; } @media screen and (min-width: 700px) { .lgk-wayne-home__product-list { --product-list-items-per-row: 4; } } .lgk-wayne-home__product-list--split { --product-list-items-per-row: 2; } @media screen and (min-width: 700px) { .lgk-wayne-home__product-list--split { --product-list-items-per-row: 2; } } /* Klarna band */ .lgk-wayne-home__klarna { padding: clamp(2.4rem, 5vw, 3.5rem) 0; border-block: 1px solid rgba(201, 168, 108, 0.22); background: linear-gradient(90deg, rgba(201, 168, 108, 0.1), transparent 55%), rgba(255, 255, 255, 0.02); } .lgk-wayne-home__klarna-inner { max-width: 40rem; } .lgk-wayne-home__klarna-kicker { margin: 0 0 0.4rem; font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wayne-accent); } .lgk-wayne-home__klarna-title { margin: 0 0 0.45rem; font-size: clamp(1.45rem, 3vw, 1.95rem); font-weight: 650; letter-spacing: -0.02em; color: #fff; } .lgk-wayne-home__klarna-text { margin: 0; color: var(--wayne-mute); font-size: 0.98rem; line-height: 1.5; } /* Editorial full-bleed */ .lgk-wayne-home__editorial { width: 100%; } .lgk-wayne-home__editorial-link { position: relative; display: block; min-height: clamp(18rem, 48vw, 28rem); overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; background: #14110f; } .lgk-wayne-home__editorial-media, .lgk-wayne-home__editorial-media img { position: absolute; inset: 0; width: 100%; height: 100%; } .lgk-wayne-home__editorial-media img { object-fit: cover; object-position: center 30%; display: block; transition: transform 0.8s ease; } .lgk-wayne-home__editorial-link:hover .lgk-wayne-home__editorial-media img { transform: scale(1.04); } .lgk-wayne-home__editorial-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(10, 9, 8, 0.82) 0%, rgba(10, 9, 8, 0.35) 48%, rgba(10, 9, 8, 0.2) 100%), linear-gradient(0deg, rgba(10, 9, 8, 0.55) 0%, transparent 55%); pointer-events: none; } .lgk-wayne-home__editorial-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; gap: 0.35rem; width: var(--wayne-content); min-height: inherit; margin-inline: auto; padding: clamp(2rem, 5vw, 3.5rem) 0; } .lgk-wayne-home__editorial-title { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.05; } .lgk-wayne-home__editorial-cta { margin-top: 0.55rem; font-size: 0.95rem; color: var(--wayne-cream); border-bottom: 1px solid rgba(242, 235, 226, 0.35); width: fit-content; transition: color 0.2s ease, border-color 0.2s ease; } .lgk-wayne-home__editorial-link:hover .lgk-wayne-home__editorial-cta { color: var(--wayne-accent); border-bottom-color: var(--wayne-accent); } /* Split Enfants / Accessoires */ .lgk-wayne-home__split { background: rgba(255, 255, 255, 0.015); } .lgk-wayne-home__split-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; } @media screen and (min-width: 900px) { .lgk-wayne-home__split-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 2.5rem; } } .lgk-wayne-home .product-card, .lgk-wayne-home .product-card *:not(.lgk-card-v2__cta):not(.lgk-card-v2__cta-link):not(.lgk-card-v2__stock):not(.lgk-card-v2__stock--ok) { color: inherit; } /* Cartes produit — atmosphère mode (accueil + collections Wayne) */ html.lgk-storefront--wayne .product-card { --product-card-border: rgba(242, 235, 226, 0.08); } html.lgk-storefront--wayne .product-card__figure { background: #14110f; } html.lgk-storefront--wayne .product-card__title, html.lgk-storefront--wayne .product-card .product-title, html.lgk-storefront--wayne .product-card a.product-title { font-weight: 600; letter-spacing: -0.01em; color: var(--wayne-cream, #f2ebe2) !important; } html.lgk-storefront--wayne .product-card__price, html.lgk-storefront--wayne .product-card .price-list, html.lgk-storefront--wayne .product-card .price-list *, html.lgk-storefront--wayne .product-card .text-subdued, html.lgk-storefront--wayne .product-card sale-price, html.lgk-storefront--wayne .product-card compare-at-price { color: var(--wayne-cream, #f2ebe2) !important; opacity: 1 !important; } /* CTA cartes Wayne */ html.lgk-storefront--wayne .lgk-card-v2__buy { position: relative; z-index: 4; pointer-events: auto; } html.lgk-storefront--wayne .lgk-card-v2__stock { color: rgba(242, 235, 226, 0.65); font-size: 0.72rem; } html.lgk-storefront--wayne .lgk-card-v2__stock--ok { color: #86efac; font-weight: 650; } html.lgk-storefront--wayne .lgk-card-v2__cta, html.lgk-storefront--wayne .lgk-card-v2__cta-link { display: inline-flex !important; align-items: center; justify-content: center; width: 100%; min-height: 2rem; padding: 0.4rem 0.75rem; border-radius: 999px; border: 1px solid rgba(242, 235, 226, 0.28); background: linear-gradient(135deg, #c4a484, #e8d5bc) !important; color: #14110f !important; font-size: 0.78rem; font-weight: 700; text-decoration: none; cursor: pointer; appearance: none; -webkit-appearance: none; font-family: inherit; line-height: 1.2; position: relative; z-index: 5; pointer-events: auto !important; filter: none; } html.lgk-storefront--wayne .lgk-card-v2__cta:hover, html.lgk-storefront--wayne .lgk-card-v2__cta-link:hover { background: linear-gradient(135deg, #d4b494, #f2ebe2) !important; filter: brightness(1.04); } html.lgk-storefront--wayne .lgk-card-v2__cta:disabled { opacity: 0.55; cursor: not-allowed; filter: none; } html.lgk-storefront--wayne body.template-collection .collection, html.lgk-storefront--wayne body.template-collection .product-list { --product-list-gap: 1.25rem; } html.lgk-storefront--wayne body.template-product .lgk-nl-cta--product { display: none !important; } html.lgk-storefront--wayne body.template-collection .collection__header, html.lgk-storefront--wayne body.template-collection .collection-toolbar { border-color: rgba(242, 235, 226, 0.1); } /* Finale */ .lgk-wayne-home__finale { padding: clamp(3rem, 8vw, 5rem) 0; border-top: 1px solid rgba(242, 235, 226, 0.1); background: radial-gradient(ellipse 70% 80% at 50% 0%, rgba(201, 168, 108, 0.14), transparent 60%), var(--wayne-ink); } .lgk-wayne-home__finale-inner { text-align: center; display: flex; flex-direction: column; align-items: center; } .lgk-wayne-home__finale-text { margin: 0 0 1.4rem; color: var(--wayne-mute); font-size: 1.05rem; } /* Motion */ @media (prefers-reduced-motion: no-preference) { .lgk-wayne-home__brand { animation: wayneBrandIn 0.75s ease both; } .lgk-wayne-home__logo { animation: wayneFadeUp 0.65s ease both; } .lgk-wayne-home__lead, .lgk-wayne-home__cta { animation: wayneFadeUp 0.7s ease 0.18s both; } .lgk-wayne-home__hero-img { animation: wayneKen 14s ease-out both; } .lgk-wayne-home__feature { animation: wayneFadeUp 0.7s ease both; } .lgk-wayne-home__feature:nth-child(2) { animation-delay: 0.06s; } .lgk-wayne-home__feature:nth-child(3) { animation-delay: 0.12s; } .lgk-wayne-home__feature:nth-child(4) { animation-delay: 0.18s; } .lgk-wayne-home__tile { animation: wayneFadeUp 0.65s ease both; } .lgk-wayne-home__tile:nth-child(2) { animation-delay: 0.05s; } .lgk-wayne-home__tile:nth-child(3) { animation-delay: 0.1s; } .lgk-wayne-home__tile:nth-child(4) { animation-delay: 0.15s; } } @keyframes wayneBrandIn { from { opacity: 0; transform: translateY(14px); letter-spacing: 0.03em; } to { opacity: 1; transform: none; letter-spacing: -0.035em; } } @keyframes wayneFadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } } @keyframes wayneKen { from { transform: scale(1.06); } to { transform: scale(1); } } @keyframes wayneScrollDot { 0%, 100% { transform: translateY(0); opacity: 0.9; } 50% { transform: translateY(10px); opacity: 0.35; } } /* Header React v2 — polish Wayne */ html.lgk-storefront--wayne .lgk-site-chrome, html.lgk-storefront--wayne .lgk-topbar--v2, html.lgk-storefront--wayne .lgk-primary-nav--mobile, html.lgk-storefront--wayne .lgk-marquee { background: #0a0908 !important; } html.lgk-storefront--wayne .lgk-topbar--v2 { border-bottom-color: rgba(201, 168, 108, 0.18) !important; } html.lgk-storefront--wayne .lgk-topbar--v2 .lgk-topbar__logo { width: clamp(8.5rem, 15vw, 12.5rem) !important; max-height: 3.5rem !important; } html.lgk-storefront--wayne .lgk-topbar__nav a:hover { color: #f2ebe2; border-bottom-color: rgba(201, 168, 108, 0.85); } html.lgk-storefront--wayne .lgk-topbar__nav-all, html.lgk-storefront--wayne .lgk-primary-nav__all { color: #c9a86c !important; } html.lgk-storefront--wayne .lgk-topbar--v2 .lgk-topbar__search-input:focus { border-color: rgba(201, 168, 108, 0.55) !important; background: rgba(201, 168, 108, 0.08) !important; } html.lgk-storefront--wayne .lgk-topbar--v2 .lgk-topbar__search-btn:hover { border-color: rgba(201, 168, 108, 0.5) !important; background: rgba(201, 168, 108, 0.14) !important; color: #f2ebe2 !important; } html.lgk-storefront--wayne .lgk-header-menu-btn { border-color: rgba(201, 168, 108, 0.28) !important; } html.lgk-storefront--wayne .lgk-header-menu-btn:hover { border-color: rgba(201, 168, 108, 0.55) !important; background: rgba(201, 168, 108, 0.1) !important; } html.lgk-storefront--wayne .lgk-primary-nav--mobile a:hover { color: #c9a86c; } html.lgk-storefront--wayne .lgk-marquee { border-bottom-color: rgba(201, 168, 108, 0.14); color: rgba(242, 235, 226, 0.88); } html.lgk-storefront--wayne .lgk-marquee__newsletter-cta { color: #0a0908; background: #c9a86c; } /* ===== fivem.css ===== */ /* FiveM LeGeekShop — fivem.legeekshop.com (thème Wayne, palette FiveM) */ html.lgk-storefront--fivem body.template-index #main > .shopify-section--footer .lgk-instant-gaming-affiliate, html.lgk-storefront--fivem body.template-index #main > .shopify-section--footer .shopify-section--instant-gaming-affiliate, html.lgk-storefront--fivem body.template-index .lgk-nl-cta:not(.lgk-fivem-home__nl):not(.lgk-nl-cta--product):not(.lgk-nl-cta--collection), html.lgk-storefront--fivem body.template-index .lgk-newsletter-cta:not(.lgk-fivem-home__nl), html.lgk-storefront--fivem .lgk-ig-gta6, html.lgk-storefront--fivem #lgk-gd-cross { display: none !important; } html.lgk-storefront--fivem body.template-index .lgk-fivem-home .lgk-fivem-home__nl.lgk-nl-cta { display: grid !important; width: 100%; max-width: 100%; } @media (max-width: 999px) { html.lgk-storefront--fivem .lgk-fivem-home__nl.lgk-nl-cta--banner { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: 'badge body' 'action action'; } html.lgk-storefront--fivem .lgk-fivem-home__nl.lgk-nl-cta--banner > .lgk-nl-cta__badge { grid-area: badge; } html.lgk-storefront--fivem .lgk-fivem-home__nl.lgk-nl-cta--banner > .lgk-nl-cta__body { grid-area: body; } html.lgk-storefront--fivem .lgk-fivem-home__nl.lgk-nl-cta--banner > .lgk-nl-cta__action { grid-area: action; width: 100%; justify-content: center; } } @media (max-width: 749px) { html.lgk-storefront--fivem .lgk-fivem-home__nl.lgk-nl-cta--banner { grid-template-columns: 1fr !important; grid-template-areas: 'badge' 'body' 'action'; justify-items: center; text-align: center; } html.lgk-storefront--fivem .lgk-fivem-home__nl .lgk-nl-cta__body { text-align: center; width: 100%; } html.lgk-storefront--fivem .lgk-fivem-home__nl .lgk-nl-cta__action { width: 100%; white-space: normal; } } html.lgk-storefront--fivem { --container-max-width: 100%; --container-xxs-max-width: 100%; --container-xs-max-width: 100%; --container-sm-max-width: 100%; --container-md-max-width: 100%; --container-lg-max-width: 100%; --container-xl-max-width: 100%; --page-width: 100%; } html.lgk-storefront--fivem .container, html.lgk-storefront--fivem .container.container--lg, html.lgk-storefront--fivem .container.container--xl, html.lgk-storefront--fivem .container.container--md { --container-max-width: 100% !important; margin-inline-start: var(--container-gutter) !important; margin-inline-end: var(--container-gutter) !important; max-width: none !important; } html.lgk-storefront--fivem .lgk-rich-description, html.lgk-storefront--fivem .product-content-below-gallery__rich-description, html.lgk-storefront--fivem .product-content-below-gallery { width: 100% !important; max-width: none !important; } html.lgk-storefront--fivem .lgk-rich-description > div, html.lgk-storefront--fivem .lgk-rich-description [style*='max-width'], html.lgk-storefront--fivem .product-content-below-gallery__rich-description > div, html.lgk-storefront--fivem .product-content-below-gallery__rich-description [style*='max-width'] { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* Accueil FiveM : palette sur le shell Wayne */ html.lgk-storefront--fivem .lgk-wayne-home.lgk-fivem-home { --wayne-ink: #0a0a0f; --wayne-cream: #f4f4f5; --wayne-accent: #f97316; --wayne-mute: rgba(244, 244, 245, 0.72); background: var(--wayne-ink); color: var(--wayne-cream); } html.lgk-storefront--fivem .lgk-wayne-home__hero-shade { background: linear-gradient(90deg, rgba(10, 10, 15, 0.92) 0%, rgba(10, 10, 15, 0.55) 42%, rgba(10, 10, 15, 0.2) 72%, rgba(10, 10, 15, 0.45) 100%), linear-gradient(0deg, rgba(10, 10, 15, 0.88) 0%, rgba(168, 85, 247, 0.12) 35%, transparent 70%); } html.lgk-storefront--fivem .lgk-wayne-home__brand { background: linear-gradient(135deg, #fff 0%, #f97316 45%, #a855f7 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } html.lgk-storefront--fivem .lgk-wayne-home__btn--primary { background: linear-gradient(135deg, #f97316, #ea580c); color: #0a0a0f; border-color: transparent; } html.lgk-storefront--fivem .lgk-wayne-home__btn--ghost { border-color: rgba(244, 244, 245, 0.2); color: var(--wayne-cream); } html.lgk-storefront--fivem .lgk-wayne-home__badge { color: #a855f7; } html.lgk-storefront--fivem .lgk-wayne-home__feature, html.lgk-storefront--fivem .lgk-wayne-home__tile { border-color: rgba(244, 244, 245, 0.12); } html.lgk-storefront--fivem .lgk-wayne-home__trust-card { background: #12121a; border-color: rgba(244, 244, 245, 0.1); } html.lgk-storefront--fivem .lgk-wayne-home__trust-btn { color: inherit; text-decoration: none; } html.lgk-storefront--fivem .lgk-fivem-home__digital.lgk-wayne-home__klarna { background: linear-gradient(135deg, rgba(168, 85, 247, 0.14), rgba(249, 115, 22, 0.1)); border-block: 1px solid rgba(244, 244, 245, 0.08); } html.lgk-storefront--fivem .lgk-wayne-home__tab[aria-current='true'], html.lgk-storefront--fivem .lgk-wayne-home__tab:hover { border-color: #f97316; color: #f97316; } html.lgk-storefront--fivem .lgk-wayne-home__link, html.lgk-storefront--fivem .lgk-wayne-home__link-faded { color: #f97316; } html.lgk-storefront--fivem .header__logo-image--lgk { display: block !important; opacity: 1 !important; width: var(--header-logo-width, 96px) !important; max-width: min(40vw, 140px) !important; height: auto !important; object-fit: contain; } html.lgk-storefront--fivem .header__logo-image--fivem, html.lgk-storefront--fivem .header__logo-text--fivem { display: none !important; } html.lgk-storefront--fivem .product-info__block-item[data-block-type='lgk-size-guide'], html.lgk-storefront--fivem .lgk-size-guide, html.lgk-storefront--fivem .faq-neo__item--size-guide, html.lgk-storefront--fivem .size-guide-title, html.lgk-storefront--fivem .table-responsive.dynamic { display: none !important; } html.lgk-storefront--fivem .lgk-navi-slide--fivem { --lgk-navi-accent: #f97316; --lgk-navi-accent-2: #a855f7; } /* Page contact = accueil FiveM */ html.lgk-storefront--fivem body.template-page .lgk-contact-section--fivem { background: var(--fivem-bg, #0a0a0f); } html.lgk-storefront--fivem body.template-page .lgk-contact-section__header .prose .h6 { color: rgba(244, 244, 245, 0.72); letter-spacing: 0.04em; } html.lgk-storefront--fivem body.template-page .lgk-contact-section__header .prose .h2 { background: linear-gradient(135deg, #fff 0%, #f97316 45%, #a855f7 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } html.lgk-storefront--fivem body.template-page .lgk-contact-section__aside, html.lgk-storefront--fivem body.template-page .lgk-contact-section__form { border-color: rgba(244, 244, 245, 0.12); background: rgba(18, 18, 26, 0.92); } html.lgk-storefront--fivem body.template-page .lgk-contact-form .button { background: linear-gradient(135deg, #f97316, #ea580c); border-color: transparent; color: #0a0a0f; } html.lgk-storefront--fivem body.template-page .shopify-section--lgk-google-reviews { display: none !important; } /* ——— Accueil FiveM : vitrine GothamDev (fivem.gothamdev.fr) ——— */ html.lgk-storefront--fivem .lgk-fivem-home__gd-hub { padding: clamp(2.5rem, 6vw, 4rem) 0; background: radial-gradient(ellipse 80% 60% at 20% 0%, rgba(168, 85, 247, 0.18), transparent 55%), radial-gradient(ellipse 70% 50% at 90% 100%, rgba(249, 115, 22, 0.12), transparent 50%), #0a0a0f; border-block: 1px solid rgba(244, 244, 245, 0.08); } html.lgk-storefront--fivem .lgk-fivem-home__gd-hub-inner { display: grid; gap: clamp(1.5rem, 4vw, 2.5rem); align-items: stretch; } @media screen and (min-width: 900px) { html.lgk-storefront--fivem .lgk-fivem-home__gd-hub-inner { grid-template-columns: 1.15fr 0.85fr; } } html.lgk-storefront--fivem .lgk-fivem-home__gd-lead { margin: 0 0 1rem; max-width: 52ch; color: rgba(244, 244, 245, 0.78); line-height: 1.65; font-size: clamp(0.95rem, 2vw, 1.05rem); } html.lgk-storefront--fivem .lgk-fivem-home__gd-points { margin: 0 0 1.25rem; padding: 0; list-style: none; display: grid; gap: 0.45rem; } html.lgk-storefront--fivem .lgk-fivem-home__gd-points li { position: relative; padding-left: 1.1rem; color: rgba(244, 244, 245, 0.88); font-size: 0.92rem; } html.lgk-storefront--fivem .lgk-fivem-home__gd-points li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: linear-gradient(135deg, #f97316, #a855f7); } html.lgk-storefront--fivem .lgk-fivem-home__gd-actions { display: flex; flex-wrap: wrap; gap: 0.65rem 0.85rem; align-items: center; } html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller { padding: clamp(1.25rem, 3vw, 1.75rem); border-radius: 1rem; border: 1px solid rgba(249, 115, 22, 0.35); background: linear-gradient(145deg, rgba(18, 18, 26, 0.95), rgba(249, 115, 22, 0.08)); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35); overflow: hidden; } html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller-media { display: block; margin: -1.25rem -1.25rem 1rem; overflow: hidden; border-radius: 0.85rem 0.85rem 0 0; aspect-ratio: 16 / 9; } @media screen and (min-width: 900px) { html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller-media { margin: -1.75rem -1.75rem 1rem; } } html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; } html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller:hover .lgk-fivem-home__gd-bestseller-media img { transform: scale(1.04); } html.lgk-storefront--fivem .lgk-fivem-home__gd-tag { display: inline-block; margin-bottom: 0.65rem; padding: 0.25rem 0.65rem; border-radius: 999px; background: rgba(249, 115, 22, 0.18); color: #fdba74; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller-title { margin: 0 0 0.5rem; font-size: clamp(1.15rem, 2.5vw, 1.45rem); line-height: 1.25; color: #fff; } html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller-text, html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller-list { margin: 0 0 0.75rem; color: rgba(244, 244, 245, 0.78); font-size: 0.9rem; line-height: 1.55; } html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller-list { padding-left: 1.1rem; } html.lgk-storefront--fivem .lgk-fivem-home__gd-bestseller-foot { display: flex; flex-wrap: wrap; gap: 0.65rem 1rem; align-items: center; margin-top: 0.5rem; } html.lgk-storefront--fivem .lgk-fivem-home__gd-tools { padding: clamp(2rem, 5vw, 3rem) 0; background: #0a0a0f; } html.lgk-storefront--fivem .lgk-fivem-home__gd-grid { display: grid; gap: 0.85rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); } html.lgk-storefront--fivem .lgk-fivem-home__gd-card { display: flex; flex-direction: column; gap: 0.35rem; padding: 0; border-radius: 0.85rem; border: 1px solid rgba(244, 244, 245, 0.1); background: #12121a; text-decoration: none; color: inherit; overflow: hidden; transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } html.lgk-storefront--fivem .lgk-fivem-home__gd-card-thumb { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #0a0a0f; } html.lgk-storefront--fivem .lgk-fivem-home__gd-card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.45s ease; } html.lgk-storefront--fivem .lgk-fivem-home__gd-card:hover .lgk-fivem-home__gd-card-thumb img { transform: scale(1.06); } html.lgk-storefront--fivem .lgk-fivem-home__gd-card-ico, html.lgk-storefront--fivem .lgk-fivem-home__gd-card-title, html.lgk-storefront--fivem .lgk-fivem-home__gd-card-desc { padding-inline: 1rem; } html.lgk-storefront--fivem .lgk-fivem-home__gd-card-ico { padding-top: 0.75rem; } html.lgk-storefront--fivem .lgk-fivem-home__gd-card-desc { padding-bottom: 1rem; } html.lgk-storefront--fivem .lgk-fivem-home__gd-card:hover { border-color: rgba(249, 115, 22, 0.45); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); } html.lgk-storefront--fivem .lgk-fivem-home__gd-card-ico { font-size: 1.35rem; line-height: 1; } html.lgk-storefront--fivem .lgk-fivem-home__gd-card-title { font-weight: 700; font-size: 0.98rem; color: #fff; } html.lgk-storefront--fivem .lgk-fivem-home__gd-card-desc { font-size: 0.82rem; line-height: 1.45; color: rgba(244, 244, 245, 0.65); } html.lgk-storefront--fivem .lgk-fivem-home__gd-more { margin: 1.25rem 0 0; text-align: center; } html.lgk-storefront--fivem .lgk-fivem-home__gd-docs { padding: clamp(1.5rem, 4vw, 2.5rem) 0 clamp(2rem, 5vw, 3rem); background: linear-gradient(180deg, #0a0a0f 0%, #12121a 100%); border-block-start: 1px solid rgba(244, 244, 245, 0.06); } html.lgk-storefront--fivem .lgk-fivem-home__gd-guides { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); } html.lgk-storefront--fivem .lgk-fivem-home__gd-guide { display: flex; flex-direction: column; gap: 0; padding: 0; border-radius: 0.75rem; border: 1px solid rgba(244, 244, 245, 0.08); background: rgba(10, 10, 15, 0.6); text-decoration: none; color: inherit; overflow: hidden; transition: border-color 0.2s ease, transform 0.2s ease; } html.lgk-storefront--fivem .lgk-fivem-home__gd-guide-thumb { display: block; aspect-ratio: 16 / 10; overflow: hidden; } html.lgk-storefront--fivem .lgk-fivem-home__gd-guide-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.45s ease; } html.lgk-storefront--fivem .lgk-fivem-home__gd-guide:hover .lgk-fivem-home__gd-guide-thumb img { transform: scale(1.05); } html.lgk-storefront--fivem .lgk-fivem-home__gd-guide-body { display: flex; flex-direction: column; gap: 0.35rem; padding: 0.85rem 1rem 1rem; } html.lgk-storefront--fivem .lgk-fivem-home__gd-guide:hover { border-color: rgba(168, 85, 247, 0.4); } html.lgk-storefront--fivem .lgk-fivem-home__gd-guide strong { color: #fff; font-size: 0.95rem; } html.lgk-storefront--fivem .lgk-fivem-home__gd-guide span { font-size: 0.82rem; line-height: 1.45; color: rgba(244, 244, 245, 0.65); } html.lgk-storefront--fivem .lgk-wayne-home__finale-text a { color: #f97316; text-decoration: underline; text-underline-offset: 0.15em; } html.lgk-storefront--fivem .lgk-wayne-home__trust-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); } /* ——— Bandeau produits digitaux visuel ——— */ html.lgk-storefront--fivem .lgk-fivem-home__digital { position: relative; overflow: hidden; isolation: isolate; } html.lgk-storefront--fivem .lgk-fivem-home__digital-bg { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, 1fr); opacity: 0.22; pointer-events: none; } html.lgk-storefront--fivem .lgk-fivem-home__digital-bg-img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(1.1); } html.lgk-storefront--fivem .lgk-fivem-home__digital-inner { position: relative; z-index: 1; display: grid; gap: 1.5rem; align-items: center; padding-block: clamp(2rem, 5vw, 3rem); } @media screen and (min-width: 768px) { html.lgk-storefront--fivem .lgk-fivem-home__digital-inner { grid-template-columns: 1fr 1fr; gap: 2rem; } } html.lgk-storefront--fivem .lgk-fivem-home__digital-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.65rem; } html.lgk-storefront--fivem .lgk-fivem-home__digital-step { display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.85rem 1rem; border-radius: 0.75rem; background: rgba(18, 18, 26, 0.88); border: 1px solid rgba(244, 244, 245, 0.1); } html.lgk-storefront--fivem .lgk-fivem-home__digital-step-num { flex-shrink: 0; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #f97316, #a855f7); color: #0a0a0f; font-size: 0.8rem; font-weight: 800; } html.lgk-storefront--fivem .lgk-fivem-home__digital-step-text { font-size: 0.88rem; line-height: 1.45; color: rgba(244, 244, 245, 0.82); } /* ——— Spotlight GothamDev avec bannière ——— */ html.lgk-storefront--fivem .lgk-fivem-home__spotlight--gotham { position: relative; overflow: hidden; } html.lgk-storefront--fivem .lgk-fivem-home__spotlight-banner { position: absolute; inset: 0; z-index: 0; pointer-events: none; } html.lgk-storefront--fivem .lgk-fivem-home__spotlight-banner img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.18; } html.lgk-storefront--fivem .lgk-fivem-home__spotlight-banner-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 10, 15, 0.55) 0%, rgba(10, 10, 15, 0.92) 75%); } html.lgk-storefront--fivem .lgk-fivem-home__spotlight--gotham .lgk-wayne-home__wrap { position: relative; z-index: 1; } /* ——— Duo éditorial véhicules / scripts ——— */ html.lgk-storefront--fivem .lgk-fivem-home__duo { display: grid; grid-template-columns: 1fr; gap: 0; } @media screen and (min-width: 768px) { html.lgk-storefront--fivem .lgk-fivem-home__duo { grid-template-columns: repeat(2, minmax(0, 1fr)); } } html.lgk-storefront--fivem .lgk-fivem-home__duo-card { position: relative; display: block; min-height: clamp(16rem, 42vw, 22rem); overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; } html.lgk-storefront--fivem .lgk-fivem-home__duo-media, html.lgk-storefront--fivem .lgk-fivem-home__duo-media img { position: absolute; inset: 0; width: 100%; height: 100%; } html.lgk-storefront--fivem .lgk-fivem-home__duo-media img { object-fit: cover; display: block; transition: transform 0.7s ease; } html.lgk-storefront--fivem .lgk-fivem-home__duo-card:hover .lgk-fivem-home__duo-media img { transform: scale(1.05); } html.lgk-storefront--fivem .lgk-fivem-home__duo-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(10, 10, 15, 0.92) 0%, rgba(10, 10, 15, 0.25) 55%, rgba(168, 85, 247, 0.12) 100%); pointer-events: none; } html.lgk-storefront--fivem .lgk-fivem-home__duo-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; gap: 0.35rem; min-height: inherit; padding: clamp(1.5rem, 4vw, 2.5rem); } html.lgk-storefront--fivem .lgk-fivem-home__duo-title { font-size: clamp(1.35rem, 3vw, 1.85rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; } html.lgk-storefront--fivem .lgk-fivem-home__duo-cta { margin-top: 0.35rem; font-size: 0.92rem; color: #f97316; } /* ——— Mosaïque catalogue ——— */ html.lgk-storefront--fivem .lgk-fivem-home__mosaic { padding: clamp(2.5rem, 6vw, 4rem) 0; background: #12121a; border-block: 1px solid rgba(244, 244, 245, 0.06); } html.lgk-storefront--fivem .lgk-fivem-home__mosaic-grid { display: grid; gap: 0.65rem; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(8rem, auto); } @media screen and (min-width: 768px) { html.lgk-storefront--fivem .lgk-fivem-home__mosaic-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(10rem, auto); } } html.lgk-storefront--fivem .lgk-fivem-home__mosaic-item { position: relative; display: block; overflow: hidden; border-radius: 0.75rem; border: 1px solid rgba(244, 244, 245, 0.08); text-decoration: none; color: #fff; } html.lgk-storefront--fivem .lgk-fivem-home__mosaic-item--hero { grid-column: span 2; grid-row: span 2; } @media screen and (min-width: 768px) { html.lgk-storefront--fivem .lgk-fivem-home__mosaic-item--hero { grid-column: span 2; grid-row: span 2; } } html.lgk-storefront--fivem .lgk-fivem-home__mosaic-img { width: 100%; height: 100%; min-height: 8rem; object-fit: cover; display: block; transition: transform 0.5s ease; } html.lgk-storefront--fivem .lgk-fivem-home__mosaic-item:hover .lgk-fivem-home__mosaic-img { transform: scale(1.06); } html.lgk-storefront--fivem .lgk-fivem-home__mosaic-label { position: absolute; inset-inline: 0; bottom: 0; padding: 2rem 0.65rem 0.65rem; background: linear-gradient(0deg, rgba(10, 10, 15, 0.92) 0%, transparent 100%); font-size: 0.72rem; line-height: 1.3; font-weight: 600; } html.lgk-storefront--fivem .lgk-fivem-home__mosaic-more { margin: 1.5rem 0 0; text-align: center; } /* ——— Communauté / support visuel ——— */ html.lgk-storefront--fivem .lgk-fivem-home__community { padding: clamp(2rem, 5vw, 3rem) 0; background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(168, 85, 247, 0.12), transparent 60%), #0a0a0f; } html.lgk-storefront--fivem .lgk-fivem-home__community-inner { display: grid; gap: 1rem; grid-template-columns: 1fr; } @media screen and (min-width: 900px) { html.lgk-storefront--fivem .lgk-fivem-home__community-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); } } html.lgk-storefront--fivem .lgk-fivem-home__community-card { display: flex; flex-direction: column; border-radius: 1rem; overflow: hidden; border: 1px solid rgba(244, 244, 245, 0.1); background: #12121a; text-decoration: none; color: inherit; transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } html.lgk-storefront--fivem .lgk-fivem-home__community-card:hover { border-color: rgba(249, 115, 22, 0.45); transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); } html.lgk-storefront--fivem .lgk-fivem-home__community-visual { display: block; aspect-ratio: 16 / 10; overflow: hidden; } html.lgk-storefront--fivem .lgk-fivem-home__community-visual img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.45s ease; } html.lgk-storefront--fivem .lgk-fivem-home__community-card:hover .lgk-fivem-home__community-visual img { transform: scale(1.05); } html.lgk-storefront--fivem .lgk-fivem-home__community-body { display: flex; flex-direction: column; gap: 0.35rem; padding: 1rem 1.1rem 1.15rem; } html.lgk-storefront--fivem .lgk-fivem-home__community-kicker { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #a855f7; } html.lgk-storefront--fivem .lgk-fivem-home__community-title { font-size: 1.05rem; font-weight: 700; color: #fff; line-height: 1.25; } html.lgk-storefront--fivem .lgk-fivem-home__community-text { font-size: 0.84rem; line-height: 1.45; color: rgba(244, 244, 245, 0.68); } html.lgk-storefront--fivem .lgk-fivem-home__community-cta { margin-top: 0.35rem; font-size: 0.88rem; font-weight: 600; color: #f97316; } html.lgk-storefront--fivem .lgk-fivem-home__community-card--discord:hover .lgk-fivem-home__community-cta { color: #c4b5fd; } /* ——— Finale enrichie ——— */ html.lgk-storefront--fivem .lgk-fivem-home__finale { position: relative; overflow: hidden; isolation: isolate; border-top: none; background: #0a0a0f; } html.lgk-storefront--fivem .lgk-fivem-home__finale-bg { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); opacity: 0.16; pointer-events: none; } @media screen and (min-width: 768px) { html.lgk-storefront--fivem .lgk-fivem-home__finale-bg { grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; } } html.lgk-storefront--fivem .lgk-fivem-home__finale-bg img { width: 100%; height: 100%; object-fit: cover; display: block; } html.lgk-storefront--fivem .lgk-fivem-home__finale-inner { position: relative; z-index: 1; padding-block: clamp(3rem, 8vw, 5rem); background: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(10, 10, 15, 0.92) 0%, rgba(10, 10, 15, 0.78) 55%, rgba(10, 10, 15, 0.55) 100%); border-radius: 1rem; border: 1px solid rgba(244, 244, 245, 0.08); margin-block: clamp(1.5rem, 4vw, 2.5rem); padding-inline: clamp(1rem, 3vw, 2rem); } html.lgk-storefront--fivem .lgk-fivem-home__finale-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 1rem; margin: 0 0 1.25rem; padding: 0; list-style: none; } html.lgk-storefront--fivem .lgk-fivem-home__finale-stats li { display: inline-flex; align-items: center; justify-content: center; min-height: 2.1rem; padding: 0.35rem 0.9rem; border-radius: 999px; border: 1px solid rgba(249, 115, 22, 0.35); background: rgba(18, 18, 26, 0.85); font-size: 0.82rem; line-height: 1; color: rgba(244, 244, 245, 0.85); } html.lgk-storefront--fivem .lgk-fivem-home__finale-stats li:has(.lgk-fivem-home__finale-nl) { padding: 0; border: 0; background: transparent; min-height: 0; } html.lgk-storefront--fivem .lgk-fivem-home__finale-stats strong { color: #f97316; } /* ——— Newsletter -10 % (accueil FiveM) ——— */ html.lgk-storefront--fivem .lgk-fivem-home__nl.lgk-nl-cta--banner { margin-bottom: 1rem; border-radius: 0.75rem; border-color: rgba(249, 115, 22, 0.4); background: linear-gradient(135deg, rgba(249, 115, 22, 0.14) 0%, rgba(168, 85, 247, 0.08) 100%), #12121a; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28); } html.lgk-storefront--fivem .lgk-fivem-home__nl.lgk-nl-cta--banner:hover { border-color: rgba(249, 115, 22, 0.65); } html.lgk-storefront--fivem .lgk-fivem-home__nl .lgk-nl-cta__badge { background: linear-gradient(135deg, #f97316, #ea580c); color: #0a0a0f; box-shadow: 0 4px 16px rgba(249, 115, 22, 0.35); } html.lgk-storefront--fivem .lgk-fivem-home__nl .lgk-nl-cta__title { color: #fff; } html.lgk-storefront--fivem .lgk-fivem-home__nl .lgk-nl-cta__subtitle { color: rgba(244, 244, 245, 0.72); } html.lgk-storefront--fivem .lgk-fivem-home__nl .lgk-nl-cta__subtitle strong { color: #f97316; } html.lgk-storefront--fivem .lgk-fivem-home__nl .lgk-nl-cta__action { background: rgba(249, 115, 22, 0.12); border-color: rgba(249, 115, 22, 0.45); color: #f4f4f5; } html.lgk-storefront--fivem .lgk-fivem-home__nl.lgk-nl-cta--banner:hover .lgk-nl-cta__action { background: linear-gradient(135deg, #f97316, #ea580c); color: #0a0a0f; } html.lgk-storefront--fivem .lgk-fivem-home__finale-nl { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 2.1rem; border: 1px solid rgba(249, 115, 22, 0.35); background: rgba(18, 18, 26, 0.85); color: rgba(244, 244, 245, 0.85); font: inherit; font-size: 0.82rem; line-height: 1; padding: 0.35rem 0.9rem; border-radius: 999px; cursor: pointer; transition: border-color 0.2s ease, background 0.2s ease; } html.lgk-storefront--fivem .lgk-fivem-home__finale-nl:hover { border-color: rgba(249, 115, 22, 0.6); background: rgba(249, 115, 22, 0.12); } html.lgk-storefront--fivem .lgk-navi-slide--fivem .lgk-navi-slide__nl-btn { appearance: none; border: 0; background: transparent; padding: 0; margin: 0; font: inherit; font-size: inherit; letter-spacing: inherit; text-transform: inherit; color: #f97316; cursor: pointer; text-decoration: underline; text-underline-offset: 0.15em; } html.lgk-storefront--fivem .lgk-marquee .lgk-marquee__newsletter-cta { color: #fdba74; } /* AOV bundles home */ .lgk-fivem-home__aov { padding: 2.5rem 0 1.5rem; } .lgk-fivem-home__aov-grid { display: grid; gap: 1rem; list-style: none; margin: 1.25rem 0 0; padding: 0; } @media (min-width: 700px) { .lgk-fivem-home__aov-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lgk-fivem-home__aov-card { display: flex; flex-direction: column; gap: 0.35rem; padding: 1.25rem 1.35rem; border: 1px solid rgba(249, 115, 22, 0.28); background: rgba(249, 115, 22, 0.06); text-decoration: none; color: inherit; transition: border-color 0.2s ease, background 0.2s ease; } .lgk-fivem-home__aov-card:hover { border-color: rgba(249, 115, 22, 0.55); background: rgba(249, 115, 22, 0.12); } .lgk-fivem-home__aov-kicker { font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: #fdba74; } .lgk-fivem-home__aov-title { font-size: 1.05rem; font-weight: 700; } .lgk-fivem-home__aov-text { font-size: 0.85rem; opacity: 0.8; flex: 1; } .lgk-fivem-home__aov-cta { margin-top: 0.5rem; font-size: 0.85rem; font-weight: 600; color: #f97316; } .lgk-fivem-pdp-aov { margin: 0.5rem 0 0.75rem; padding: 0.65rem 0.75rem; border-radius: 10px; border: 1px solid rgba(249, 115, 22, 0.35); background: rgba(249, 115, 22, 0.08); } .lgk-fivem-pdp-aov__title { margin: 0 0 0.35rem; font-size: 0.8rem; font-weight: 700; color: #fdba74; } .lgk-fivem-pdp-aov__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 0.85rem; } .lgk-fivem-pdp-aov__list a { font-size: 0.78rem; color: inherit; text-decoration: underline; text-underline-offset: 2px; } /* ===== lgk-candy-geekland.css ===== */ /* Candy Geekland — palette & overrides sur base Wayne (lgk-wayne-storefront.css) */ /* Masquer sections IT hors home Candy (déjà géré en partie dans theme.liquid) */ html.lgk-storefront--candy-geekland body.template-index #main > .shopify-section--footer .lgk-instant-gaming-affiliate, html.lgk-storefront--candy-geekland body.template-index #main > .shopify-section--footer .shopify-section--instant-gaming-affiliate, html.lgk-storefront--candy-geekland body.template-index .lgk-nl-cta:not(.lgk-candy-home__nl):not(.lgk-nl-cta--product):not(.lgk-nl-cta--collection), html.lgk-storefront--candy-geekland body.template-index .lgk-newsletter-cta:not(.lgk-candy-home__nl), html.lgk-storefront--candy-geekland .lgk-ig-gta6, html.lgk-storefront--candy-geekland #lgk-gd-cross { display: none !important; } html.lgk-storefront--candy-geekland body.template-index .lgk-candy-home .lgk-candy-home__nl.lgk-nl-cta { display: grid !important; width: 100%; max-width: 100%; } /* Newsletter Candy : plus de teal LGK */ .lgk-candy-home .lgk-candy-home__nl.lgk-nl-cta:focus-visible { outline-color: #ff4d8d; } .lgk-candy-home .lgk-candy-home__nl .lgk-nl-cta__badge { background: linear-gradient(135deg, #ff4d8d, #ff7a59); color: #1a0f14; box-shadow: 0 4px 16px rgba(255, 77, 141, 0.35); } .lgk-candy-home .lgk-candy-home__nl.lgk-nl-cta--banner { border-color: rgba(255, 77, 141, 0.38); background: linear-gradient(135deg, rgba(255, 77, 141, 0.16) 0%, rgba(255, 122, 89, 0.1) 100%), rgba(26, 15, 20, 0.92); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28); } .lgk-candy-home .lgk-candy-home__nl.lgk-nl-cta--banner:hover { border-color: rgba(255, 77, 141, 0.62); box-shadow: 0 12px 32px rgba(255, 77, 141, 0.18); } .lgk-candy-home .lgk-candy-home__nl .lgk-nl-cta__title { color: #fff5f0; } .lgk-candy-home .lgk-candy-home__nl .lgk-nl-cta__subtitle { color: rgba(255, 245, 240, 0.72); } .lgk-candy-home .lgk-candy-home__nl .lgk-nl-cta__subtitle strong { color: #ff7a59; } .lgk-candy-home .lgk-candy-home__nl .lgk-nl-cta__action { background: linear-gradient(135deg, #ff4d8d, #ff7a59); color: #1a0f14; border: none; box-shadow: 0 8px 22px rgba(255, 77, 141, 0.28); } .lgk-candy-home .lgk-candy-home__nl.lgk-nl-cta--banner:hover .lgk-nl-cta__action { filter: brightness(1.06); } /* Trust bar Candy : accents rose (plus d’or Wayne) */ .lgk-candy-home .lgk-wayne-home__trust-card--action { border-color: rgba(255, 77, 141, 0.4); background: rgba(255, 77, 141, 0.1); } .lgk-candy-home .lgk-wayne-home__trust-card--action:hover { border-color: rgba(255, 77, 141, 0.7); background: rgba(255, 77, 141, 0.16); } .lgk-candy-home .lgk-wayne-home__trust-label { color: #ff4d8d; } @media (max-width: 999px) { html.lgk-storefront--candy-geekland .lgk-candy-home__nl.lgk-nl-cta--banner { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: 'badge body' 'action action'; } html.lgk-storefront--candy-geekland .lgk-candy-home__nl.lgk-nl-cta--banner > .lgk-nl-cta__badge { grid-area: badge; } html.lgk-storefront--candy-geekland .lgk-candy-home__nl.lgk-nl-cta--banner > .lgk-nl-cta__body { grid-area: body; } html.lgk-storefront--candy-geekland .lgk-candy-home__nl.lgk-nl-cta--banner > .lgk-nl-cta__action { grid-area: action; width: 100%; justify-content: center; } } @media (max-width: 749px) { html.lgk-storefront--candy-geekland .lgk-candy-home__nl.lgk-nl-cta--banner { grid-template-columns: 1fr !important; grid-template-areas: 'badge' 'body' 'action'; justify-items: center; text-align: center; } html.lgk-storefront--candy-geekland .lgk-candy-home__nl .lgk-nl-cta__body { text-align: center; width: 100%; } html.lgk-storefront--candy-geekland .lgk-candy-home__nl .lgk-nl-cta__action { width: 100%; white-space: normal; } } html.lgk-storefront--candy-geekland { --container-max-width: 100%; --container-xxs-max-width: 100%; --container-xs-max-width: 100%; --container-sm-max-width: 100%; --container-md-max-width: 100%; --container-lg-max-width: 100%; --container-xl-max-width: 100%; --page-width: 100%; --header-logo-width: 340px; --lgk-navi-accent: #ff4d8d; --lgk-navi-accent-2: #ff7a59; /* Contraste cartes / prix (évite text-subdued sombre sur fond dark) */ --text-color: 255 245 240; --text-color-rgb: 255, 245, 240; --color-foreground: 255 245 240; } html.lgk-storefront--candy-geekland body { background: #1a0f14; color: #fff5f0; } html.lgk-storefront--candy-geekland .container, html.lgk-storefront--candy-geekland .container.container--lg, html.lgk-storefront--candy-geekland .container.container--xl, html.lgk-storefront--candy-geekland .container.container--md { --container-max-width: 100% !important; margin-inline-start: var(--container-gutter) !important; margin-inline-end: var(--container-gutter) !important; max-width: none !important; } /* Palette Candy sur shell Wayne */ .lgk-wayne-home.lgk-candy-home { --wayne-ink: #1a0f14; --wayne-cream: #fff5f0; --wayne-accent: #ff4d8d; --wayne-mute: rgba(255, 245, 240, 0.72); background: var(--wayne-ink); color: var(--wayne-cream); } .lgk-candy-home__logo { width: min(280px, 72vw) !important; max-width: 280px; margin-bottom: 1rem; filter: drop-shadow(0 10px 28px rgba(255, 77, 141, 0.28)); } .lgk-candy-home .lgk-wayne-home__hero-img { object-position: 68% center; transform: scale(1.02); animation: lgk-candy-hero-ken 18s ease-in-out infinite alternate; } @keyframes lgk-candy-hero-ken { from { transform: scale(1.02) translate3d(0, 0, 0); } to { transform: scale(1.08) translate3d(-1.5%, -1%, 0); } } @media (prefers-reduced-motion: reduce) { .lgk-candy-home .lgk-wayne-home__hero-img { animation: none; transform: none; } } .lgk-candy-home .lgk-wayne-home__hero-shade { background: linear-gradient(90deg, rgba(18, 10, 14, 0.92) 0%, rgba(18, 10, 14, 0.72) 38%, rgba(18, 10, 14, 0.28) 68%, rgba(18, 10, 14, 0.45) 100%), linear-gradient(180deg, rgba(18, 10, 14, 0.25) 0%, transparent 35%, rgba(18, 10, 14, 0.82) 100%); } @media (max-width: 699px) { .lgk-candy-home .lgk-wayne-home__hero-img { object-position: 72% center; } .lgk-candy-home .lgk-wayne-home__hero-shade { background: linear-gradient(180deg, rgba(18, 10, 14, 0.35) 0%, rgba(18, 10, 14, 0.55) 40%, rgba(18, 10, 14, 0.92) 100%); } } .lgk-candy-home .lgk-wayne-home__btn--primary { background: linear-gradient(135deg, #ff4d8d, #ff7a59); color: #1a0f14; border: none; } .lgk-candy-home .lgk-wayne-home__btn--primary:hover { filter: brightness(1.06); } .lgk-candy-home__promise.lgk-wayne-home__klarna { background: radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 77, 141, 0.16), transparent 60%), var(--wayne-ink); } .lgk-candy-home .lgk-wayne-home__finale { background: radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 77, 141, 0.18), transparent 60%), var(--wayne-ink); } .lgk-candy-home .lgk-wayne-home__finale-cta { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; align-items: center; } /* —— Cartes produit : prix lisibles + CTA séparés —— */ html.lgk-storefront--candy-geekland .product-card, html.lgk-storefront--candy-geekland .lgk-card-v2 { color: #fff5f0; } html.lgk-storefront--candy-geekland .product-card__title, html.lgk-storefront--candy-geekland .product-card__title a, html.lgk-storefront--candy-geekland .lgk-card-v2 .product-card__title, html.lgk-storefront--candy-geekland .product-card .product-title, html.lgk-storefront--candy-geekland .product-card a.product-title, html.lgk-storefront--candy-geekland .lgk-card-v2 .product-title { color: #fff5f0 !important; } html.lgk-storefront--candy-geekland .product-card .price-list, html.lgk-storefront--candy-geekland .product-card .price-list *, html.lgk-storefront--candy-geekland .product-card .text-subdued, html.lgk-storefront--candy-geekland .product-card__price, html.lgk-storefront--candy-geekland .product-card .price, html.lgk-storefront--candy-geekland .product-card sale-price, html.lgk-storefront--candy-geekland .product-card compare-at-price { color: #fff5f0 !important; opacity: 1 !important; } html.lgk-storefront--candy-geekland .product-card .text-on-sale { color: #ff7a59 !important; } html.lgk-storefront--candy-geekland .product-card__figure { background: #2a1520; border-radius: 1rem; overflow: hidden; } html.lgk-storefront--candy-geekland .lgk-card-v2__buy { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0.4rem !important; margin-top: 0.55rem; width: 100%; } html.lgk-storefront--candy-geekland .lgk-card-v2__stock { display: block; font-size: 0.75rem; font-weight: 650; letter-spacing: 0.02em; color: rgba(255, 245, 240, 0.65); } html.lgk-storefront--candy-geekland .lgk-card-v2__stock--ok { color: #4ade80; } html.lgk-storefront--candy-geekland .lgk-card-v2__stock--preorder { color: #fbbf24; } html.lgk-storefront--candy-geekland .lgk-card-v2__form, html.lgk-storefront--candy-geekland .lgk-card-v2__form-el { display: block; width: 100%; margin: 0; } html.lgk-storefront--candy-geekland .lgk-card-v2__cta, html.lgk-storefront--candy-geekland .lgk-card-v2__cta-link { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 2rem; padding: 0.35rem 0.85rem; border-radius: 999px; font-size: 0.78rem; font-weight: 700; text-decoration: none; color: #1a0f14 !important; background: linear-gradient(135deg, #ff4d8d, #ff7a59) !important; border: none; white-space: nowrap; cursor: pointer; appearance: none; -webkit-appearance: none; font-family: inherit; line-height: 1.2; position: relative; z-index: 5; pointer-events: auto !important; filter: none; } html.lgk-storefront--candy-geekland .lgk-card-v2__cta:hover, html.lgk-storefront--candy-geekland .lgk-card-v2__cta-link:hover { filter: brightness(1.08); } html.lgk-storefront--candy-geekland .lgk-card-v2__cta:disabled { opacity: 0.55; cursor: not-allowed; filter: none; } /* ========================================================================== Tiroir panier — Candy Geekland ========================================================================== */ html.lgk-storefront--candy-geekland .cart-drawer, html.lgk-storefront--candy-geekland cart-drawer.drawer { --drawer-max-width: min(94vw, 26.5rem); --cg-drawer-bg: #1a0f14; --cg-drawer-surface: #24141c; --cg-drawer-line: rgba(255, 245, 240, 0.12); --cg-drawer-cream: #fff5f0; --cg-drawer-mute: rgba(255, 245, 240, 0.68); --cg-pink: #ff4d8d; --cg-coral: #ff7a59; color: var(--cg-drawer-cream); } html.lgk-storefront--candy-geekland .cart-drawer::part(overlay) { background: rgba(10, 4, 8, 0.72); backdrop-filter: blur(4px); } html.lgk-storefront--candy-geekland .cart-drawer::part(content) { background: radial-gradient(120% 60% at 100% 0%, rgba(255, 77, 141, 0.18), transparent 55%), radial-gradient(90% 50% at 0% 100%, rgba(255, 122, 89, 0.1), transparent 50%), var(--cg-drawer-bg) !important; background-image: none; border-left: 1px solid rgba(255, 77, 141, 0.22); box-shadow: -18px 0 48px rgba(0, 0, 0, 0.45); } html.lgk-storefront--candy-geekland .cart-drawer::part(header) { border-block-end: 1px solid var(--cg-drawer-line); background: rgba(0, 0, 0, 0.22); padding-block: 1rem; } html.lgk-storefront--candy-geekland .cart-drawer::part(close-button) { color: var(--cg-drawer-cream); opacity: 0.85; } html.lgk-storefront--candy-geekland .cart-drawer::part(close-button):hover { opacity: 1; color: #ffc2d6; } html.lgk-storefront--candy-geekland .cart-drawer::part(body) { padding-block: 0.85rem 1rem; } html.lgk-storefront--candy-geekland .cart-drawer::part(footer) { background: linear-gradient(180deg, rgba(36, 20, 28, 0.92), #1a0f14) !important; border-block-start: 1px solid rgba(255, 77, 141, 0.22); box-shadow: 0 -12px 28px rgba(0, 0, 0, 0.28); padding-block: 1rem 1.15rem; } html.lgk-storefront--candy-geekland .cart-drawer__heading .h4, html.lgk-storefront--candy-geekland .cart-drawer__title { color: #fff; font-weight: 800; letter-spacing: -0.02em; } html.lgk-storefront--candy-geekland .cart-drawer__count { background: linear-gradient(135deg, var(--cg-pink), var(--cg-coral)); color: #1a0f14; box-shadow: 0 4px 14px rgba(255, 77, 141, 0.35); } html.lgk-storefront--candy-geekland .cart-drawer__items { gap: 1rem; padding-block: 0.85rem 1rem; } html.lgk-storefront--candy-geekland .cart-drawer .line-item { --line-item-media-width: 4.75rem; align-items: flex-start; column-gap: 0.9rem; padding: 0.75rem; border-radius: 14px; border: 1px solid var(--cg-drawer-line); background: rgba(255, 245, 240, 0.04); } html.lgk-storefront--candy-geekland .cart-drawer .line-item__media { border-radius: 10px; overflow: hidden; background: #2a1520; aspect-ratio: 1; object-fit: cover; } html.lgk-storefront--candy-geekland .cart-drawer .line-item-info a, html.lgk-storefront--candy-geekland .cart-drawer .line-item-info .h6, html.lgk-storefront--candy-geekland .cart-drawer .line-item-info p { color: var(--cg-drawer-cream); } html.lgk-storefront--candy-geekland .cart-drawer .line-item-info a { text-decoration: none; font-weight: 650; font-size: 0.9rem; line-height: 1.3; } html.lgk-storefront--candy-geekland .cart-drawer .line-item-info a:hover { color: #ffc2d6; } html.lgk-storefront--candy-geekland .cart-drawer .text-subdued, html.lgk-storefront--candy-geekland .cart-drawer .price-list, html.lgk-storefront--candy-geekland .cart-drawer .smallcaps { color: var(--cg-drawer-mute) !important; } html.lgk-storefront--candy-geekland .cart-drawer .free-shipping-bar { display: none !important; } html.lgk-storefront--candy-geekland .cart-drawer__shipping { margin: 0 0 0.35rem; padding: 0.7rem 0.8rem; border-radius: 14px; border: 1px solid rgba(255, 77, 141, 0.22); background: rgba(255, 77, 141, 0.07); } html.lgk-storefront--candy-geekland .cart-drawer__shipping .lgk-cart-shipping-tip { border: 0; padding: 0; } /* Popups upsell parasites — ShipGuard / footer-addons restent visibles (revenus) */ html.lgk-storefront--candy-geekland shopify-app-block[id*='essential' i], html.lgk-storefront--candy-geekland shopify-app-block[id*='50627fd9'], html.lgk-storefront--candy-geekland .cart-drawer [class*='essential-upsell' i], html.lgk-storefront--candy-geekland .cart-drawer [class*='upsell-modal' i], html.lgk-storefront--candy-geekland .cart-drawer [class*='upsell_popup' i] { display: none !important; visibility: hidden !important; pointer-events: none !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Popups Essential Upsell hors drawer (overlay blanc) */ html.lgk-storefront--candy-geekland body > [class*='essential' i], html.lgk-storefront--candy-geekland body > div[id*='essential' i], html.lgk-storefront--candy-geekland [class*='eu-popup' i], html.lgk-storefront--candy-geekland [class*='eu_popup' i], html.lgk-storefront--candy-geekland [id*='essential-upsell' i] { display: none !important; } html.lgk-storefront--candy-geekland .lgk-cart-shipping-tip { border-color: var(--cg-drawer-line); padding: 0; } html.lgk-storefront--candy-geekland .lgk-cart-shipping-tip__bar { background: rgba(255, 245, 240, 0.08); } html.lgk-storefront--candy-geekland .cart-drawer__complementary-products, html.lgk-storefront--candy-geekland .cart-drawer__upsell { border-color: var(--cg-drawer-line) !important; background: rgba(255, 245, 240, 0.03); } html.lgk-storefront--candy-geekland .cart-drawer__footer { gap: 0.85rem; } html.lgk-storefront--candy-geekland .cart-drawer__totals { padding: 0.55rem 0.75rem; border-radius: 12px; border: 1px solid rgba(255, 77, 141, 0.22); background: rgba(255, 77, 141, 0.08); } html.lgk-storefront--candy-geekland .cart-drawer__totals-label { color: var(--cg-drawer-mute); } html.lgk-storefront--candy-geekland .cart-drawer__totals-value { color: #ffc2d6; } html.lgk-storefront--candy-geekland .cart-drawer__checkout-actions { gap: 0.55rem; } html.lgk-storefront--candy-geekland .cart-drawer .button, html.lgk-storefront--candy-geekland .cart-drawer .button--primary, html.lgk-storefront--candy-geekland .cart-drawer button[name='checkout'] { min-height: 3rem; border-radius: 999px !important; border: none !important; background: linear-gradient(135deg, var(--cg-pink), var(--cg-coral)) !important; color: #1a0f14 !important; font-weight: 800 !important; letter-spacing: 0.01em; box-shadow: 0 10px 28px rgba(255, 77, 141, 0.28); } html.lgk-storefront--candy-geekland .cart-drawer .button:hover, html.lgk-storefront--candy-geekland .cart-drawer button[name='checkout']:hover { filter: brightness(1.06); } html.lgk-storefront--candy-geekland .cart-drawer .button--outline, html.lgk-storefront--candy-geekland .cart-drawer a.button--outline { background: transparent !important; border: 1px solid var(--cg-drawer-line) !important; color: var(--cg-drawer-cream) !important; box-shadow: none; } html.lgk-storefront--candy-geekland .cart-drawer .button.is-pressed, html.lgk-storefront--candy-geekland .cart-drawer button[name='checkout'].is-pressed { transform: scale(0.98); } html.lgk-storefront--candy-geekland .cart-drawer__checkout-spinner { width: 1rem; height: 1rem; border: 2px solid rgba(26, 15, 20, 0.25); border-top-color: #1a0f14; border-radius: 50%; display: inline-block; animation: lgk-cg-spin 0.7s linear infinite; } @keyframes lgk-cg-spin { to { transform: rotate(360deg); } } html.lgk-storefront--candy-geekland .cart-drawer__empty { color: var(--cg-drawer-cream); } html.lgk-storefront--candy-geekland .cart-drawer__empty-cta { border-radius: 999px !important; background: linear-gradient(135deg, var(--cg-pink), var(--cg-coral)) !important; color: #1a0f14 !important; font-weight: 800; padding: 0.7rem 1.25rem; box-shadow: 0 10px 24px rgba(255, 77, 141, 0.28); } html.lgk-storefront--candy-geekland .cart-drawer .quantity-selector, html.lgk-storefront--candy-geekland .cart-drawer .quantity-input { border-color: var(--cg-drawer-line) !important; background: rgba(0, 0, 0, 0.25) !important; color: var(--cg-drawer-cream) !important; border-radius: 10px !important; } html.lgk-storefront--candy-geekland .cart-drawer .link-faded-reverse { color: #ff9ebd; } @media (max-width: 699px) { html.lgk-storefront--candy-geekland .cart-drawer { --drawer-max-width: min(100vw, 26.5rem); } html.lgk-storefront--candy-geekland .cart-drawer .line-item { --line-item-media-width: 4.25rem; padding: 0.65rem; } } /* Header logo Candy */ html.lgk-storefront--candy-geekland .lgk-navi-slide { --lgk-navi-accent: #ff4d8d; } html.lgk-storefront--candy-geekland .header__logo-image--candy { display: block; width: clamp(220px, 32vw, 340px); max-width: none; max-height: 110px; height: auto; object-fit: contain; opacity: 1; position: static; } html.lgk-storefront--candy-geekland .header__logo { max-width: none; } @media (max-width: 699px) { html.lgk-storefront--candy-geekland .header__logo-image--candy { width: clamp(168px, 52vw, 240px); max-height: 78px; } } html:not(.lgk-storefront--candy-geekland) .header__logo-candy-pair, html:not(.lgk-storefront--candy-geekland) .header__logo-image--candy, html:not(.lgk-storefront--candy-geekland) .header__logo-text--candy { display: none !important; } /* Isolation home Candy */ html:not(.lgk-storefront--candy-geekland) .shopify-section--lgk-candy-geekland-home, html:not(.lgk-storefront--candy-geekland) .lgk-candy-home, html:not(.lgk-storefront--candy-geekland) [data-lgk-candy-geekland-home] { display: none !important; } /* Origins merchandising */ .lgk-candy-home__origins { padding: clamp(2rem, 5vw, 3.5rem) 0; } .lgk-candy-home__origin-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.85rem; margin-top: 1.25rem; } @media (max-width: 699px) { .lgk-candy-home__origin-grid { grid-template-columns: 1fr; } } .lgk-candy-home__origin-card { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; padding: 1.1rem 1.2rem; border-radius: 14px; text-decoration: none; color: inherit; background: linear-gradient(145deg, rgba(255, 77, 141, 0.18), rgba(26, 10, 46, 0.55)); border: 1px solid rgba(255, 77, 141, 0.35); transition: transform 0.2s ease, border-color 0.2s ease; } .lgk-candy-home__origin-card:hover { transform: translateY(-2px); border-color: rgba(255, 77, 141, 0.7); } .lgk-candy-home__origin-flag { font-size: 1.5rem; line-height: 1; } .lgk-candy-home__origin-title { font-weight: 700; font-size: 1.05rem; } .lgk-candy-home__origin-count { font-size: 0.85rem; opacity: 0.75; } /* ——— Blog Confiserie ——— */ html.lgk-storefront--candy-geekland body.template-blog, html.lgk-storefront--candy-geekland body.template-article { background: #140b12; color: #fff5f0; } html.lgk-storefront--candy-geekland .shopify-section--main-blog, html.lgk-storefront--candy-geekland .lgk-candy-blog { --lgk-candy-pink: #ff4d8d; --lgk-candy-coral: #ff7a59; background: radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 77, 141, 0.18), transparent 60%), #140b12 !important; color: #fff5f0; } html.lgk-storefront--candy-geekland .shopify-section--main-blog .color-scheme, html.lgk-storefront--candy-geekland .lgk-candy-blog.color-scheme { background: transparent !important; color: #fff5f0; } html.lgk-storefront--candy-geekland .shopify-section--main-blog .section-header .h2, html.lgk-storefront--candy-geekland .shopify-section--main-blog h1, html.lgk-storefront--candy-geekland .lgk-candy-blog h1 { color: #fff5f0; letter-spacing: -0.02em; } html.lgk-storefront--candy-geekland .shopify-section--main-blog .blog-tags, html.lgk-storefront--candy-geekland .lgk-candy-blog .blog-tags { max-height: 7.5rem; overflow-y: auto; overflow-x: hidden; justify-content: flex-start; gap: 0.45rem 0.55rem; padding: 0.35rem 0.15rem 0.85rem; mask-image: linear-gradient(180deg, #000 72%, transparent); scrollbar-width: thin; scrollbar-color: rgba(255, 77, 141, 0.45) transparent; } /* Filet de sécurité : masquer tags produit même si le filtre Liquid rate */ html.lgk-storefront--candy-geekland .blog-tags li:has(a[href*="/tagged/product-"]), html.lgk-storefront--candy-geekland .blog-tags li:has(a[title*="product:"]), html.lgk-storefront--candy-geekland .blog-tags a[href*="/tagged/product-"], html.lgk-storefront--candy-geekland .blog-tags a[title*="product:"] { display: none !important; } html.lgk-storefront--candy-geekland .blog-tags li:nth-child(n + 32) { display: none !important; } html.lgk-storefront--candy-geekland .shopify-section--main-blog .blog-tags li, html.lgk-storefront--candy-geekland .shopify-section--main-blog .blog-tags a, html.lgk-storefront--candy-geekland .lgk-candy-blog .blog-tags li, html.lgk-storefront--candy-geekland .lgk-candy-blog .blog-tags a { display: inline-flex; align-items: center; margin: 0; padding: 0.35rem 0.75rem; border-radius: 999px; border: 1px solid rgba(255, 245, 240, 0.16); background: rgba(255, 77, 141, 0.1); color: #fff5f0; font-size: 0.78rem; font-weight: 650; line-height: 1.2; text-decoration: none; white-space: nowrap; max-width: 16rem; overflow: hidden; text-overflow: ellipsis; } html.lgk-storefront--candy-geekland .shopify-section--main-blog .blog-tags li:first-child a, html.lgk-storefront--candy-geekland .lgk-candy-blog .blog-tags li:first-child a { border-color: rgba(255, 77, 141, 0.55); background: linear-gradient(135deg, rgba(255, 77, 141, 0.35), rgba(255, 122, 89, 0.18)); } html.lgk-storefront--candy-geekland .shopify-section--main-blog .blog-tags a:hover, html.lgk-storefront--candy-geekland .lgk-candy-blog .blog-tags a:hover { border-color: #ff4d8d; background: rgba(255, 77, 141, 0.28); } html.lgk-storefront--candy-geekland .blog-post-card { display: flex; flex-direction: column; gap: 0.85rem; } html.lgk-storefront--candy-geekland .blog-post-card > a.overflow-hidden { display: block; border-radius: 14px; overflow: hidden; aspect-ratio: 16 / 10; background: rgba(255, 77, 141, 0.08); border: 1px solid rgba(255, 245, 240, 0.1); } html.lgk-storefront--candy-geekland .blog-post-card__image { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; object-position: center; display: block; } html.lgk-storefront--candy-geekland .featured-blog-post { border-radius: 18px; overflow: hidden; border: 1px solid rgba(255, 77, 141, 0.28); background: #1a0f14; } html.lgk-storefront--candy-geekland .featured-blog-post .content-over-media { min-height: clamp(220px, 36vw, 420px); aspect-ratio: 21 / 9; } html.lgk-storefront--candy-geekland .featured-blog-post img, html.lgk-storefront--candy-geekland .featured-blog-post .zoom-image { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; } html.lgk-storefront--candy-geekland .featured-blog-post .prose { color: #fff5f0; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55); } html.lgk-storefront--candy-geekland .blog-post-card__title a, html.lgk-storefront--candy-geekland .blog-post-card__title { color: #fff5f0; } html.lgk-storefront--candy-geekland .blog-post-card__excerpt, html.lgk-storefront--candy-geekland .blog-post-card__category, html.lgk-storefront--candy-geekland .blog-post-card__meta { color: rgba(255, 245, 240, 0.72); } html.lgk-storefront--candy-geekland .blog-post-card__read-more { color: var(--lgk-candy-pink); font-weight: 700; } html.lgk-storefront--candy-geekland .blog-post-list { --blog-post-list-column-gap: 1.25rem; --blog-post-list-row-gap: 1.75rem; } @media screen and (min-width: 1000px) { html.lgk-storefront--candy-geekland .blog-post-list { --blog-post-list-column-gap: 1.75rem; } html.lgk-storefront--candy-geekland .featured-blog-post { display: block !important; } html.lgk-storefront--candy-geekland .featured-blog-post + .blog-post-card { display: none !important; } } /* Candy : tags plus digérés */ html.lgk-storefront--candy-geekland .shopify-section--main-blog .blog-tags { max-height: 5.5rem; } html.lgk-storefront--candy-geekland .shopify-section--main-blog .blog-tags li:nth-child(n + 16) { display: none !important; } /* Hub collections Candy (grille featured + rail) */ .lgk-candy-home__cats .lgk-wayne-home__feature-media:empty, .lgk-candy-home__cats .lgk-wayne-home__tile-media:empty { background: radial-gradient(ellipse 80% 60% at 30% 20%, rgba(255, 77, 141, 0.35), transparent 55%), linear-gradient(145deg, #2a1024 0%, #120812 100%); } .lgk-candy-home__cats .lgk-wayne-home__btn--primary { background: #ff4d8d; border-color: #ff4d8d; color: #fff; } .lgk-candy-home__cats .lgk-wayne-home__link-faded:hover { color: #ff7a59; } .lgk-candy-home__origin-card { position: relative; overflow: hidden; padding: 0; min-height: 11rem; } .lgk-candy-home__origin-media { position: absolute; inset: 0; z-index: 0; } .lgk-candy-home__origin-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .lgk-candy-home__origin-card:hover .lgk-candy-home__origin-media img { transform: scale(1.05); } .lgk-candy-home__origin-card::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(20, 8, 18, 0.92) 0%, rgba(20, 8, 18, 0.35) 55%, transparent 80%); pointer-events: none; } .lgk-candy-home__origin-card strong, .lgk-candy-home__origin-card > span:not(.lgk-candy-home__origin-media) { position: relative; z-index: 2; padding-inline: 1.15rem; } .lgk-candy-home__origin-card strong { margin-top: auto; padding-top: 5.5rem; font-size: 1.2rem; } .lgk-candy-home__origin-card > span:last-child { padding-bottom: 1.15rem; font-size: 0.88rem; opacity: 0.85; } .lgk-candy-home__rayon-tabs .lgk-wayne-home__tab { text-decoration: none; cursor: pointer; } html.lgk-storefront--candy-geekland .lgk-topbar.lgk-topbar--v2 { border-bottom-color: rgba(255, 77, 141, 0.22) !important; flex-flow: row nowrap !important; align-items: center !important; height: 4.25rem !important; max-height: 4.25rem !important; overflow: hidden !important; } html.lgk-storefront--candy-geekland .lgk-topbar--v2 > .lgk-topbar__slot, html.lgk-storefront--candy-geekland .lgk-topbar--v2 .lgk-topbar__nav { flex-wrap: nowrap !important; align-items: center !important; } html.lgk-storefront--candy-geekland .lgk-topbar--v2 .lgk-topbar__logo { width: clamp(6.5rem, 12vw, 9.5rem) !important; max-height: 2.85rem !important; } html.lgk-storefront--candy-geekland .lgk-topbar__nav a { white-space: nowrap !important; font-size: 0.68rem; } html.lgk-storefront--candy-geekland .lgk-topbar__nav a:hover { border-bottom-color: rgba(255, 77, 141, 0.85); color: #fff5f0; } html.lgk-storefront--candy-geekland .lgk-header-menu-btn { border-color: rgba(255, 77, 141, 0.35) !important; } /* ===== lgk-deal-geekland.css ===== */ /** * Deal Geekland — vitrine bons plans (dealgeekland.com) * Brand: néon magenta / cyan sur noir (logo) */ html.lgk-storefront--deal-geekland { --dg-pink: #ff2bd6; --dg-cyan: #00e5ff; --dg-bg: #05060a; --dg-bg-elev: #0e1118; --dg-text: #f4f7ff; --dg-muted: rgba(244, 247, 255, 0.72); --dg-border: rgba(0, 229, 255, 0.22); --dg-glow-pink: rgba(255, 43, 214, 0.35); --dg-glow-cyan: rgba(0, 229, 255, 0.28); --container-max-width: 100%; --container-xxs-max-width: 100%; --container-xs-max-width: 100%; --container-sm-max-width: 100%; --container-md-max-width: 100%; --container-lg-max-width: 100%; --container-xl-max-width: 100%; --page-width: 100%; color-scheme: dark; } html.lgk-storefront--deal-geekland body { background: var(--dg-bg); color: var(--dg-text); } html.lgk-storefront--deal-geekland .container, html.lgk-storefront--deal-geekland .container.container--lg, html.lgk-storefront--deal-geekland .container.container--xl, html.lgk-storefront--deal-geekland .container.container--md { --container-max-width: 100% !important; margin-inline-start: var(--container-gutter, 1.25rem) !important; margin-inline-end: var(--container-gutter, 1.25rem) !important; max-width: none !important; width: auto !important; } /* Masquer clutter hors Deal */ html.lgk-storefront--deal-geekland .lgk-instant-gaming-affiliate, html.lgk-storefront--deal-geekland .shopify-section--instant-gaming-affiliate, html.lgk-storefront--deal-geekland .shopify-section--lgk-instant-gaming, html.lgk-storefront--deal-geekland .lgk-footer__affiliate-wrap, html.lgk-storefront--deal-geekland .lgk-ig-gta6, html.lgk-storefront--deal-geekland #lgk-gd-cross, html.lgk-storefront--deal-geekland body.template-index .lgk-nl-cta:not(.lgk-deal-home__nl):not(.lgk-nl-cta--product):not(.lgk-nl-cta--collection) { display: none !important; } /* Home Deal */ .lgk-deal-home { --wayne-accent: var(--dg-cyan); --wayne-accent-2: var(--dg-pink); --wayne-ink: var(--dg-bg); --wayne-cream: var(--dg-text); --wayne-mute: var(--dg-muted); background: var(--dg-bg); color: var(--dg-text); } .lgk-deal-home .lgk-wayne-home__hero, .lgk-deal-home__hero { min-height: min(86vh, 820px); align-items: flex-end; justify-content: flex-start; isolation: isolate; background: radial-gradient(ellipse 80% 60% at 20% 30%, var(--dg-glow-pink), transparent 55%), radial-gradient(ellipse 70% 50% at 80% 20%, var(--dg-glow-cyan), transparent 50%), linear-gradient(180deg, #080a12 0%, #05060a 100%); } .lgk-deal-home .lgk-wayne-home__hero-media, .lgk-deal-home__hero-media { display: block; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } .lgk-deal-home .lgk-wayne-home__hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center right; transform: scale(1.03); animation: lgk-deal-hero-ken 20s ease-in-out infinite alternate; } @keyframes lgk-deal-hero-ken { from { transform: scale(1.03) translate3d(0, 0, 0); } to { transform: scale(1.1) translate3d(-2%, -1.2%, 0); } } @media (prefers-reduced-motion: reduce) { .lgk-deal-home .lgk-wayne-home__hero-img { animation: none; transform: none; } } .lgk-deal-home .lgk-wayne-home__hero-shade { z-index: 1; background: linear-gradient(90deg, rgba(5, 6, 10, 0.94) 0%, rgba(5, 6, 10, 0.7) 40%, rgba(5, 6, 10, 0.28) 72%, rgba(5, 6, 10, 0.5) 100%), linear-gradient(0deg, rgba(5, 6, 10, 0.92) 0%, rgba(5, 6, 10, 0.28) 48%, transparent 74%); } .lgk-deal-home .lgk-wayne-home__hero-inner, .lgk-deal-home__hero-inner { position: relative; z-index: 2; margin-left: max(var(--wayne-page-pad, 1.25rem), var(--container-gutter, 1.25rem)); margin-right: auto; max-width: min(40rem, 100%); text-align: left; padding-block: clamp(2.25rem, 7vh, 4.5rem); display: flex; flex-direction: column; align-items: flex-start; animation: lgk-deal-fade-up 0.7s ease-out both; } @keyframes lgk-deal-fade-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } .lgk-deal-home .lgk-wayne-home__logo, .lgk-deal-home__logo { width: min(300px, 74vw) !important; max-width: 300px; height: auto; max-height: none; margin-bottom: 0.85rem; object-fit: contain; display: block; filter: drop-shadow(0 10px 28px var(--dg-glow-pink)) drop-shadow(0 0 18px var(--dg-glow-cyan)); } .lgk-deal-home .lgk-wayne-home__brand, .lgk-deal-home__brand { position: static; width: auto; height: auto; margin: 0 0 0.75rem; clip: auto; overflow: visible; white-space: normal; font-size: clamp(2rem, 5.4vw, 3.1rem); line-height: 1.02; letter-spacing: -0.035em; font-weight: 800; color: var(--dg-text); text-align: left; text-shadow: 0 0 40px rgba(255, 43, 214, 0.25); } .lgk-deal-home .lgk-wayne-home__cta { justify-content: flex-start; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.35rem; } @media screen and (max-width: 749px) { .lgk-deal-home .lgk-wayne-home__hero, .lgk-deal-home__hero { min-height: min(78vh, 680px); align-items: flex-end; } .lgk-deal-home .lgk-wayne-home__hero-img { object-position: 70% center; } .lgk-deal-home .lgk-wayne-home__hero-shade { background: linear-gradient(180deg, rgba(5, 6, 10, 0.35) 0%, rgba(5, 6, 10, 0.55) 38%, rgba(5, 6, 10, 0.94) 100%); } .lgk-deal-home .lgk-wayne-home__hero-inner, .lgk-deal-home__hero-inner { margin-left: var(--container-gutter, 1rem); margin-right: var(--container-gutter, 1rem); } } /* Ticker deals */ .lgk-deal-home__ticker { overflow: hidden; border-block: 1px solid var(--dg-border); background: linear-gradient(90deg, rgba(255, 43, 214, 0.12), rgba(0, 229, 255, 0.08)), var(--dg-bg-elev); padding-block: 0.7rem; } .lgk-deal-home__ticker-track { display: flex; width: max-content; gap: 1.25rem; align-items: center; white-space: nowrap; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dg-cyan); animation: lgk-deal-ticker 28s linear infinite; } .lgk-deal-home__ticker-track span[aria-hidden='true'] { color: var(--dg-pink); opacity: 0.85; } @keyframes lgk-deal-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { .lgk-deal-home__ticker-track { animation: none; } } .lgk-deal-home .lgk-wayne-home__cats, .lgk-deal-home .lgk-wayne-home__picks, .lgk-deal-home .lgk-wayne-home__tabs-section, .lgk-deal-home .lgk-wayne-home__spotlight, .lgk-deal-home .lgk-wayne-home__editorial, .lgk-deal-home .lgk-wayne-home__klarna, .lgk-deal-home .lgk-wayne-home__finale { display: block; visibility: visible; opacity: 1; } .lgk-deal-home .lgk-wayne-home__product-list .product-card, .lgk-deal-home .lgk-wayne-home__carousel { min-height: 12rem; } .lgk-deal-home .lgk-wayne-home__lead { color: var(--dg-muted); max-width: 34rem; font-size: clamp(1rem, 2.4vw, 1.15rem); line-height: 1.45; margin: 0 0 1.1rem; } .lgk-deal-home .lgk-wayne-home__btn--primary { background: linear-gradient(135deg, var(--dg-pink), #c400a8); color: #fff; border: none; box-shadow: 0 0 24px var(--dg-glow-pink); animation: lgk-deal-pulse 3.2s ease-in-out infinite; } .lgk-deal-home .lgk-wayne-home__btn--primary:hover { filter: brightness(1.08); animation: none; } @keyframes lgk-deal-pulse { 0%, 100% { box-shadow: 0 0 18px var(--dg-glow-pink); } 50% { box-shadow: 0 0 34px var(--dg-glow-pink), 0 0 18px var(--dg-glow-cyan); } } @media (prefers-reduced-motion: reduce) { .lgk-deal-home .lgk-wayne-home__btn--primary, .lgk-deal-home .lgk-wayne-home__hero-inner { animation: none; } } .lgk-deal-home .lgk-wayne-home__btn--ghost { border: 1px solid var(--dg-cyan); color: var(--dg-cyan); background: rgba(0, 229, 255, 0.06); box-shadow: 0 0 16px var(--dg-glow-cyan); } .lgk-deal-home .lgk-wayne-home__btn--ghost:hover { background: rgba(0, 229, 255, 0.14); } .lgk-deal-home .lgk-wayne-home__cta-bar { background: var(--dg-bg-elev); border-top: 1px solid var(--dg-border); border-bottom: 1px solid rgba(255, 43, 214, 0.18); } .lgk-deal-home .lgk-wayne-home__trust-card { background: rgba(14, 17, 24, 0.9); border: 1px solid var(--dg-border); border-radius: 14px; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .lgk-deal-home .lgk-wayne-home__trust-card:hover { transform: translateY(-2px); border-color: rgba(0, 229, 255, 0.4); } .lgk-deal-home .lgk-wayne-home__trust-card--action:hover { border-color: var(--dg-pink); box-shadow: 0 0 20px var(--dg-glow-pink); } .lgk-deal-home .lgk-wayne-home__trust-label { color: var(--dg-pink); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; } .lgk-deal-home .lgk-wayne-home__trust-value { color: var(--dg-text); } .lgk-deal-home .lgk-wayne-home__badge { color: var(--dg-cyan); } .lgk-deal-home .lgk-wayne-home__h2 { color: var(--dg-text); } .lgk-deal-home .lgk-wayne-home__feature, .lgk-deal-home .lgk-wayne-home__tile { position: relative; border: 1px solid var(--dg-border); border-radius: 16px; overflow: hidden; background: var(--dg-bg-elev); transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .lgk-deal-home .lgk-wayne-home__feature:hover, .lgk-deal-home .lgk-wayne-home__tile:hover { border-color: var(--dg-pink); box-shadow: 0 0 28px var(--dg-glow-pink); transform: translateY(-3px); } .lgk-deal-home__feature-ribbon { position: absolute; top: 0.85rem; left: 0.85rem; z-index: 2; padding: 0.28rem 0.65rem; border-radius: 999px; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #fff; background: linear-gradient(135deg, var(--dg-pink), #c400a8); box-shadow: 0 0 16px var(--dg-glow-pink); } .lgk-deal-home .lgk-wayne-home__feature-shade { background: linear-gradient(180deg, transparent 22%, rgba(5, 6, 10, 0.94) 100%); } .lgk-deal-home .lgk-wayne-home__feature-media img, .lgk-deal-home .lgk-wayne-home__tile-media img { transition: transform 0.45s ease; } .lgk-deal-home .lgk-wayne-home__feature:hover .lgk-wayne-home__feature-media img, .lgk-deal-home .lgk-wayne-home__tile:hover .lgk-wayne-home__tile-media img { transform: scale(1.06); } .lgk-deal-home .lgk-wayne-home__tile-count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.6rem; padding: 0.12rem 0.45rem; border-radius: 999px; font-size: 0.68rem; font-weight: 700; color: var(--dg-bg); background: var(--dg-cyan); } .lgk-deal-home .lgk-wayne-home__link, .lgk-deal-home .lgk-wayne-home__link-faded { color: var(--dg-cyan); } /* Flash outlet band */ .lgk-deal-home__flash { border-block: 1px solid rgba(255, 43, 214, 0.28); background: radial-gradient(ellipse 70% 120% at 0% 50%, var(--dg-glow-pink), transparent 55%), radial-gradient(ellipse 50% 100% at 100% 50%, var(--dg-glow-cyan), transparent 50%), var(--dg-bg-elev); } .lgk-deal-home__flash-duo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; width: 100%; } .lgk-deal-home__flash-duo > .lgk-deal-home__flash { border-block: 1px solid rgba(255, 43, 214, 0.28); min-width: 0; } .lgk-deal-home__flash--maison, .lgk-deal-home__flash--hub { background: radial-gradient(ellipse 70% 120% at 100% 50%, var(--dg-glow-cyan), transparent 55%), radial-gradient(ellipse 50% 100% at 0% 50%, var(--dg-glow-pink), transparent 50%), var(--dg-bg); } @media (min-width: 1000px) { .lgk-deal-home__flash-duo:has(> :nth-child(2)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lgk-deal-home__flash-duo:has(> :nth-child(2)) > .lgk-deal-home__flash:first-child { border-inline-end: 1px solid rgba(0, 229, 255, 0.18); } .lgk-deal-home__flash-duo .lgk-wayne-home__wrap { padding-inline: clamp(1rem, 2vw, 1.5rem); } } .lgk-deal-home__flash-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem; padding-block: clamp(1.75rem, 4vw, 2.75rem); } .lgk-deal-home__flash-copy { max-width: 36rem; } .lgk-deal-home__flash-lead { margin: 0.35rem 0 0; color: rgba(255, 255, 255, 0.78); font-size: 0.95rem; line-height: 1.45; max-width: 36rem; } .lgk-deal-home__flash-urgent { margin: 0.65rem 0 0; color: #ff7ad9; font-size: 0.88rem; font-weight: 600; letter-spacing: 0.01em; } .lgk-deal-home__promise.lgk-wayne-home__klarna { background: radial-gradient(ellipse 70% 80% at 50% 0%, var(--dg-glow-pink), transparent 60%), radial-gradient(ellipse 60% 50% at 80% 100%, var(--dg-glow-cyan), transparent 55%), var(--dg-bg); border-block: 1px solid var(--dg-border); } .lgk-deal-home .lgk-wayne-home__klarna-kicker { color: var(--dg-cyan); } .lgk-deal-home .lgk-wayne-home__klarna-title, .lgk-deal-home .lgk-wayne-home__editorial-title, .lgk-deal-home .lgk-wayne-home__brand--sm { color: var(--dg-text); } .lgk-deal-home .lgk-wayne-home__klarna-text, .lgk-deal-home .lgk-wayne-home__finale-text { color: var(--dg-muted); } .lgk-deal-home .lgk-wayne-home__editorial-shade { background: linear-gradient(90deg, rgba(5, 6, 10, 0.88) 0%, rgba(5, 6, 10, 0.45) 55%, rgba(5, 6, 10, 0.2) 100%), linear-gradient(180deg, transparent 40%, rgba(5, 6, 10, 0.75) 100%); } .lgk-deal-home .lgk-wayne-home__editorial-cta { color: var(--dg-cyan); } .lgk-deal-home .lgk-wayne-home__spotlight { border-block: 1px solid rgba(0, 229, 255, 0.12); } .lgk-deal-home .lgk-wayne-home__spotlight--alt { background: radial-gradient(ellipse 80% 60% at 10% 0%, var(--dg-glow-pink), transparent 55%), var(--dg-bg); } .lgk-deal-home .lgk-wayne-home__tab { border-color: var(--dg-border); color: var(--dg-muted); background: rgba(14, 17, 24, 0.7); } .lgk-deal-home .lgk-wayne-home__tab[aria-current='true'], .lgk-deal-home .lgk-wayne-home__tab.is-selected { color: #fff; border-color: var(--dg-pink); background: linear-gradient(135deg, rgba(255, 43, 214, 0.28), rgba(0, 229, 255, 0.12)); box-shadow: 0 0 16px var(--dg-glow-pink); } .lgk-deal-home .lgk-wayne-home__finale { background: radial-gradient(ellipse 70% 80% at 50% 0%, var(--dg-glow-pink), transparent 60%), radial-gradient(ellipse 50% 40% at 90% 80%, var(--dg-glow-cyan), transparent 50%), var(--dg-bg); border-top: 1px solid var(--dg-border); } .lgk-deal-home .lgk-wayne-home__finale-cta { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; align-items: center; } .lgk-deal-home__nl.lgk-nl-cta { border: 1px solid var(--dg-pink); background: linear-gradient(135deg, rgba(255, 43, 214, 0.16), rgba(0, 229, 255, 0.1)); box-shadow: 0 0 24px rgba(255, 43, 214, 0.12); } .lgk-deal-home__nl.lgk-nl-cta:hover { border-color: var(--dg-cyan); box-shadow: 0 0 28px var(--dg-glow-cyan); } /* Product cards */ html.lgk-storefront--deal-geekland .product-card, html.lgk-storefront--deal-geekland .lgk-card-v2 { background: var(--dg-bg-elev); border: 1px solid var(--dg-border); border-radius: 14px; color: var(--dg-text); transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } html.lgk-storefront--deal-geekland .product-card:hover, html.lgk-storefront--deal-geekland .lgk-card-v2:hover { border-color: rgba(255, 43, 214, 0.45); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), 0 0 22px var(--dg-glow-pink); transform: translateY(-3px); } html.lgk-storefront--deal-geekland .product-card__title, html.lgk-storefront--deal-geekland .product-card__title a, html.lgk-storefront--deal-geekland .lgk-card-v2 .product-card__title, html.lgk-storefront--deal-geekland .product-card .product-title, html.lgk-storefront--deal-geekland .product-card a.product-title, html.lgk-storefront--deal-geekland .lgk-card-v2 .product-title { color: var(--dg-text) !important; } html.lgk-storefront--deal-geekland .product-card .price-list, html.lgk-storefront--deal-geekland .product-card .price-list *, html.lgk-storefront--deal-geekland .product-card .text-subdued, html.lgk-storefront--deal-geekland .product-card__price, html.lgk-storefront--deal-geekland .product-card .price, html.lgk-storefront--deal-geekland .product-card sale-price, html.lgk-storefront--deal-geekland .product-card compare-at-price { color: var(--dg-cyan) !important; opacity: 1 !important; } html.lgk-storefront--deal-geekland .product-card .text-on-sale { color: var(--dg-pink) !important; } html.lgk-storefront--deal-geekland .product-card__figure { background: #0a0d14; border-radius: 1rem; overflow: hidden; } html.lgk-storefront--deal-geekland .lgk-card-v2__buy { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0.4rem !important; margin-top: 0.55rem; width: 100%; } html.lgk-storefront--deal-geekland .lgk-card-v2__stock { display: block; font-size: 0.75rem; font-weight: 650; letter-spacing: 0.02em; color: var(--dg-muted); } html.lgk-storefront--deal-geekland .lgk-card-v2__stock--ok { color: #4ade80; } html.lgk-storefront--deal-geekland .lgk-card-v2__stock--preorder { color: #fbbf24; } html.lgk-storefront--deal-geekland .lgk-card-v2__form, html.lgk-storefront--deal-geekland .lgk-card-v2__form-el { display: block; width: 100%; margin: 0; } html.lgk-storefront--deal-geekland .lgk-card-v2__cta, html.lgk-storefront--deal-geekland .lgk-card-v2__cta-link { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 2rem; padding: 0.35rem 0.85rem; border-radius: 999px; font-size: 0.78rem; font-weight: 700; text-decoration: none; color: #05060a !important; background: linear-gradient(135deg, var(--dg-pink), #c400a8) !important; border: none; white-space: nowrap; cursor: pointer; appearance: none; -webkit-appearance: none; font-family: inherit; line-height: 1.2; box-shadow: 0 0 16px var(--dg-glow-pink); position: relative; z-index: 5; pointer-events: auto !important; filter: none; } html.lgk-storefront--deal-geekland .lgk-card-v2__cta:hover, html.lgk-storefront--deal-geekland .lgk-card-v2__cta-link:hover { filter: brightness(1.08); } html.lgk-storefront--deal-geekland .lgk-card-v2__cta:disabled { opacity: 0.55; cursor: not-allowed; filter: none; } /* Collection / produit */ html.lgk-storefront--deal-geekland .collection-banner, html.lgk-storefront--deal-geekland .collection__header, html.lgk-storefront--deal-geekland .product, html.lgk-storefront--deal-geekland .product-info { color: var(--dg-text); } html.lgk-storefront--deal-geekland .collection h1, html.lgk-storefront--deal-geekland .product-info h1, html.lgk-storefront--deal-geekland .product-title { color: var(--dg-text); } html.lgk-storefront--deal-geekland .button--primary, html.lgk-storefront--deal-geekland .shopify-payment-button__button--unbranded, html.lgk-storefront--deal-geekland button[name='add'] { background: linear-gradient(135deg, var(--dg-pink), #c400a8) !important; color: #fff !important; border: none !important; box-shadow: 0 0 20px var(--dg-glow-pink); } html.lgk-storefront--deal-geekland .button--outline, html.lgk-storefront--deal-geekland a.button--outline { border-color: var(--dg-cyan) !important; color: var(--dg-cyan) !important; } html.lgk-storefront--deal-geekland .badge--on-sale, html.lgk-storefront--deal-geekland .product-card__badge, html.lgk-storefront--deal-geekland .badge { background: var(--dg-pink); color: #fff; } /* Pas de barre shop nav (toutes vitrines) */ .lgk-header-shop-nav, .lgk-header-shop-nav--deal, .lgk-header-shop-nav--candy { display: none !important; } html.lgk-storefront--deal-geekland .lgk-footer, html.lgk-storefront--deal-geekland .footer { --lgk-footer-bg: #05060a; --lgk-footer-accent: var(--dg-cyan); background: var(--dg-bg); border-top: 1px solid var(--dg-border); color: var(--dg-text); width: 100%; } html.lgk-storefront--deal-geekland .shopify-section--footer, html.lgk-storefront--deal-geekland .shopify-section-group-gotham-footer-group { width: 100%; max-width: none; } html.lgk-storefront--deal-geekland .lgk-footer > .container, html.lgk-storefront--deal-geekland .footer > .container { max-width: none !important; width: auto !important; margin-inline: var(--container-gutter, 1.25rem) !important; } html.lgk-storefront--deal-geekland .lgk-footer .footer__inner, html.lgk-storefront--deal-geekland .lgk-footer__body, html.lgk-storefront--deal-geekland .lgk-footer__trust, html.lgk-storefront--deal-geekland .lgk-footer__tabs { width: 100%; max-width: none; } @media screen and (min-width: 1000px) { html.lgk-storefront--deal-geekland .lgk-footer__body--tabs { grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr); width: 100%; } } html.lgk-storefront--deal-geekland .lgk-footer a, html.lgk-storefront--deal-geekland .lgk-footer__link { color: var(--dg-muted); } html.lgk-storefront--deal-geekland .lgk-footer a:hover, html.lgk-storefront--deal-geekland .lgk-footer__link:hover { color: var(--dg-cyan); } html.lgk-storefront--deal-geekland .lgk-footer-hub__title, html.lgk-storefront--deal-geekland .lgk-footer__social-label, html.lgk-storefront--deal-geekland .lgk-footer-credit__tagline { color: var(--dg-pink); } html.lgk-storefront--deal-geekland .lgk-footer-help__card { background: var(--dg-bg-elev); border: 1px solid var(--dg-border); color: var(--dg-text); } html.lgk-storefront--deal-geekland .lgk-footer-help__card:hover { border-color: var(--dg-pink); box-shadow: 0 0 18px var(--dg-glow-pink); } html.lgk-storefront--deal-geekland .lgk-footer-quick__link { border-color: var(--dg-border); color: var(--dg-text); } html.lgk-storefront--deal-geekland .lgk-footer-quick__link:hover { border-color: var(--dg-cyan); color: var(--dg-cyan); } html.lgk-storefront--deal-geekland .lgk-footer-credit__brand, html.lgk-storefront--deal-geekland .lgk-footer-credit__brand-dot { color: var(--dg-cyan); } html.lgk-storefront--deal-geekland .lgk-footer__trust { border-color: var(--dg-border); } html.lgk-storefront--deal-geekland .lgk-footer-tabs__btn[aria-selected='true'], html.lgk-storefront--deal-geekland .lgk-footer-tabs__btn.is-active { color: var(--dg-cyan); border-color: var(--dg-cyan); } /* Header logo Deal */ html.lgk-storefront--deal-geekland .header__logo-image--wayne, html.lgk-storefront--deal-geekland .header__logo-text--wayne, html.lgk-storefront--deal-geekland .header__logo-image--ga, html.lgk-storefront--deal-geekland .header__logo-text--ga, html.lgk-storefront--deal-geekland .header__logo-image--candy, html.lgk-storefront--deal-geekland .header__logo-image--lgk, html.lgk-storefront--deal-geekland .header__logo-image--transparent, html.lgk-storefront--deal-geekland .header__logo-text--lgk { display: none !important; opacity: 0 !important; } html.lgk-storefront--deal-geekland .header__logo-image--deal { display: block !important; height: auto !important; width: clamp(280px, 42vw, 460px) !important; max-width: none !important; max-height: 150px !important; object-fit: contain !important; opacity: 1 !important; position: static !important; background: transparent !important; box-shadow: none !important; filter: none !important; } html.lgk-storefront--deal-geekland .header__logo { max-width: none !important; } html.lgk-storefront--deal-geekland { --header-logo-width: 460px; } @media (max-width: 699px) { html.lgk-storefront--deal-geekland .header__logo-image--deal { width: clamp(200px, 64vw, 300px) !important; max-height: 110px !important; } } html.lgk-storefront--deal-geekland .header__discord-link, html.lgk-storefront--deal-geekland .header__facebook-link, html.lgk-storefront--deal-geekland .header__social-dropdown { display: none !important; } /* Navi Deal (tokens) */ .lgk-navi-slide--deal { --lgk-navi-text: #f4f7ff; --lgk-navi-bg: #05060a; --lgk-navi-sub-bg: #0e1118; --lgk-navi-divider: rgba(0, 229, 255, 0.18); --lgk-navi-icon: #ff2bd6; --lgk-navi-accent: #ff2bd6; --lgk-navi-accent-2: #00e5ff; --lgk-navi-bg-texture: none; --lgk-navi-section-bg: rgba(255, 255, 255, 0.03); --lgk-navi-row-bg: rgba(255, 255, 255, 0.04); --lgk-navi-text-shadow: none; --lgk-navi-item-h: 54px; } /* ========================================================================== Deal MAX — ambiance, bento, stats, dock, drawer, PDP ========================================================================== */ .lgk-deal-home--max { position: relative; } .lgk-deal-home--max::before { content: ''; pointer-events: none; position: fixed; inset: 0; z-index: 0; opacity: 0.35; background-image: radial-gradient(rgba(255, 255, 255, 0.045) 0.6px, transparent 0.6px); background-size: 3px 3px; mix-blend-mode: soft-light; } .lgk-deal-home--max > * { position: relative; z-index: 1; } .lgk-deal-home__hero-orbs { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; } .lgk-deal-home__orb { position: absolute; border-radius: 50%; filter: blur(48px); opacity: 0.55; animation: lgk-deal-orb 10s ease-in-out infinite alternate; } .lgk-deal-home__orb--pink { width: min(42vw, 420px); height: min(42vw, 420px); left: -8%; bottom: 8%; background: var(--dg-pink); } .lgk-deal-home__orb--cyan { width: min(36vw, 360px); height: min(36vw, 360px); right: 4%; top: 12%; background: var(--dg-cyan); animation-delay: -3s; } @keyframes lgk-deal-orb { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(4%, -6%, 0) scale(1.12); } } @media (prefers-reduced-motion: reduce) { .lgk-deal-home__orb { animation: none; } } /* Stats */ .lgk-deal-home__stats { border-bottom: 1px solid var(--dg-border); background: linear-gradient(180deg, rgba(255, 43, 214, 0.08), transparent 70%), var(--dg-bg); padding-block: 1.35rem; } .lgk-deal-home__stats-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; } .lgk-deal-home__stat { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; padding: 0.85rem 0.5rem; border-radius: 14px; border: 1px solid var(--dg-border); background: rgba(14, 17, 24, 0.85); text-align: center; } .lgk-deal-home__stat--accent { border-color: rgba(255, 43, 214, 0.45); box-shadow: 0 0 22px var(--dg-glow-pink); background: linear-gradient(160deg, rgba(255, 43, 214, 0.18), rgba(0, 229, 255, 0.06)); } .lgk-deal-home__stat-value { font-size: clamp(1.2rem, 3.2vw, 1.65rem); font-weight: 800; letter-spacing: -0.03em; color: #fff; line-height: 1.1; } .lgk-deal-home__stat--accent .lgk-deal-home__stat-value { color: var(--dg-pink); text-shadow: 0 0 18px var(--dg-glow-pink); } .lgk-deal-home__stat-label { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dg-muted); } @media (max-width: 699px) { .lgk-deal-home__stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Bento rayons — s’adapte au nombre de cartes (évite le trou noir) */ .lgk-deal-home__bento { display: grid; grid-template-columns: 1fr; gap: clamp(0.85rem, 2vw, 1.25rem); } .lgk-deal-home__bento .lgk-deal-home__feature { min-height: 14rem; width: 100%; min-width: 0; } /* Flash outlet zone */ .lgk-deal-home__flash { padding-block: clamp(1.75rem, 4vw, 3rem); } .lgk-deal-home__flash .lgk-wayne-home__carousel, .lgk-deal-home__flash .lgk-wayne-home__product-list { margin-top: 1.25rem; } /* Promise pills */ .lgk-deal-home__promise-pills { display: flex; flex-wrap: wrap; gap: 0.55rem; justify-content: center; margin-top: 1.1rem; } .lgk-deal-home__promise-pills span { padding: 0.35rem 0.75rem; border-radius: 999px; border: 1px solid var(--dg-border); background: rgba(0, 229, 255, 0.06); color: var(--dg-cyan); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } @media (min-width: 700px) { /* Grille régulière 2×N — jamais de trou / hero asymétrique */ .lgk-deal-home__bento { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lgk-deal-home__bento .lgk-deal-home__feature, .lgk-deal-home__bento .lgk-deal-home__feature--hero { grid-column: auto; grid-row: auto; min-height: 15rem; } } @media (min-width: 1024px) { .lgk-deal-home__bento { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lgk-deal-home__bento .lgk-deal-home__feature { min-height: 16.5rem; } } @media (max-width: 699px) { .lgk-deal-home__feature--hero { min-height: 18rem; } } /* Split editorial — 2 colonnes sans espace mort */ .lgk-deal-home__split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; width: 100%; } @media (min-width: 900px) { .lgk-deal-home__split:has(> :nth-child(2)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lgk-deal-home__split-card { position: relative; display: block; width: 100%; min-width: 0; min-height: clamp(16rem, 36vw, 24rem); overflow: hidden; border: 0; border-block: 1px solid rgba(0, 229, 255, 0.12); background: #0a0d14; } .lgk-deal-home__split-card .lgk-wayne-home__editorial-media, .lgk-deal-home__split-card .lgk-wayne-home__editorial-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .lgk-deal-home__split-card .lgk-wayne-home__editorial-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 25%, rgba(5, 6, 10, 0.88) 100%), linear-gradient(90deg, rgba(5, 6, 10, 0.35), transparent 50%); } .lgk-deal-home__split-card .lgk-wayne-home__editorial-copy { position: absolute; left: 1.25rem; right: 1.25rem; bottom: 1.25rem; z-index: 2; display: flex; flex-direction: column; gap: 0.35rem; width: auto; max-width: none; min-height: 0; margin: 0; padding: 0; } .lgk-deal-home__split-card .lgk-wayne-home__editorial-title { font-size: clamp(1.35rem, 3vw, 2rem); } .lgk-deal-home__split-card:hover img { transform: scale(1.05); transition: transform 0.5s ease; } .lgk-deal-home__finale-logo { width: min(220px, 55vw); height: auto; margin: 0 auto 0.75rem; display: block; filter: drop-shadow(0 0 22px var(--dg-glow-pink)); } /* Dock mobile sticky */ .lgk-deal-home__dock { position: fixed; left: 50%; bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 40; display: none; gap: 0.45rem; padding: 0.4rem; border-radius: 999px; border: 1px solid rgba(255, 43, 214, 0.35); background: rgba(5, 6, 10, 0.88); backdrop-filter: blur(12px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), 0 0 24px var(--dg-glow-pink); } .lgk-deal-home__dock-btn { appearance: none; border: 0; cursor: pointer; text-decoration: none; font: inherit; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.04em; padding: 0.55rem 0.9rem; border-radius: 999px; color: var(--dg-text); background: rgba(255, 255, 255, 0.06); } .lgk-deal-home__dock-btn--primary { color: #fff; background: linear-gradient(135deg, var(--dg-pink), #c400a8); box-shadow: 0 0 14px var(--dg-glow-pink); } @media (max-width: 899px) { .lgk-deal-home__dock { display: inline-flex; } .lgk-deal-home--max { padding-bottom: 4.5rem; } } /* Header glow bar */ html.lgk-storefront--deal-geekland .shopify-section--header, html.lgk-storefront--deal-geekland .header { border-bottom: 1px solid rgba(0, 229, 255, 0.18); box-shadow: 0 0 28px rgba(255, 43, 214, 0.08); background: rgba(5, 6, 10, 0.92); backdrop-filter: blur(10px); } html.lgk-storefront--deal-geekland .header__logo-image--deal { filter: drop-shadow(0 0 12px var(--dg-glow-pink)) !important; } /* Collection banners */ html.lgk-storefront--deal-geekland .collection-banner, html.lgk-storefront--deal-geekland .collection__header { background: radial-gradient(ellipse 70% 80% at 20% 0%, var(--dg-glow-pink), transparent 55%), radial-gradient(ellipse 50% 60% at 90% 20%, var(--dg-glow-cyan), transparent 50%), var(--dg-bg); border-bottom: 1px solid var(--dg-border); } html.lgk-storefront--deal-geekland .collection .product-list, html.lgk-storefront--deal-geekland .collection-body { background: var(--dg-bg); } /* PDP */ html.lgk-storefront--deal-geekland .product, html.lgk-storefront--deal-geekland .product-info, html.lgk-storefront--deal-geekland .product-gallery { color: var(--dg-text); } html.lgk-storefront--deal-geekland .product-info .price-list, html.lgk-storefront--deal-geekland .product-info sale-price, html.lgk-storefront--deal-geekland .product-info .price { color: var(--dg-cyan) !important; } html.lgk-storefront--deal-geekland .product-info .text-on-sale, html.lgk-storefront--deal-geekland .product-info compare-at-price { color: var(--dg-pink) !important; } html.lgk-storefront--deal-geekland .product-gallery__media, html.lgk-storefront--deal-geekland .product-gallery .media { border-radius: 16px; border: 1px solid var(--dg-border); background: #0a0d14; overflow: hidden; } html.lgk-storefront--deal-geekland .lgk-rich-description, html.lgk-storefront--deal-geekland .product-content-below-gallery__rich-description { color: var(--dg-muted); } /* ========================================================================== Tiroir panier — Deal Geekland ========================================================================== */ html.lgk-storefront--deal-geekland .cart-drawer, html.lgk-storefront--deal-geekland cart-drawer.drawer { --drawer-max-width: min(94vw, 26.5rem); color: var(--dg-text); } html.lgk-storefront--deal-geekland .cart-drawer::part(overlay) { background: rgba(2, 3, 8, 0.76); backdrop-filter: blur(4px); } html.lgk-storefront--deal-geekland .cart-drawer::part(content) { background: radial-gradient(120% 60% at 100% 0%, rgba(255, 43, 214, 0.2), transparent 55%), radial-gradient(90% 50% at 0% 100%, rgba(0, 229, 255, 0.12), transparent 50%), #05060a !important; border-left: 1px solid rgba(0, 229, 255, 0.22); box-shadow: -18px 0 48px rgba(0, 0, 0, 0.55); } html.lgk-storefront--deal-geekland .cart-drawer::part(header) { border-block-end: 1px solid rgba(0, 229, 255, 0.16); background: rgba(0, 0, 0, 0.28); padding-block: 1rem; } html.lgk-storefront--deal-geekland .cart-drawer::part(close-button) { color: var(--dg-text); opacity: 0.85; } html.lgk-storefront--deal-geekland .cart-drawer::part(close-button):hover { opacity: 1; color: var(--dg-cyan); } html.lgk-storefront--deal-geekland .cart-drawer::part(footer) { background: linear-gradient(180deg, rgba(14, 17, 24, 0.95), #05060a) !important; border-block-start: 1px solid rgba(255, 43, 214, 0.28); box-shadow: 0 -12px 28px rgba(0, 0, 0, 0.35); } html.lgk-storefront--deal-geekland .cart-drawer__heading .h4, html.lgk-storefront--deal-geekland .cart-drawer__title { color: #fff; font-weight: 800; } html.lgk-storefront--deal-geekland .cart-drawer__count { background: linear-gradient(135deg, var(--dg-pink), #c400a8); color: #fff; box-shadow: 0 4px 14px var(--dg-glow-pink); } html.lgk-storefront--deal-geekland .cart-drawer .line-item { --line-item-media-width: 4.75rem; align-items: flex-start; column-gap: 0.9rem; padding: 0.75rem; border-radius: 14px; border: 1px solid var(--dg-border); background: rgba(255, 255, 255, 0.03); } html.lgk-storefront--deal-geekland .cart-drawer .line-item__media { border-radius: 10px; overflow: hidden; background: #0a0d14; } html.lgk-storefront--deal-geekland .cart-drawer .line-item-info a, html.lgk-storefront--deal-geekland .cart-drawer .line-item-info .h6, html.lgk-storefront--deal-geekland .cart-drawer .line-item-info p { color: var(--dg-text); } html.lgk-storefront--deal-geekland .cart-drawer .line-item-info a:hover { color: var(--dg-cyan); } html.lgk-storefront--deal-geekland .cart-drawer .text-subdued, html.lgk-storefront--deal-geekland .cart-drawer .price-list, html.lgk-storefront--deal-geekland .cart-drawer .smallcaps { color: var(--dg-muted) !important; } html.lgk-storefront--deal-geekland .cart-drawer .free-shipping-bar { display: none !important; } html.lgk-storefront--deal-geekland .cart-drawer__shipping { margin: 0 0 0.35rem; padding: 0.7rem 0.8rem; border-radius: 14px; border: 1px solid rgba(0, 229, 255, 0.22); background: rgba(0, 229, 255, 0.07); } /* Popups upsell parasites — ShipGuard / footer-addons restent visibles (revenus) */ html.lgk-storefront--deal-geekland shopify-app-block[id*='essential' i], html.lgk-storefront--deal-geekland .cart-drawer [class*='essential-upsell' i], html.lgk-storefront--deal-geekland .cart-drawer [class*='upsell-modal' i] { display: none !important; visibility: hidden !important; pointer-events: none !important; max-height: 0 !important; overflow: hidden !important; } html.lgk-storefront--deal-geekland .cart-drawer__totals { padding: 0.55rem 0.75rem; border-radius: 12px; border: 1px solid rgba(255, 43, 214, 0.28); background: rgba(255, 43, 214, 0.1); } html.lgk-storefront--deal-geekland .cart-drawer .button, html.lgk-storefront--deal-geekland .cart-drawer button[name='checkout'], html.lgk-storefront--deal-geekland .cart-drawer .checkout-button { background: linear-gradient(135deg, var(--dg-pink), #c400a8) !important; color: #fff !important; border: none !important; box-shadow: 0 0 18px var(--dg-glow-pink); } /* Facets / filters Deal */ html.lgk-storefront--deal-geekland .facets, html.lgk-storefront--deal-geekland .facet-filters, html.lgk-storefront--deal-geekland .lgk-facets { color: var(--dg-text); border-color: var(--dg-border); } html.lgk-storefront--deal-geekland .facets__summary, html.lgk-storefront--deal-geekland .facet-filters__label { color: var(--dg-cyan); } /* ===== lgk-digital-geekland.css ===== */ /** * Digital Geekland — vitrine cartes cadeaux, points & recharges * Architecture visuelle = Wayne/Candy (lgk-wayne-home) + teinte cyan/violet. */ html.lgk-storefront--digital-geekland { --dig-cyan: #22d3ee; --dig-violet: #a78bfa; --dig-amber: #fbbf24; --dig-bg: #070b14; --dig-panel: #0d1422; --dig-panel-2: #111a2c; --dig-text: #e8f4ff; --dig-muted: rgba(232, 244, 255, 0.68); --dig-line: rgba(34, 211, 238, 0.16); --dig-radius: 16px; --header-logo-width: 280px; color-scheme: dark; } html.lgk-storefront--digital-geekland body { background: var(--dig-bg); color: var(--dig-text); } html.lgk-storefront--digital-geekland body.template-index #main > .shopify-section--footer .lgk-instant-gaming-affiliate, html.lgk-storefront--digital-geekland body.template-index #main > .shopify-section--footer .shopify-section--instant-gaming-affiliate, html.lgk-storefront--digital-geekland #lgk-gd-cross { display: none !important; } .lgk-wayne-home.lgk-digital-home { background: radial-gradient(ellipse 90% 40% at 50% -10%, rgba(34, 211, 238, 0.08), transparent 55%), radial-gradient(ellipse 60% 30% at 100% 40%, rgba(167, 139, 250, 0.06), transparent 50%), var(--dig-bg); color: var(--dig-text); } /* —— Hero —— */ .lgk-digital-home__logo { width: min(320px, 78vw); height: auto; margin-bottom: 0.65rem; filter: drop-shadow(0 10px 32px rgba(34, 211, 238, 0.32)); animation: digFadeUp 0.85s ease both; } .lgk-digital-home__hero-glow { position: absolute; inset: auto 0 0; height: 55%; z-index: 1; pointer-events: none; background: radial-gradient(ellipse 55% 70% at 20% 80%, rgba(34, 211, 238, 0.22), transparent 65%), radial-gradient(ellipse 45% 60% at 75% 90%, rgba(167, 139, 250, 0.18), transparent 60%); } .lgk-digital-home .lgk-wayne-home__hero-img { animation: digKen 24s ease-in-out infinite alternate; transform-origin: center 35%; object-position: center 30%; } @keyframes digKen { from { transform: scale(1.03) translate3d(0, 0, 0); } to { transform: scale(1.1) translate3d(-1.2%, 0.8%, 0); } } @media (prefers-reduced-motion: reduce) { .lgk-digital-home .lgk-wayne-home__hero-img, .lgk-digital-home__logo, .lgk-digital-home .lgk-wayne-home__brand, .lgk-digital-home .lgk-wayne-home__proof, .lgk-digital-home .lgk-wayne-home__lead, .lgk-digital-home .lgk-wayne-home__cta { animation: none !important; } } .lgk-digital-home .lgk-wayne-home__hero-shade { background: linear-gradient(180deg, rgba(7, 11, 20, 0.28) 0%, rgba(7, 11, 20, 0.5) 38%, rgba(7, 11, 20, 0.94) 100%), radial-gradient(ellipse 80% 55% at 50% 15%, rgba(34, 211, 238, 0.16), transparent 62%); } .lgk-digital-home__hero-inner { max-width: min(42rem, 100%); padding-bottom: clamp(3rem, 8vh, 5.5rem); } .lgk-digital-home .lgk-wayne-home__brand { background: linear-gradient(115deg, #f0f9ff 8%, #22d3ee 48%, #c4b5fd 92%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: clamp(2.9rem, 9.5vw, 5.4rem); letter-spacing: -0.04em; text-shadow: none; filter: drop-shadow(0 2px 24px rgba(34, 211, 238, 0.15)); animation: digBrandIn 0.95s cubic-bezier(0.22, 1, 0.36, 1) both; } .lgk-digital-home .lgk-wayne-home__proof { color: rgba(232, 244, 255, 0.78); letter-spacing: 0.04em; text-transform: uppercase; font-size: clamp(0.72rem, 1.6vw, 0.82rem); font-weight: 650; } .lgk-digital-home .lgk-wayne-home__lead { max-width: 34rem; font-size: clamp(1rem, 2.2vw, 1.15rem); line-height: 1.55; color: rgba(232, 244, 255, 0.82); } .lgk-digital-home .lgk-wayne-home__lead strong { color: #fff; font-weight: 750; } .lgk-digital-home .lgk-wayne-home__proof, .lgk-digital-home .lgk-wayne-home__lead { animation: digFadeUp 0.8s ease 0.12s both; } .lgk-digital-home .lgk-wayne-home__cta { animation: digFadeUp 0.8s ease 0.24s both; gap: 0.65rem; flex-wrap: wrap; } .lgk-digital-home__hero-cta .lgk-wayne-home__btn { min-height: 2.85rem; padding-inline: 1.25rem; font-weight: 750; letter-spacing: -0.01em; } @keyframes digBrandIn { from { opacity: 0; transform: translateY(18px) scale(0.98); filter: blur(6px); } to { opacity: 1; transform: none; filter: drop-shadow(0 2px 24px rgba(34, 211, 238, 0.15)); } } @keyframes digFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } .lgk-digital-home .lgk-wayne-home__btn--primary { background: linear-gradient(120deg, #22d3ee, #67e8f9 55%, #a5f3fc); color: #041018; border: none; box-shadow: 0 10px 32px rgba(34, 211, 238, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35); } .lgk-digital-home .lgk-wayne-home__btn--primary:hover { filter: brightness(1.07); box-shadow: 0 14px 40px rgba(34, 211, 238, 0.42); } .lgk-digital-home .lgk-wayne-home__btn--ghost { border-color: rgba(167, 139, 250, 0.42); background: rgba(13, 20, 34, 0.55); backdrop-filter: blur(8px); color: var(--dig-text); } .lgk-digital-home .lgk-wayne-home__btn--ghost:hover { border-color: rgba(34, 211, 238, 0.55); background: rgba(34, 211, 238, 0.1); } .lgk-digital-home .lgk-wayne-home__badge { color: var(--dig-cyan); letter-spacing: 0.12em; } .lgk-digital-home .lgk-wayne-home__h2 { letter-spacing: -0.03em; } .lgk-digital-home .lgk-wayne-home__section-lead { color: var(--dig-muted); max-width: 36rem; margin-inline: auto; } .lgk-digital-home .lgk-wayne-home__section-head--center .lgk-wayne-home__section-lead { margin-inline: auto; } .lgk-digital-home .lgk-wayne-home__cats, .lgk-digital-home__hub, .lgk-digital-home__steps, .lgk-digital-home .lgk-wayne-home__spotlight, .lgk-digital-home .lgk-wayne-home__picks, .lgk-digital-home__faq, .lgk-digital-home__blog, .lgk-digital-home__seo { padding-block: clamp(2.75rem, 5.5vw, 4.5rem); } /* —— Hub catalogue complet —— */ .lgk-digital-home__hub { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.05); background: radial-gradient(ellipse 70% 45% at 50% 0%, rgba(34, 211, 238, 0.08), transparent 55%), transparent; } .lgk-digital-home__hub .lgk-wayne-home__section-head--tight { margin-top: clamp(1.75rem, 3.5vw, 2.5rem); } .lgk-digital-home__hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; list-style: none; margin: 0; padding: 0; } @media (min-width: 750px) { .lgk-digital-home__hub-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.9rem; } .lgk-digital-home__hub-grid--points { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1100px) { .lgk-digital-home__hub-grid--points { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-digital-home__hub-tile { position: relative; display: block; min-height: 148px; border-radius: 14px; overflow: hidden; text-decoration: none; color: var(--dig-text); border: 1px solid rgba(34, 211, 238, 0.2); background: var(--dig-panel); transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease; } @media (min-width: 750px) { .lgk-digital-home__hub-tile { min-height: 180px; } } .lgk-digital-home__hub-tile:hover { transform: translateY(-3px); border-color: rgba(34, 211, 238, 0.5); box-shadow: 0 14px 32px rgba(0, 0, 0, 0.3); } .lgk-digital-home__hub-tile--hot { border-color: rgba(251, 191, 36, 0.35); } .lgk-digital-home__hub-tile-media { position: absolute; inset: 0; } .lgk-digital-home__hub-tile-media img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.02); transition: transform 0.45s ease; } .lgk-digital-home__hub-tile:hover .lgk-digital-home__hub-tile-media img { transform: scale(1.08); } .lgk-digital-home__hub-tile-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(7, 11, 20, 0.15) 0%, rgba(7, 11, 20, 0.55) 45%, rgba(7, 11, 20, 0.94) 100%); pointer-events: none; } .lgk-digital-home__hub-tile-meta { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; gap: 0.2rem; padding: 0.85rem 0.9rem 1rem; } .lgk-digital-home__hub-tile-mark { display: inline-grid; place-items: center; width: 1.85rem; height: 1.85rem; margin-bottom: 0.35rem; border-radius: 8px; font-size: 0.68rem; font-weight: 850; color: #041018; background: linear-gradient(135deg, var(--dig-cyan), #67e8f9); box-shadow: 0 4px 12px rgba(34, 211, 238, 0.28); } .lgk-digital-home__hub-tile-mark--amber { background: linear-gradient(135deg, #fcd34d, var(--dig-amber)); box-shadow: 0 4px 12px rgba(251, 191, 36, 0.28); } .lgk-digital-home__hub-tile-title { font-weight: 800; font-size: 0.95rem; letter-spacing: -0.015em; line-height: 1.2; } .lgk-digital-home__hub-tile-sub { font-size: 0.74rem; color: rgba(232, 244, 255, 0.7); line-height: 1.3; } /* —— Trust —— */ .lgk-digital-home__trust .lgk-wayne-home__trust-card { background: linear-gradient(165deg, rgba(17, 26, 44, 0.95), rgba(13, 20, 34, 0.9)); border-color: var(--dig-line); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22); } .lgk-digital-home .lgk-wayne-home__trust-card--action:hover { border-color: rgba(34, 211, 238, 0.5); box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.2); } /* —— Featured tiles —— */ .lgk-digital-home__featured.lgk-wayne-home__featured { display: grid; grid-template-columns: 1fr; gap: 0.85rem; } @media screen and (min-width: 700px) { .lgk-digital-home__featured.lgk-wayne-home__featured { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; min-height: min(48vh, 480px); } } .lgk-digital-home__feature.lgk-wayne-home__feature { position: relative; border-radius: var(--dig-radius); overflow: hidden; min-height: 220px; outline: none; border: 1px solid transparent; transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease; } @media screen and (min-width: 700px) { .lgk-digital-home__feature.lgk-wayne-home__feature { min-height: 0; } } .lgk-digital-home__feature--gift { border-color: rgba(167, 139, 250, 0.38); } .lgk-digital-home__feature--points { border-color: rgba(251, 191, 36, 0.38); } .lgk-digital-home__feature--recharges { border-color: rgba(34, 211, 238, 0.32); } .lgk-digital-home__feature--games { border-color: rgba(52, 211, 153, 0.4); } .lgk-digital-home .lgk-wayne-home__feature:hover { transform: translateY(-4px); box-shadow: 0 20px 48px rgba(34, 211, 238, 0.2); } .lgk-digital-home .lgk-wayne-home__feature-media { background: #0a101c; } .lgk-digital-home .lgk-wayne-home__feature-media img, .lgk-digital-home .lgk-wayne-home__feature-media picture { width: 100%; height: 100%; display: block; } .lgk-digital-home .lgk-wayne-home__feature-media img { object-fit: cover; object-position: center; } .lgk-digital-home .lgk-wayne-home__feature-shade { background: linear-gradient(180deg, transparent 22%, rgba(7, 11, 20, 0.45) 55%, rgba(7, 11, 20, 0.92) 100%); } .lgk-digital-home__feature-media--solid, .lgk-digital-home__feature-media--gift-fallback { display: block; width: 100%; height: 100%; min-height: 220px; background: radial-gradient(ellipse 70% 60% at 30% 20%, rgba(34, 211, 238, 0.38), transparent 55%), radial-gradient(ellipse 60% 50% at 80% 70%, rgba(167, 139, 250, 0.38), transparent 50%), linear-gradient(145deg, #0d1422 0%, #121a2e 50%, #070b14 100%); } .lgk-digital-home__feature-media--gift-fallback { background: radial-gradient(ellipse 65% 55% at 35% 30%, rgba(167, 139, 250, 0.45), transparent 55%), radial-gradient(ellipse 50% 45% at 85% 70%, rgba(34, 211, 238, 0.28), transparent 50%), linear-gradient(150deg, #15102a 0%, #0d1422 55%, #070b14 100%); } .lgk-digital-home__feature-media--points { background: radial-gradient(ellipse 70% 60% at 25% 25%, rgba(251, 191, 36, 0.42), transparent 55%), radial-gradient(ellipse 55% 50% at 80% 75%, rgba(167, 139, 250, 0.32), transparent 50%), linear-gradient(145deg, #14100a 0%, #1a1420 50%, #070b14 100%); } .lgk-digital-home__feature-chip { position: absolute; top: 0.85rem; left: 0.85rem; z-index: 3; padding: 0.28rem 0.65rem; border-radius: 999px; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #041018; background: linear-gradient(120deg, #c4b5fd, #a78bfa); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25); } .lgk-digital-home__feature-chip--amber { background: linear-gradient(120deg, #fcd34d, #fbbf24); } .lgk-digital-home__feature-chip--cyan { background: linear-gradient(120deg, #67e8f9, #22d3ee); } .lgk-digital-home .lgk-wayne-home__feature-title { font-size: clamp(1.35rem, 2.8vw, 1.75rem); letter-spacing: -0.02em; } .lgk-digital-home .lgk-wayne-home__feature-sub { color: rgba(232, 244, 255, 0.72); } /* —— Secondary tiles —— */ .lgk-digital-home__tile-link { display: flex !important; align-items: center; gap: 0.85rem; aspect-ratio: auto !important; min-height: 0 !important; height: auto !important; padding: 0.85rem 1rem; background: linear-gradient(145deg, rgba(34, 211, 238, 0.1), rgba(167, 139, 250, 0.07)); border: 1px solid rgba(34, 211, 238, 0.2); border-radius: 14px; overflow: hidden; transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease; } .lgk-digital-home__tile-link:hover { border-color: rgba(34, 211, 238, 0.45); transform: translateY(-2px); background: linear-gradient(145deg, rgba(34, 211, 238, 0.16), rgba(167, 139, 250, 0.1)); } .lgk-digital-home__tile-link .lgk-wayne-home__tile-media { display: none !important; } .lgk-digital-home__tile-link .lgk-wayne-home__tile-meta { position: static !important; left: auto; right: auto; bottom: auto; padding: 0; background: none; gap: 0.15rem; flex: 1; min-width: 0; } .lgk-digital-home__tile-link .lgk-wayne-home__tile-title { font-size: 0.95rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.25; } .lgk-digital-home__tile-link .lgk-wayne-home__tile-count { font-size: 0.74rem; letter-spacing: 0.02em; color: rgba(232, 244, 255, 0.58); } .lgk-digital-home__tile-ico { flex: 0 0 auto; width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border-radius: 11px; color: #041018; background: linear-gradient(135deg, var(--dig-cyan), var(--dig-violet)); position: relative; } .lgk-digital-home__tile-ico::before { content: ""; display: block; width: 0.95rem; height: 0.95rem; background: currentColor; mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .lgk-digital-home__tile-ico--dl::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E"); } .lgk-digital-home__tile-ico--mail::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 7 9-7'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 7 9-7'/%3E%3C/svg%3E"); } .lgk-digital-home__tile-ico--blog::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E"); } .lgk-digital-home__tile-ico--faq::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 2.5-3 4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 2.5-3 4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); } .lgk-digital-home__rail.lgk-wayne-home__rail--secondary { gap: 0.65rem; } @media screen and (min-width: 700px) { .lgk-digital-home__rail.lgk-wayne-home__rail--secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } } @media screen and (min-width: 1100px) { .lgk-digital-home__rail.lgk-wayne-home__rail--secondary { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-digital-home .lgk-digital-home__nl.lgk-nl-cta--banner { border-color: rgba(34, 211, 238, 0.28); background: linear-gradient(120deg, rgba(34, 211, 238, 0.12), rgba(167, 139, 250, 0.1)); border-radius: 14px; } .lgk-digital-home .lgk-digital-home__nl .lgk-nl-cta__badge { background: var(--dig-violet); color: #fff; } /* —— Points & platforms —— */ .lgk-digital-home__points { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.05); background: radial-gradient(ellipse 50% 60% at 15% 30%, rgba(251, 191, 36, 0.07), transparent 60%), transparent; } .lgk-digital-home__platforms { border-top: 1px solid rgba(255, 255, 255, 0.05); } .lgk-digital-home__platform-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; list-style: none; margin: 0; padding: 0; } @media (min-width: 750px) { .lgk-digital-home__platform-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lgk-digital-home__points-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1100px) { .lgk-digital-home__platform-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lgk-digital-home__points-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-digital-home__platform { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; padding: 1rem 0.95rem; border-radius: 14px; text-decoration: none; color: var(--dig-text); background: linear-gradient(160deg, rgba(34, 211, 238, 0.1), rgba(167, 139, 250, 0.05)); border: 1px solid rgba(34, 211, 238, 0.18); transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease; } .lgk-digital-home__platform:hover { transform: translateY(-3px); border-color: rgba(34, 211, 238, 0.5); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25); } .lgk-digital-home__platform--hot { border-color: rgba(167, 139, 250, 0.35); background: linear-gradient(160deg, rgba(167, 139, 250, 0.14), rgba(34, 211, 238, 0.06)); } .lgk-digital-home__points-grid .lgk-digital-home__platform--hot { border-color: rgba(251, 191, 36, 0.32); background: linear-gradient(160deg, rgba(251, 191, 36, 0.12), rgba(167, 139, 250, 0.06)); } .lgk-digital-home__platform-mark { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border-radius: 11px; font-size: 0.72rem; font-weight: 850; letter-spacing: -0.02em; color: #041018; background: linear-gradient(135deg, var(--dig-cyan), #67e8f9); box-shadow: 0 4px 14px rgba(34, 211, 238, 0.25); } .lgk-digital-home__points-grid .lgk-digital-home__platform-mark { background: linear-gradient(135deg, #fcd34d, var(--dig-amber)); box-shadow: 0 4px 14px rgba(251, 191, 36, 0.28); } .lgk-digital-home__platform-copy { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; } .lgk-digital-home__platform-name { font-weight: 800; font-size: 0.95rem; letter-spacing: -0.015em; line-height: 1.2; } .lgk-digital-home__platform-sub { font-size: 0.78rem; color: var(--dig-muted); line-height: 1.3; } /* —— Steps —— */ .lgk-digital-home__steps { background: linear-gradient(180deg, rgba(10, 16, 28, 0.9), rgba(10, 16, 28, 0.55)); border-block: 1px solid rgba(255, 255, 255, 0.04); } .lgk-digital-home__steps-grid { display: grid; gap: 1rem; list-style: none; margin: 0; padding: 0; } @media (min-width: 750px) { .lgk-digital-home__steps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lgk-digital-home__steps-grid > .lgk-digital-home__step, .lgk-digital-home__step { box-sizing: border-box; margin: 0; padding: 1.55rem 1.4rem; border-radius: var(--dig-radius); background: var(--dig-panel); border: 1px solid rgba(34, 211, 238, 0.14); position: relative; overflow: hidden; } .lgk-digital-home__step::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, var(--dig-cyan), var(--dig-violet)); opacity: 0.85; } .lgk-digital-home__step-num { display: inline-grid; place-items: center; width: 2.1rem; height: 2.1rem; margin: 0 0 0.9rem; border-radius: 999px; font-weight: 800; font-size: 0.95rem; color: #041018; background: linear-gradient(135deg, var(--dig-cyan), var(--dig-violet)); } .lgk-digital-home__step-title { margin: 0 0 0.55rem; font-size: 1.05rem; font-weight: 750; line-height: 1.3; } .lgk-digital-home__step-text { margin: 0; color: var(--dig-muted); font-size: 0.92rem; line-height: 1.55; } /* —— Recharge panel —— */ .lgk-digital-home__recharge-cta { padding: clamp(1.5rem, 3vw, 2.5rem) 0; } .lgk-digital-home__recharge-panel { padding: clamp(2rem, 4vw, 3rem) clamp(1.25rem, 3vw, 2.5rem); border-radius: 20px; border: 1px solid rgba(34, 211, 238, 0.22); background: radial-gradient(ellipse 70% 80% at 10% 20%, rgba(34, 211, 238, 0.16), transparent 55%), radial-gradient(ellipse 55% 70% at 90% 80%, rgba(167, 139, 250, 0.14), transparent 50%), linear-gradient(145deg, #0d1524, #0a101c); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28); } .lgk-digital-home__recharge-panel .lgk-wayne-home__section-head { margin-bottom: 1.25rem; } .lgk-digital-home__gift-cta { padding: clamp(2.5rem, 5vw, 4rem) 0; } /* —— Promise / finale —— */ .lgk-digital-home__promise.lgk-wayne-home__klarna { background: radial-gradient(ellipse 60% 80% at 10% 50%, rgba(34, 211, 238, 0.14), transparent 55%), radial-gradient(ellipse 50% 70% at 90% 40%, rgba(167, 139, 250, 0.12), transparent 50%), #0a101c; } .lgk-digital-home .lgk-wayne-home__finale { border-top: 1px solid rgba(255, 255, 255, 0.06); padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)); } .lgk-digital-home .lgk-wayne-home__editorial-shade { background: linear-gradient(90deg, rgba(7, 11, 20, 0.88) 0%, rgba(7, 11, 20, 0.4) 65%, transparent 100%); } .lgk-digital-home .lgk-wayne-home__link { color: var(--dig-cyan); } .lgk-digital-home .lgk-wayne-home__link:hover { color: #67e8f9; } /* —— Dock —— */ .lgk-digital-home__dock { position: fixed; left: 50%; bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 40; display: flex; gap: 0.35rem; padding: 0.4rem; border-radius: 999px; background: rgba(7, 11, 20, 0.9); border: 1px solid rgba(34, 211, 238, 0.28); backdrop-filter: blur(14px); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4); } .lgk-digital-home__dock-btn { padding: 0.55rem 0.8rem; border-radius: 999px; text-decoration: none; font-size: 0.76rem; font-weight: 750; color: var(--dig-text); border: none; background: transparent; cursor: pointer; white-space: nowrap; } .lgk-digital-home__dock-btn--primary { background: linear-gradient(120deg, var(--dig-cyan), var(--dig-violet)); color: #070b14; } @media (min-width: 990px) { .lgk-digital-home__dock { display: none; } } /* Header logo Digital */ html.lgk-storefront--digital-geekland .header__logo-image--wayne, html.lgk-storefront--digital-geekland .header__logo-text--wayne, html.lgk-storefront--digital-geekland .header__logo-image--ga, html.lgk-storefront--digital-geekland .header__logo-text--ga, html.lgk-storefront--digital-geekland .header__logo-image--candy, html.lgk-storefront--digital-geekland .header__logo-image--deal, html.lgk-storefront--digital-geekland .header__logo-image--lgk, html.lgk-storefront--digital-geekland .header__logo-image--transparent, html.lgk-storefront--digital-geekland .header__logo-text--lgk { display: none !important; opacity: 0 !important; } html.lgk-storefront--digital-geekland .header__logo-image--digital { display: block !important; height: auto !important; width: clamp(200px, 36vw, 300px) !important; max-width: none !important; max-height: 88px !important; object-fit: contain !important; opacity: 1 !important; position: static !important; } html.lgk-storefront--digital-geekland .header__logo { max-width: none !important; } @media (max-width: 749px) { html.lgk-storefront--digital-geekland .header__logo-image--digital { width: clamp(160px, 52vw, 220px) !important; max-height: 68px !important; } } html.lgk-storefront--digital-geekland .lgk-navi-slide--digital { --lgk-navi-accent: #22d3ee; --lgk-navi-accent-2: #a78bfa; --lgk-navi-icon: #22d3ee; } /* Product cards — force cover fill so tiny G2A thumbs don't stay postage-stamp sized */ html.lgk-storefront--digital-geekland .product-card__figure, html.lgk-storefront--digital-geekland .product-card__media { aspect-ratio: 3 / 4; min-height: 200px; background: linear-gradient(180deg, #1a2030 0%, #121722 100%); } html.lgk-storefront--digital-geekland .product-card__media img, html.lgk-storefront--digital-geekland .product-card__image, html.lgk-storefront--digital-geekland .product-card__image--primary { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain !important; object-position: center !important; } html.lgk-storefront--digital-geekland .product-gallery__media { min-height: min(56vw, 360px); display: grid; place-items: center; background: #0f141f; } html.lgk-storefront--digital-geekland .product-gallery__media img { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: min(70vh, 520px); object-fit: contain !important; } /* Product cards */ html.lgk-storefront--digital-geekland .lgk-digital-home .product-card, html.lgk-storefront--digital-geekland .lgk-digital-home .lgk-card-v2 { background: var(--dig-panel); border-color: rgba(34, 211, 238, 0.14); } html.lgk-storefront--digital-geekland .product-card, html.lgk-storefront--digital-geekland .lgk-card-v2 { color: var(--dig-text); } html.lgk-storefront--digital-geekland .product-card__title, html.lgk-storefront--digital-geekland .product-card__title a, html.lgk-storefront--digital-geekland .lgk-digital-home .product-card__title, html.lgk-storefront--digital-geekland .lgk-digital-home .product-card__title a, html.lgk-storefront--digital-geekland .product-card .product-title, html.lgk-storefront--digital-geekland .product-card a.product-title { color: var(--dig-text) !important; } html.lgk-storefront--digital-geekland .product-card .price-list, html.lgk-storefront--digital-geekland .product-card .price-list *, html.lgk-storefront--digital-geekland .product-card .text-subdued, html.lgk-storefront--digital-geekland .product-card sale-price, html.lgk-storefront--digital-geekland .product-card compare-at-price { color: #fff !important; opacity: 1 !important; } html.lgk-storefront--digital-geekland .product-card .lgk-card-v2__game-meta { color: var(--dig-muted) !important; } html.lgk-storefront--digital-geekland .lgk-digital-home .lgk-wayne-carousel .product-card { border-radius: 14px; overflow: hidden; border: 1px solid rgba(34, 211, 238, 0.14); background: var(--dig-panel); } /* Product grid cards */ .lgk-digital-home__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1rem; } .lgk-digital-home__grid--product-cards { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1.1rem 0.9rem; } .lgk-digital-home__grid-item { min-width: 0; } .lgk-digital-home__grid--product-cards .product-card { height: 100%; background: var(--dig-panel); border: 1px solid rgba(34, 211, 238, 0.14); border-radius: 14px; overflow: hidden; } .lgk-digital-home__grid--product-cards .product-card__figure, .lgk-digital-home__grid--product-cards .product-card__media { background: #0a101c; aspect-ratio: 3 / 4; } .lgk-digital-home__grid--product-cards .product-card__image, .lgk-digital-home__grid--product-cards .product-card__image--primary { width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 1 !important; display: block !important; visibility: visible !important; } .lgk-digital-home__grid--product-cards .product-card__title, .lgk-digital-home__grid--product-cards .product-title, .lgk-digital-home__grid--product-cards a.product-title { color: var(--dig-text) !important; font-size: 0.86rem; } .lgk-digital-home__grid--product-cards .price-list, .lgk-digital-home__grid--product-cards sale-price, .lgk-digital-home__grid--product-cards .product-card__price { color: var(--dig-cyan) !important; } .lgk-digital-home__card { display: flex; flex-direction: column; background: var(--dig-panel); border: 1px solid rgba(34, 211, 238, 0.12); border-radius: 14px; overflow: hidden; text-decoration: none; color: inherit; transition: border-color 0.2s ease, transform 0.2s ease; } .lgk-digital-home__card:hover { border-color: rgba(34, 211, 238, 0.45); transform: translateY(-3px); } .lgk-digital-home__card-media { position: relative; aspect-ratio: 3 / 4; background: #0a101c; overflow: hidden; } .lgk-digital-home__card-media img, .lgk-digital-home__card-img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 1 !important; visibility: visible !important; } .lgk-digital-home__card-ph { position: absolute; inset: 0; display: grid; place-items: center; font-weight: 800; letter-spacing: 0.08em; color: rgba(34, 211, 238, 0.35); background: radial-gradient(ellipse 60% 50% at 50% 40%, rgba(34, 211, 238, 0.12), transparent 70%), #0a101c; } .lgk-digital-home__card-body { padding: 0.75rem 0.85rem 1rem; } .lgk-digital-home__card-title { margin: 0; font-size: 0.88rem; font-weight: 650; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lgk-digital-home__card-price { margin: 0.35rem 0 0; font-size: 0.86rem; font-weight: 700; color: var(--dig-cyan); } /* FAQ */ .lgk-digital-home__faq { border-top: 1px solid rgba(255, 255, 255, 0.05); } .lgk-digital-home__faq-list { display: grid; gap: 0.65rem; max-width: 820px; margin: 0 auto 1.25rem; } .lgk-digital-home__faq-item { border-radius: 14px; border: 1px solid rgba(34, 211, 238, 0.16); background: var(--dig-panel); padding: 0.95rem 1.15rem; transition: border-color 0.2s ease; } .lgk-digital-home__faq-item[open] { border-color: rgba(34, 211, 238, 0.35); } .lgk-digital-home__faq-item summary { cursor: pointer; font-weight: 700; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .lgk-digital-home__faq-item summary::-webkit-details-marker { display: none; } .lgk-digital-home__faq-item summary::after { content: ""; width: 0.55rem; height: 0.55rem; border-right: 2px solid var(--dig-cyan); border-bottom: 2px solid var(--dig-cyan); transform: rotate(45deg); transition: transform 0.2s ease; flex: 0 0 auto; margin-top: -0.2rem; } .lgk-digital-home__faq-item[open] summary::after { transform: rotate(-135deg); margin-top: 0.2rem; } .lgk-digital-home__faq-item p { margin: 0.7rem 0 0.15rem; color: var(--dig-muted); font-size: 0.95rem; line-height: 1.55; } /* Blog */ .lgk-digital-home__blog { border-top: 1px solid rgba(255, 255, 255, 0.05); } .lgk-digital-home__blog-grid { display: grid; gap: 1rem; } @media (min-width: 750px) { .lgk-digital-home__blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lgk-digital-home__blog-card { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--dig-radius); text-decoration: none; color: inherit; background: var(--dig-panel); border: 1px solid rgba(34, 211, 238, 0.14); transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease; } .lgk-digital-home__blog-card:hover { transform: translateY(-4px); border-color: rgba(34, 211, 238, 0.4); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28); } .lgk-digital-home__blog-media { aspect-ratio: 16 / 10; background: #0a101c; overflow: hidden; } .lgk-digital-home__blog-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.45s ease; } .lgk-digital-home__blog-card:hover .lgk-digital-home__blog-media img { transform: scale(1.04); } .lgk-digital-home__blog-body { display: flex; flex-direction: column; gap: 0.35rem; padding: 1rem 1.05rem 1.2rem; } .lgk-digital-home__blog-date { font-size: 0.78rem; color: var(--dig-cyan); font-weight: 650; } .lgk-digital-home__blog-title { font-weight: 750; font-size: 1rem; line-height: 1.35; } .lgk-digital-home__blog-excerpt { font-size: 0.88rem; color: var(--dig-muted); line-height: 1.45; } /* SEO */ .lgk-digital-home__seo { border-top: 1px solid rgba(255, 255, 255, 0.05); } .lgk-digital-home__seo-text { max-width: 52rem; color: var(--dig-muted); font-size: 0.98rem; line-height: 1.65; } .lgk-digital-home__seo-text p { margin: 0 0 0.85rem; } .lgk-digital-home__seo-text strong { color: var(--dig-text); } .lgk-digital-home__seo-text a { color: var(--dig-cyan); text-decoration: underline; text-underline-offset: 0.15em; } @media (max-width: 749px) { .lgk-digital-home__hero-inner { text-align: left; max-width: 100%; } .lgk-digital-home__hero-cta { width: 100%; } .lgk-digital-home__hero-cta .lgk-wayne-home__btn { flex: 1 1 auto; justify-content: center; text-align: center; } } /* ===== gotham-airsoft.css ===== */ /* Gotham Airsoft storefront — isolé sous html.lgk-storefront--gotham-airsoft */ html.lgk-storefront--gotham-airsoft body.template-index #main > .shopify-section:not(.shopify-section--lgk-gotham-airsoft-home):not(.shopify-section--footer) { display: none !important; } html.lgk-storefront--gotham-airsoft body.template-index #main > .shopify-section--footer .lgk-instant-gaming-affiliate, html.lgk-storefront--gotham-airsoft body.template-index #main > .shopify-section--footer .shopify-section--instant-gaming-affiliate, html.lgk-storefront--gotham-airsoft body.template-index .lgk-nl-cta:not(.lgk-ga-home__nl), html.lgk-storefront--gotham-airsoft body.template-index .lgk-newsletter-cta, html.lgk-storefront--gotham-airsoft .lgk-ig-gta6, html.lgk-storefront--gotham-airsoft #lgk-gd-cross { display: none !important; } html:not(.lgk-storefront--gotham-airsoft) .shopify-section--lgk-gotham-airsoft-home, html:not(.lgk-storefront--gotham-airsoft) .lgk-ga-home, html:not(.lgk-storefront--gotham-airsoft) [data-lgk-gotham-airsoft-home] { display: none !important; } html.lgk-storefront--gotham-airsoft { --ga-black: #080a0b; --ga-charcoal: #111617; --ga-surface: #192022; --ga-surface-elevated: #222a2c; --ga-border: #354043; --ga-text: #f3f5f3; --ga-text-secondary: #c0c8c3; --ga-text-muted: #8f9a94; --ga-olive: #707b5f; --ga-olive-dark: #4c5640; --ga-olive-light: #95a282; --ga-sand: #c2aa82; --ga-sand-dark: #907a58; --ga-success: #6f9365; --ga-warning: #c58c46; --ga-danger: #b84a43; --ga-radius-small: 6px; --ga-radius-medium: 12px; --ga-radius-large: 18px; --ga-shadow-small: 0 4px 14px rgba(0, 0, 0, 0.22); --ga-shadow-medium: 0 12px 32px rgba(0, 0, 0, 0.34); --ga-gutter: clamp(1rem, 2.5vw, 2rem); --ga-content: calc(100% - 2 * var(--ga-gutter)); --container-max-width: 100%; --container-xxs-max-width: 100%; --container-xs-max-width: 100%; --container-sm-max-width: 100%; --container-md-max-width: 100%; --container-lg-max-width: 100%; --container-xl-max-width: 100%; --page-width: 100%; color-scheme: dark; } /* Conteneurs thème → pleine largeur écran (comme Wayne) */ html.lgk-storefront--gotham-airsoft .container, html.lgk-storefront--gotham-airsoft .container.container--lg, html.lgk-storefront--gotham-airsoft .container.container--xl, html.lgk-storefront--gotham-airsoft .container.container--md, html.lgk-storefront--gotham-airsoft .container.container--sm { --container-max-width: 100% !important; margin-inline-start: var(--container-gutter, var(--ga-gutter)) !important; margin-inline-end: var(--container-gutter, var(--ga-gutter)) !important; max-width: none !important; width: auto !important; } html.lgk-storefront--gotham-airsoft #main, html.lgk-storefront--gotham-airsoft .shopify-section, html.lgk-storefront--gotham-airsoft .shopify-section--header, html.lgk-storefront--gotham-airsoft .shopify-section--footer, html.lgk-storefront--gotham-airsoft .header, html.lgk-storefront--gotham-airsoft x-header.header { width: 100%; max-width: none; } html.lgk-storefront--gotham-airsoft body { background: var(--ga-black); color: var(--ga-text); } .lgk-ga-home { width: 100%; max-width: none; margin: 0; background: radial-gradient(1200px 480px at 10% -10%, rgba(112, 123, 95, 0.16), transparent 60%), radial-gradient(900px 400px at 95% 8%, rgba(194, 170, 130, 0.08), transparent 55%), var(--ga-black); color: var(--ga-text); } .lgk-ga-home__wrap { width: var(--ga-content); max-width: none; margin-inline: auto; } /* —— Hero full-bleed —— */ .lgk-ga-home__hero { position: relative; width: 100%; max-width: none; margin-inline: 0; min-height: clamp(480px, 78vh, 780px); display: grid; align-items: end; overflow: hidden; border-bottom: 1px solid var(--ga-border); } .lgk-ga-home__hero-media { position: absolute; inset: 0; } .lgk-ga-home__hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; display: block; transform: scale(1.02); animation: ga-hero-drift 18s ease-in-out infinite alternate; } @keyframes ga-hero-drift { from { transform: scale(1.02) translate3d(0, 0, 0); } to { transform: scale(1.06) translate3d(-1.2%, -0.6%, 0); } } .lgk-ga-home__hero-shade { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(8, 10, 11, 0.88) 0%, rgba(8, 10, 11, 0.55) 42%, rgba(8, 10, 11, 0.28) 68%, rgba(8, 10, 11, 0.72) 100%), linear-gradient(180deg, rgba(8, 10, 11, 0.2) 0%, rgba(8, 10, 11, 0.55) 48%, rgba(8, 10, 11, 0.96) 100%); pointer-events: none; } .lgk-ga-home__hero-inner { position: relative; z-index: 1; width: var(--ga-content); max-width: none; margin: 0 auto; padding: clamp(2.4rem, 6vw, 5rem) 0 clamp(2.8rem, 7vw, 4.8rem); } .lgk-ga-home__eyebrow { margin: 0 0 0.85rem; color: var(--ga-sand); font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase; opacity: 0; animation: ga-fade-up 0.7s ease 0.1s forwards; } .lgk-ga-home__brand { margin: 0 0 0.75rem; font-size: clamp(2.4rem, 7vw, 4.1rem); line-height: 0.98; letter-spacing: -0.035em; font-weight: 800; text-shadow: 0 8px 40px rgba(0, 0, 0, 0.45); opacity: 0; animation: ga-fade-up 0.75s ease 0.18s forwards; } .lgk-ga-home__lead { margin: 0 0 1.55rem; max-width: 34rem; color: var(--ga-text-secondary); font-size: clamp(1.05rem, 2.4vw, 1.28rem); line-height: 1.45; opacity: 0; animation: ga-fade-up 0.75s ease 0.28s forwards; } .lgk-ga-home__cta { display: flex; flex-wrap: wrap; gap: 0.75rem; opacity: 0; animation: ga-fade-up 0.75s ease 0.38s forwards; } @keyframes ga-fade-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } .lgk-ga-home__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0.75rem 1.25rem; border-radius: var(--ga-radius-small); border: 1px solid transparent; font-weight: 680; text-decoration: none; transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease; } .lgk-ga-home__btn--primary { background: linear-gradient(135deg, var(--ga-olive-light), var(--ga-olive)); color: #0d100e; } .lgk-ga-home__btn--primary:hover { background: linear-gradient(135deg, #a8b594, var(--ga-olive-light)); transform: translateY(-1px); } .lgk-ga-home__btn--ghost { background: rgba(8, 10, 11, 0.35); border-color: rgba(194, 170, 130, 0.35); color: var(--ga-text); backdrop-filter: blur(6px); } .lgk-ga-home__btn--ghost:hover { border-color: var(--ga-sand); color: var(--ga-sand); } /* —— Trust strip —— */ .lgk-ga-home__trust { border-bottom: 1px solid rgba(53, 64, 67, 0.7); background: rgba(17, 22, 23, 0.85); } .lgk-ga-home__trust-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem 1rem; margin: 0; padding: 1rem 0; list-style: none; } .lgk-ga-home__trust-row li { color: var(--ga-text-muted); font-size: 0.9rem; line-height: 1.35; } .lgk-ga-home__trust-row strong { display: block; color: var(--ga-sand); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 0.15rem; font-weight: 650; } @media screen and (min-width: 900px) { .lgk-ga-home__trust-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; padding: 1.15rem 0; } } /* —— Sections —— */ .lgk-ga-home__section { padding: clamp(2.6rem, 5.5vw, 4.4rem) 0; border-bottom: 1px solid rgba(53, 64, 67, 0.7); } .lgk-ga-home__section--last { border-bottom: 0; } .lgk-ga-home__section-head { margin-bottom: 1.6rem; } .lgk-ga-home__section-head--row { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem; } .lgk-ga-home__badge { margin: 0 0 0.45rem; color: var(--ga-sand); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; } .lgk-ga-home__h2 { margin: 0 0 0.5rem; font-size: clamp(1.5rem, 3.2vw, 2.1rem); letter-spacing: -0.02em; } .lgk-ga-home__section-lead { margin: 0; max-width: 40rem; color: var(--ga-text-muted); line-height: 1.5; } /* —— Category grid (visual panels) —— */ .lgk-ga-home__cat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; } @media screen and (min-width: 900px) { .lgk-ga-home__cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } } .lgk-ga-home__cat-card { position: relative; display: grid; grid-template-rows: 1fr auto; min-height: 210px; overflow: hidden; border-radius: var(--ga-radius-medium); border: 1px solid var(--ga-border); background: var(--ga-surface); color: inherit; text-decoration: none; isolation: isolate; transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .lgk-ga-home__cat-card:hover { border-color: rgba(149, 162, 130, 0.55); transform: translateY(-3px); box-shadow: var(--ga-shadow-medium); } .lgk-ga-home__cat-media { position: absolute; inset: 0; z-index: 0; } .lgk-ga-home__cat-media img { width: 100%; height: 100%; object-fit: cover; opacity: 0.55; transition: transform 0.45s ease, opacity 0.25s ease; } .lgk-ga-home__cat-card:hover .lgk-ga-home__cat-media img { transform: scale(1.06); opacity: 0.7; } .lgk-ga-home__cat-media--fallback { background: radial-gradient(circle at 30% 20%, rgba(149, 162, 130, 0.28), transparent 55%), linear-gradient(160deg, #1a2224 0%, #101516 100%); } .lgk-ga-home__cat-card--protections .lgk-ga-home__cat-media--fallback { background: radial-gradient(circle at 70% 30%, rgba(194, 170, 130, 0.22), transparent 50%), linear-gradient(160deg, #1c2320 0%, #101516 100%); } .lgk-ga-home__cat-card--equipements .lgk-ga-home__cat-media--fallback { background: radial-gradient(circle at 40% 70%, rgba(112, 123, 95, 0.35), transparent 55%), linear-gradient(160deg, #171e20 0%, #0e1314 100%); } .lgk-ga-home__cat-glow { position: absolute; inset: auto 0 0 0; height: 70%; z-index: 1; background: linear-gradient(180deg, transparent, rgba(8, 10, 11, 0.92) 58%, #080a0b 100%); pointer-events: none; } .lgk-ga-home__cat-body { position: relative; z-index: 2; display: grid; gap: 0.25rem; padding: 1.05rem 1.1rem 1.15rem; align-content: end; } .lgk-ga-home__cat-title { font-size: 1.08rem; font-weight: 750; letter-spacing: -0.01em; } .lgk-ga-home__cat-desc { color: var(--ga-text-muted); font-size: 0.88rem; line-height: 1.4; } .lgk-ga-home__cat-meta { margin-top: 0.35rem; color: var(--ga-sand); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; } /* —— Product rail —— */ .lgk-ga-home__carousel { margin-top: 0.25rem; } .lgk-ga-home__product-list { --product-list-gap: 0.85rem; } html.lgk-storefront--gotham-airsoft .lgk-ga-home .product-card { background: var(--ga-surface); border: 1px solid var(--ga-border); border-radius: var(--ga-radius-medium); overflow: hidden; } /* —— Spotlight packs —— */ .lgk-ga-home__spotlight { display: grid; gap: 1.25rem; padding: clamp(1.4rem, 3vw, 2rem); border-radius: var(--ga-radius-large); border: 1px solid var(--ga-border); background: radial-gradient(700px 280px at 0% 0%, rgba(112, 123, 95, 0.22), transparent 60%), linear-gradient(145deg, #171d1f 0%, #101516 100%); } @media screen and (min-width: 860px) { .lgk-ga-home__spotlight { grid-template-columns: 1.15fr 0.85fr; align-items: center; } } .lgk-ga-home__spotlight-copy .lgk-ga-home__section-lead { margin-bottom: 1.15rem; } .lgk-ga-home__spotlight-panel { display: grid; grid-template-columns: auto 1fr; gap: 0.55rem 0.85rem; align-items: center; padding: 1rem 1.1rem; border-radius: var(--ga-radius-medium); border: 1px solid rgba(149, 162, 130, 0.28); background: rgba(8, 10, 11, 0.35); } .lgk-ga-home__spotlight-mark { color: var(--ga-sand); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; } .lgk-ga-home__spotlight-panel p { margin: 0; color: var(--ga-text-secondary); font-size: 0.95rem; } /* —— Style of play —— */ .lgk-ga-home__style-grid { display: grid; gap: 0.85rem; grid-template-columns: 1fr; } @media screen and (min-width: 768px) { .lgk-ga-home__style-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (min-width: 1100px) { .lgk-ga-home__style-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-ga-home__style-card { display: grid; gap: 0.35rem; padding: 1.2rem 1.15rem; border-radius: var(--ga-radius-medium); border: 1px solid var(--ga-border); background: var(--ga-surface); color: inherit; text-decoration: none; transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease; } .lgk-ga-home__style-card:hover { border-color: var(--ga-olive-light); background: var(--ga-surface-elevated); transform: translateY(-2px); } .lgk-ga-home__style-kicker { color: var(--ga-sand); font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; } .lgk-ga-home__style-title { font-size: 1.05rem; font-weight: 720; } .lgk-ga-home__style-desc { color: var(--ga-text-muted); font-size: 0.9rem; line-height: 1.45; } /* —— Safety / community —— */ .lgk-ga-home__safety, .lgk-ga-home__community { padding: 1.35rem 1.4rem; border-radius: var(--ga-radius-medium); border: 1px solid var(--ga-border); background: var(--ga-surface); box-shadow: var(--ga-shadow-small); } .lgk-ga-home__safety-list { margin: 1rem 0 0; padding: 0; list-style: none; display: grid; gap: 0.55rem; } @media screen and (min-width: 800px) { .lgk-ga-home__safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lgk-ga-home__safety-list li { position: relative; padding-left: 1.1rem; color: var(--ga-text-secondary); line-height: 1.45; } .lgk-ga-home__safety-list li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--ga-olive); } .lgk-ga-home__eco { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 1rem; } .lgk-ga-home__eco a { color: var(--ga-sand); text-decoration: none; border-bottom: 1px solid transparent; } .lgk-ga-home__eco a:hover { border-bottom-color: var(--ga-sand); } /* —— Header —— */ html.lgk-storefront--gotham-airsoft .header { background: rgba(8, 10, 11, 0.92); border-bottom: 1px solid var(--ga-border); } html.lgk-storefront--gotham-airsoft .header__logo-image--ga { width: var(--header-logo-width, 150px); max-width: min(52vw, 200px); height: auto; } @media (prefers-reduced-motion: reduce) { .lgk-ga-home__hero-img, .lgk-ga-home__eyebrow, .lgk-ga-home__brand, .lgk-ga-home__lead, .lgk-ga-home__cta { animation: none !important; opacity: 1 !important; transform: none !important; } .lgk-ga-home__btn, .lgk-ga-home__cat-card, .lgk-ga-home__style-card { transition: none; } } /* Titres + prix lisibles */ html.lgk-storefront--gotham-airsoft .product-card .product-title, html.lgk-storefront--gotham-airsoft .product-card a.product-title, html.lgk-storefront--gotham-airsoft .product-card__title { color: var(--ga-text, #e8ebe6) !important; } html.lgk-storefront--gotham-airsoft .product-card .price-list, html.lgk-storefront--gotham-airsoft .product-card .price-list *, html.lgk-storefront--gotham-airsoft .product-card .text-subdued, html.lgk-storefront--gotham-airsoft .product-card sale-price, html.lgk-storefront--gotham-airsoft .product-card compare-at-price { color: var(--ga-text, #e8ebe6) !important; opacity: 1 !important; } html.lgk-storefront--gotham-airsoft .lgk-card-v2__buy { position: relative; z-index: 4; pointer-events: auto; } html.lgk-storefront--gotham-airsoft .lgk-card-v2__stock { color: var(--ga-text-muted); font-size: 0.72rem; } html.lgk-storefront--gotham-airsoft .lgk-card-v2__stock--ok { color: var(--ga-success); font-weight: 650; } html.lgk-storefront--gotham-airsoft .lgk-card-v2__cta, html.lgk-storefront--gotham-airsoft .lgk-card-v2__cta-link { display: inline-flex !important; align-items: center; justify-content: center; width: 100%; min-height: 2rem; padding: 0.4rem 0.75rem; border-radius: var(--ga-radius-small, 6px); border: 1px solid var(--ga-border); background: linear-gradient(135deg, var(--ga-olive), var(--ga-olive-dark)); color: #f3f5f3 !important; font-size: 0.78rem; font-weight: 700; text-decoration: none; cursor: pointer; appearance: none; -webkit-appearance: none; font-family: inherit; line-height: 1.2; position: relative; z-index: 5; pointer-events: auto !important; } html.lgk-storefront--gotham-airsoft .lgk-card-v2__cta:hover, html.lgk-storefront--gotham-airsoft .lgk-card-v2__cta-link:hover { background: linear-gradient(135deg, var(--ga-olive-light), var(--ga-olive)); } html.lgk-storefront--gotham-airsoft .lgk-card-v2__cta:disabled { opacity: 0.55; cursor: not-allowed; } /* ===== lgk-erotica.css ===== */ /* Erotica storefront — isolé sous html.lgk-storefront--erotica */ html.lgk-storefront--erotica body.template-index #main > .shopify-section:not(.shopify-section--footer) { display: none !important; } html.lgk-storefront--erotica .lgk-instant-gaming-affiliate, html.lgk-storefront--erotica .lgk-ig-gta6, html.lgk-storefront--erotica #lgk-gd-cross, html.lgk-storefront--erotica .lgk-gothamdev-promo, html.lgk-storefront--erotica .lgk-nl-cta:not(.lgk-erotica-home__nl) { display: none !important; } html:not(.lgk-storefront--erotica) .lgk-erotica-home, html:not(.lgk-storefront--erotica) [data-lgk-erotica-home] { display: none !important; } html.lgk-storefront--erotica { --er-bg: #0b0709; --er-surface: #161014; --er-elevated: #1f171c; --er-border: rgba(183, 110, 121, 0.22); --er-text: #f6eee8; --er-muted: #b7a8ad; --er-rose: #b76e79; --er-rose-deep: #8b3d4a; --er-gutter: clamp(1rem, 3vw, 2.25rem); color-scheme: dark; background: var(--er-bg); } html.lgk-storefront--erotica body { background: var(--er-bg) !important; color: var(--er-text); } html.lgk-storefront--erotica .lgk-topbar, html.lgk-storefront--erotica .lgk-marquee { background: #080506; border-bottom-color: var(--er-border); } html.lgk-storefront--erotica .lgk-topbar__nav a:hover { color: var(--er-rose); } .lgk-erotica-home { background: var(--er-bg, #0b0709); color: var(--er-text, #f6eee8); } .lgk-erotica-home__hero { position: relative; min-height: min(72vh, 42rem); display: grid; place-items: center; padding: 4.5rem var(--er-gutter, 1.5rem) 3rem; overflow: hidden; background: #0b0709; } .lgk-erotica-home__hero-media { position: absolute; inset: 0; } .lgk-erotica-home__hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; display: block; transform: scale(1.03); animation: er-hero-drift 20s ease-in-out infinite alternate; } @keyframes er-hero-drift { from { transform: scale(1.03) translate3d(0, 0, 0); } to { transform: scale(1.08) translate3d(-1.4%, -0.8%, 0); } } .lgk-erotica-home__hero-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 7, 9, 0.35) 0%, rgba(11, 7, 9, 0.55) 42%, rgba(11, 7, 9, 0.88) 100%), radial-gradient(900px 420px at 50% 20%, rgba(183, 110, 121, 0.18), transparent 62%); pointer-events: none; } .lgk-erotica-home__hero-inner { position: relative; z-index: 1; max-width: 42rem; text-align: center; } .lgk-erotica-home__eyebrow, .lgk-erotica-home__badge { letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.72rem; color: var(--er-rose); margin: 0 0 0.75rem; } .lgk-erotica-home__brand { font-size: clamp(2.6rem, 7vw, 4.6rem); font-weight: 500; letter-spacing: 0.08em; margin: 0 0 1rem; } .lgk-erotica-home__lead { color: var(--er-muted); font-size: 1.05rem; line-height: 1.55; margin: 0 0 1.75rem; } .lgk-erotica-home__cta, .lgk-erotica-home__more { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; } .lgk-erotica-home__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0 1.25rem; border-radius: 999px; text-decoration: none; font-weight: 600; } .lgk-erotica-home__btn--primary { background: var(--er-rose); color: #1a0a10; } .lgk-erotica-home__btn--ghost { border: 1px solid var(--er-border); color: var(--er-text); } .lgk-erotica-home__trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; list-style: none; margin: 0; padding: 1.25rem var(--er-gutter, 1.5rem); border-block: 1px solid var(--er-border); color: var(--er-muted); font-size: 0.88rem; text-align: center; } .lgk-erotica-home__cats, .lgk-erotica-home__rail { padding: 3rem var(--er-gutter, 1.5rem); } .lgk-erotica-home__cats h2, .lgk-erotica-home__rail h2 { margin: 0 0 1.5rem; font-size: 1.75rem; } .lgk-erotica-home__cat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .lgk-erotica-home__cat { display: flex; flex-direction: column; gap: 0.35rem; padding: 1.25rem 1.1rem; background: var(--er-surface); border: 1px solid var(--er-border); border-radius: 14px; text-decoration: none; color: inherit; } .lgk-erotica-home__cat span { color: var(--er-muted); font-size: 0.9rem; } .lgk-erotica-home__rail-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.75rem 1.25rem; margin-bottom: 1.25rem; } .lgk-erotica-home__rail-head a { margin-left: auto; color: var(--er-rose); } .lgk-erotica-home__products { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; list-style: none; margin: 0; padding: 0; } .lgk-erotica-home__products--collections { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lgk-erotica-home__products a { display: grid; gap: 0.4rem; color: inherit; text-decoration: none; } .lgk-erotica-home__price--muted { color: var(--er-muted) !important; font-weight: 500 !important; font-size: 0.82rem; line-height: 1.35; } .lgk-erotica-home__thumb { display: block; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 12px; background: var(--er-elevated); } .lgk-erotica-home__thumb img { width: 100%; height: 100%; object-fit: cover; } .lgk-erotica-home__more { padding: 0 var(--er-gutter, 1.5rem) 3.5rem; } .lgk-erotica-home__more a { color: var(--er-muted); text-decoration: none; border-bottom: 1px solid var(--er-border); padding-bottom: 0.1rem; } .lgk-erotica-home__logo { display: block; margin: 0 auto 0.85rem; max-width: min(280px, 70vw); height: auto; } .lgk-erotica-home__hero-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin-top: 1.35rem; } .lgk-erotica-home__hero-pills span { padding: 0.35rem 0.75rem; border-radius: 999px; border: 1px solid rgba(183, 110, 121, 0.35); background: rgba(11, 7, 9, 0.45); color: var(--er-muted); font-size: 0.78rem; letter-spacing: 0.04em; } .lgk-erotica-home__trust--rich { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; padding: 1.75rem var(--er-gutter, 1.5rem); } .lgk-erotica-home__trust--rich li { display: grid; gap: 0.25rem; justify-items: center; padding: 1rem 0.75rem; background: var(--er-surface); border: 1px solid var(--er-border); border-radius: 14px; } .lgk-erotica-home__trust--rich strong { color: var(--er-text); font-size: 0.92rem; } .lgk-erotica-home__trust-ico { font-size: 1.25rem; line-height: 1; } .lgk-erotica-home__discreet--rich { display: grid; grid-template-columns: 1.1fr 1fr; gap: 1.5rem; align-items: stretch; margin: 0 var(--er-gutter, 1.5rem); padding: 2rem 1.5rem; background: radial-gradient(700px 280px at 10% 0%, rgba(183, 110, 121, 0.16), transparent 60%), var(--er-surface); border: 1px solid var(--er-border); border-radius: 20px; } .lgk-erotica-home__discreet-copy h2 { margin: 0 0 0.75rem; font-size: clamp(1.45rem, 3vw, 2rem); } .lgk-erotica-home__discreet-copy p { color: var(--er-muted); line-height: 1.55; margin: 0 0 1.25rem; } .lgk-erotica-home__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.85rem; } .lgk-erotica-home__steps li { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 0.85rem; row-gap: 0.15rem; padding: 0.95rem 1rem; background: rgba(11, 7, 9, 0.45); border: 1px solid var(--er-border); border-radius: 14px; } .lgk-erotica-home__step-n { grid-row: 1 / span 2; align-self: center; font-size: 0.78rem; letter-spacing: 0.14em; color: var(--er-rose); font-weight: 700; } .lgk-erotica-home__steps strong { color: var(--er-text); } .lgk-erotica-home__steps span:last-child { color: var(--er-muted); font-size: 0.9rem; } .lgk-erotica-home__section-head { margin-bottom: 1.35rem; } .lgk-erotica-home__section-lead { margin: -0.6rem 0 0; color: var(--er-muted); } .lgk-erotica-home__cat-grid--media { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lgk-erotica-home__cat-grid--all { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lgk-erotica-home__cats-cta { display: flex; justify-content: center; margin-top: 1.5rem; } .lgk-erotica-home__cat--media { padding: 0; overflow: hidden; transition: border-color 0.2s ease, transform 0.2s ease; } .lgk-erotica-home__cat--media:hover { border-color: rgba(183, 110, 121, 0.55); transform: translateY(-2px); } .lgk-erotica-home__cat-media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--er-elevated); } .lgk-erotica-home__cat-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.35s ease; } .lgk-erotica-home__cat--media:hover .lgk-erotica-home__cat-media img { transform: scale(1.04); } .lgk-erotica-home__cat-body { display: grid; gap: 0.25rem; padding: 1rem 1rem 1.15rem; } .lgk-erotica-home__split--media { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 0 var(--er-gutter, 1.5rem) 2.5rem; } .lgk-erotica-home__split-card--media { position: relative; min-height: 16rem; border-radius: 18px; overflow: hidden; border: 1px solid var(--er-border); text-decoration: none; color: inherit; display: block; } .lgk-erotica-home__split-card--media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .lgk-erotica-home__split-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 7, 9, 0.15) 0%, rgba(11, 7, 9, 0.82) 100%); } .lgk-erotica-home__split-body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: grid; gap: 0.3rem; padding: 1.35rem 1.25rem; } .lgk-erotica-home__split-body strong { font-size: 1.45rem; } .lgk-erotica-home__split-body span { color: var(--er-muted); } .lgk-erotica-home__product { display: grid; gap: 0.45rem; } .lgk-erotica-home__price { color: var(--er-rose); font-weight: 600; } .lgk-erotica-home__why { padding: 1rem var(--er-gutter, 1.5rem) 3rem; } .lgk-erotica-home__why-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .lgk-erotica-home__why-grid article { padding: 1.25rem 1.15rem; background: var(--er-surface); border: 1px solid var(--er-border); border-radius: 14px; } .lgk-erotica-home__why-grid strong { display: block; margin-bottom: 0.4rem; } .lgk-erotica-home__why-grid p { margin: 0; color: var(--er-muted); line-height: 1.5; font-size: 0.95rem; } .lgk-erotica-home__finale { margin: 0 var(--er-gutter, 1.5rem) 3.5rem; padding: 2.25rem 1.5rem; text-align: center; background: radial-gradient(600px 240px at 50% 0%, rgba(183, 110, 121, 0.2), transparent 65%), var(--er-surface); border: 1px solid var(--er-border); border-radius: 20px; } .lgk-erotica-home__finale h2 { margin: 0 0 0.55rem; } .lgk-erotica-home__finale > p { color: var(--er-muted); margin: 0 0 1.35rem; } @media (max-width: 1100px) { .lgk-erotica-home__cat-grid--media, .lgk-erotica-home__cat-grid--all, .lgk-erotica-home__products--collections { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { .lgk-erotica-home__discreet--rich, .lgk-erotica-home__split--media, .lgk-erotica-home__why-grid { grid-template-columns: 1fr; } .lgk-erotica-home__trust--rich, .lgk-erotica-home__cat-grid--media, .lgk-erotica-home__cat-grid--all, .lgk-erotica-home__products, .lgk-erotica-home__products--collections { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .lgk-erotica-home__split-card--media { min-height: 13rem; } } .lgk-erotica-gate { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; padding: 1.25rem; background: rgba(6, 3, 5, 0.92); backdrop-filter: blur(10px); } .lgk-erotica-gate__panel { max-width: 28rem; padding: 2rem 1.6rem; background: #140c10; border: 1px solid rgba(183, 110, 121, 0.28); border-radius: 18px; color: #f6eee8; text-align: center; } .lgk-erotica-gate__eyebrow { letter-spacing: 0.2em; text-transform: uppercase; font-size: 0.7rem; color: #b76e79; } .lgk-erotica-gate__panel h2 { margin: 0.4rem 0 0.85rem; font-size: 1.6rem; } .lgk-erotica-gate__panel p { color: #b7a8ad; line-height: 1.5; } .lgk-erotica-gate__actions { display: grid; gap: 0.7rem; margin-top: 1.4rem; } .lgk-erotica-gate__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2.7rem; border-radius: 999px; text-decoration: none; font-weight: 600; border: 0; cursor: pointer; } .lgk-erotica-gate__btn--enter { background: #b76e79; color: #1a0a10; } .lgk-erotica-gate__btn--leave { background: transparent; color: #f6eee8; border: 1px solid rgba(246, 238, 232, 0.18); } @media (max-width: 900px) { .lgk-erotica-home__trust, .lgk-erotica-home__cat-grid, .lgk-erotica-home__products { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .lgk-erotica-home__trust { grid-template-columns: 1fr 1fr; } } @media (prefers-reduced-motion: reduce) { .lgk-erotica-home__hero-img { animation: none !important; transform: none !important; } } html.lgk-storefront--erotica { --wayne-ink: #0b0709; --wayne-cream: #f6eee8; --wayne-accent: #b76e79; --wayne-mute: rgba(246, 238, 232, 0.72); --lgk-navi-accent: #b76e79; --lgk-navi-accent-2: #8b3d4a; --text-color: 246 238 232; --color-foreground: 246 238 232; } html.lgk-storefront--erotica .lgk-topbar, html.lgk-storefront--erotica .lgk-topbar--v2 { background: #080506 !important; border-bottom: 1px solid var(--er-border); } html.lgk-storefront--erotica .lgk-topbar__nav a, html.lgk-storefront--erotica .lgk-topbar__icon { color: var(--er-text); } html.lgk-storefront--erotica .lgk-topbar__logo { max-height: 42px; width: auto; } html.lgk-storefront--erotica .lgk-navi-sister-stores, html.lgk-storefront--erotica .lgk-gd-menu-link, html.lgk-storefront--erotica a[href*="gothamdev.fr"], html.lgk-storefront--erotica a[href="/devis-pc"], html.lgk-storefront--erotica a[href="/ambassadeur"], html.lgk-storefront--erotica a[href="/blog"], html.lgk-storefront--erotica .lgk-footer__social { display: none !important; } html.lgk-storefront--erotica .lgk-wayne-home, html.lgk-storefront--erotica .lgk-erotica-catalog { --wayne-ink: #0b0709; --wayne-cream: #f6eee8; --wayne-accent: #b76e79; --wayne-mute: rgba(246, 238, 232, 0.72); background: var(--wayne-ink); color: var(--wayne-cream); } html.lgk-storefront--erotica .product-card, html.lgk-storefront--erotica .lgk-card-v2, html.lgk-storefront--erotica .collection-card { color: var(--er-text); } html.lgk-storefront--erotica .product-card__title, html.lgk-storefront--erotica .product-card__title a, html.lgk-storefront--erotica .product-card .product-title, html.lgk-storefront--erotica .lgk-card-v2 .product-title { color: var(--er-text) !important; } html.lgk-storefront--erotica .product-card .price-list, html.lgk-storefront--erotica .product-card .price-list *, html.lgk-storefront--erotica .product-card .text-subdued, html.lgk-storefront--erotica .product-card__price, html.lgk-storefront--erotica .product-card .price { color: var(--er-text) !important; opacity: 1 !important; } html.lgk-storefront--erotica .product-card__figure, html.lgk-storefront--erotica .lgk-card-v2__media { background: var(--er-elevated); border-radius: 12px; overflow: hidden; } html.lgk-storefront--erotica .lgk-card-v2__cta, html.lgk-storefront--erotica .lgk-card-v2__cta-link, html.lgk-storefront--erotica .btn--primary, html.lgk-storefront--erotica button[type="submit"].btn { background: var(--er-rose) !important; color: #1a0a10 !important; border: 0; } html.lgk-storefront--erotica .lgk-pdp, html.lgk-storefront--erotica .product, html.lgk-storefront--erotica .shopify-section--main-product { background: var(--er-bg); color: var(--er-text); } html.lgk-storefront--erotica .lgk-pdp h1, html.lgk-storefront--erotica .product__title { color: var(--er-text); } html.lgk-storefront--erotica .cart-drawer, html.lgk-storefront--erotica cart-drawer.drawer { color: var(--er-text); } html.lgk-storefront--erotica .cart-drawer::part(content) { background: #140c10 !important; border-left: 1px solid var(--er-border); } html.lgk-storefront--erotica .lgk-footer, html.lgk-storefront--erotica .footer { background: #080506; color: var(--er-text); border-top: 1px solid var(--er-border); } html.lgk-storefront--erotica .lgk-footer a, html.lgk-storefront--erotica .lgk-footer__tab { color: var(--er-muted); } html.lgk-storefront--erotica .lgk-footer a:hover, html.lgk-storefront--erotica .lgk-footer__tab[aria-selected="true"] { color: var(--er-rose); } html.lgk-storefront--erotica .lgk-store-faq, html.lgk-storefront--erotica .lgk-erotica-legal, html.lgk-storefront--erotica .prose-lgk { color: var(--er-text); } html.lgk-storefront--erotica .lgk-erotica-legal h1, html.lgk-storefront--erotica .lgk-erotica-legal h2, html.lgk-storefront--erotica .lgk-erotica-legal h3, html.lgk-storefront--erotica .lgk-store-faq__title { color: var(--er-text); } html.lgk-storefront--erotica .lgk-erotica-legal a, html.lgk-storefront--erotica .prose-lgk.lgk-erotica-legal a { color: var(--er-rose) !important; text-decoration-color: rgba(183, 110, 121, 0.55); } html.lgk-storefront--erotica .lgk-erotica-legal a:hover { color: #f6eee8 !important; } /* —— Page livraison discrète / pages légales Erotica —— */ .lgk-er-legal-page .lgk-erotica-legal { max-width: 48rem; margin-inline: auto; } .lgk-er-legal__hero { margin: 0 0 2.25rem; padding: 1.75rem 1.5rem 1.85rem; border: 1px solid var(--er-border, rgba(183, 110, 121, 0.22)); border-radius: 1.15rem; background: radial-gradient(120% 90% at 0% 0%, rgba(183, 110, 121, 0.18), transparent 55%), linear-gradient(165deg, #1a1216 0%, #0b0709 100%); } .lgk-er-legal__eyebrow { margin: 0 0 0.55rem; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--er-rose, #b76e79); } .lgk-er-legal__hero h1 { margin: 0 0 0.75rem; font-size: clamp(1.65rem, 4vw, 2.15rem); line-height: 1.15; border: 0; padding: 0; } .lgk-er-legal__lead { margin: 0; font-size: 1.05rem; line-height: 1.55; color: var(--er-muted, #b7a8ad); } .lgk-er-legal__pills { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 1.15rem 0 0; padding: 0; list-style: none; } .lgk-er-legal__pills li { display: inline-flex; align-items: center; min-height: 1.85rem; padding: 0.28rem 0.75rem; border-radius: 999px; border: 1px solid rgba(183, 110, 121, 0.35); background: rgba(183, 110, 121, 0.12); color: #f6eee8; font-size: 0.78rem; font-weight: 650; } .lgk-er-legal__section { margin: 0 0 2rem; padding-top: 0.35rem; } .lgk-er-legal__section h2 { margin: 0 0 1rem; font-size: 1.2rem; border-bottom: 1px solid rgba(183, 110, 121, 0.22); padding-bottom: 0.55rem; } .lgk-er-legal__cards { display: grid; grid-template-columns: 1fr; gap: 0.85rem; } @media (min-width: 720px) { .lgk-er-legal__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lgk-er-legal__card { display: flex; flex-direction: column; gap: 0.45rem; padding: 1.1rem 1.05rem 1.2rem; border-radius: 0.95rem; border: 1px solid rgba(183, 110, 121, 0.28); background: linear-gradient(165deg, #161014 0%, #100c0e 100%); box-shadow: inset 3px 0 0 0 #8b3d4a; } .lgk-er-legal__ico { font-size: 1.35rem; line-height: 1; } .lgk-er-legal__card h3 { margin: 0; font-size: 0.98rem; font-weight: 750; color: #f6eee8; } .lgk-er-legal__card p { margin: 0; font-size: 0.9rem; line-height: 1.45; color: var(--er-muted, #b7a8ad); } .lgk-er-legal__steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.75rem; counter-reset: er-step; } .lgk-er-legal__steps li { position: relative; display: grid; gap: 0.25rem; padding: 1rem 1rem 1.05rem 3.35rem; border-radius: 0.9rem; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); counter-increment: er-step; } .lgk-er-legal__steps li::before { content: counter(er-step); position: absolute; left: 0.95rem; top: 1rem; width: 1.7rem; height: 1.7rem; display: grid; place-items: center; border-radius: 999px; background: #8b3d4a; color: #f6eee8; font-size: 0.82rem; font-weight: 800; } .lgk-er-legal__steps strong { color: #f6eee8; font-size: 0.95rem; } .lgk-er-legal__steps span { color: var(--er-muted, #b7a8ad); font-size: 0.9rem; line-height: 1.45; } .lgk-er-legal__callout, .lgk-er-legal__note { padding: 1.1rem 1.15rem; border-radius: 0.95rem; border: 1px solid rgba(183, 110, 121, 0.28); background: rgba(183, 110, 121, 0.08); } .lgk-er-legal__callout p, .lgk-er-legal__note p { margin: 0; color: var(--er-muted, #b7a8ad); line-height: 1.5; } .lgk-er-legal__callout p + p, .lgk-er-legal__note p + p { margin-top: 0.65rem; } .lgk-er-legal__callout strong, .lgk-er-legal__note strong { color: #f6eee8; } .lgk-er-legal__cta { display: flex; flex-wrap: wrap; gap: 0.65rem; margin: 2rem 0 0.5rem; padding-top: 1.25rem; border-top: 1px solid rgba(183, 110, 121, 0.2); } .lgk-er-legal__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0.55rem 1.15rem; border-radius: 999px; font-size: 0.9rem; font-weight: 700; text-decoration: none !important; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .lgk-er-legal__btn--primary { background: #b76e79 !important; color: #1a0a10 !important; border: 1px solid transparent; } .lgk-er-legal__btn--primary:hover { background: #c87d88 !important; color: #1a0a10 !important; } .lgk-er-legal__btn--ghost { background: transparent !important; color: #f6eee8 !important; border: 1px solid rgba(183, 110, 121, 0.4); } .lgk-er-legal__btn--ghost:hover { border-color: rgba(183, 110, 121, 0.75); color: #fff !important; } html.lgk-storefront--erotica .lgk-navi-slide--erotica .lgk-navi-slide__drawer { background: #140c10; color: var(--er-text); } .lgk-erotica-home__logo { width: min(280px, 70vw); height: auto; margin: 0 auto 0.35rem; display: block; } .lgk-erotica-home__discreet, .lgk-erotica-home__finale { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem; margin: 0 var(--er-gutter, 1.5rem); padding: 1.75rem 1.5rem; border: 1px solid var(--er-border); border-radius: 16px; background: var(--er-surface); } .lgk-erotica-home__discreet h2, .lgk-erotica-home__finale h2 { margin: 0 0 0.4rem; } .lgk-erotica-home__discreet p, .lgk-erotica-home__finale p { margin: 0; color: var(--er-muted); max-width: 38rem; } .lgk-erotica-home__split { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 0 var(--er-gutter, 1.5rem) 2.5rem; } .lgk-erotica-home__split-card { display: grid; gap: 0.35rem; padding: 1.6rem 1.25rem; border-radius: 16px; border: 1px solid var(--er-border); background: radial-gradient(800px 180px at 20% 0%, rgba(183, 110, 121, 0.18), transparent 60%), var(--er-elevated); color: inherit; text-decoration: none; } .lgk-erotica-home__split-card span { color: var(--er-muted); } .lgk-erotica-home__finale { margin-bottom: 3rem; } button.lgk-erotica-home__nl { cursor: pointer; font: inherit; } @media (max-width: 700px) { .lgk-erotica-home__split { grid-template-columns: 1fr; } } /* Filtres collection — pastilles actives lisibles (accent rose sombre ≠ orange clair) */ html.lgk-storefront--erotica .lgk-colp, html.lgk-storefront--erotica .lgk-cf, html.lgk-storefront--erotica .lgk-colp .lgk-cf { --lgk-colp-accent: #b76e79; --lgk-cf-accent: #b76e79; --lgk-cf-accent-soft: rgba(183, 110, 121, 0.22); } html.lgk-storefront--erotica .lgk-cf__chip.is-active, html.lgk-storefront--erotica .lgk-colp .lgk-cf__chip.is-active, html.lgk-storefront--erotica .lgk-cf .lgk-facet-browse__chip.is-active, html.lgk-storefront--erotica a.lgk-cf__chip.is-active { color: #fff !important; background: #8b3d4a !important; border-color: rgba(246, 238, 232, 0.35) !important; text-shadow: none !important; box-shadow: 0 0 0 1px rgba(183, 110, 121, 0.55), 0 6px 16px rgba(139, 61, 74, 0.35); } html.lgk-storefront--erotica .lgk-cf__chip.is-active .lgk-cf__chip-label, html.lgk-storefront--erotica .lgk-cf__chip.is-active .lgk-cf__chip-count, html.lgk-storefront--erotica .lgk-cf__chip.is-active .lgk-cf__chip-x, html.lgk-storefront--erotica .lgk-colp .lgk-cf__chip.is-active * { color: #fff !important; opacity: 1; } html.lgk-storefront--erotica .lgk-cf__active-chip { border-color: rgba(183, 110, 121, 0.55); background: rgba(183, 110, 121, 0.22); color: #f6eee8; } html.lgk-storefront--erotica .lgk-colp-subs__chip.is-active { color: #f6eee8 !important; border-color: rgba(183, 110, 121, 0.65); background: rgba(139, 61, 74, 0.55); } html.lgk-storefront--erotica .lgk-colp-subs__chip.is-active span { color: rgba(246, 238, 232, 0.85) !important; } html.lgk-storefront--erotica .lgk-colp-pager__page.is-current { color: #f6eee8 !important; background: #8b3d4a; } /* Cartes collections — plus de teal LGK */ html.lgk-storefront--erotica .lgk-collection-card { border-color: rgba(183, 110, 121, 0.28); background: linear-gradient(165deg, #161014 0%, #0b0709 100%); } html.lgk-storefront--erotica .lgk-collection-card:hover { border-color: rgba(183, 110, 121, 0.65); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(183, 110, 121, 0.2); } html.lgk-storefront--erotica .lgk-collection-card__media--fallback { background: radial-gradient(ellipse at 30% 20%, rgba(183, 110, 121, 0.22), transparent 55%), linear-gradient(160deg, #1f171c, #0b0709); } html.lgk-storefront--erotica .lgk-collections-page__section-head a.lgk-wayne-home__link { color: var(--er-rose); } /* ===== lgk-home-extra.css ===== */ /* Sections accueil LGK fid?les au th?me */ .lgk-home-cta { padding: 1.25rem 0 0.5rem; border-block: 1px solid rgba(255, 255, 255, 0.08); background: rgba(8, 10, 14, 0.92); } .lgk-home-cta__inner { display: grid; gap: 1rem; } .lgk-home-cta__nl { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.85rem 1rem; padding: 1rem 1.15rem; border-radius: 16px; border: 1px solid rgba(0, 212, 170, 0.35); background: radial-gradient(ellipse 80% 120% at 0% 50%, rgba(0, 212, 170, 0.16), transparent 55%), rgba(15, 23, 42, 0.75); text-decoration: none; color: inherit; } .lgk-home-cta__nl-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 3.25rem; padding: 0.45rem 0.55rem; border-radius: 10px; font-size: 0.78rem; font-weight: 800; color: #042f2e; background: linear-gradient(135deg, #00d4aa, #5eead4); } .lgk-home-cta__nl-title { margin: 0; font-weight: 700; color: #fff; } .lgk-home-cta__nl-text { margin: 0.2rem 0 0; font-size: 0.88rem; color: rgba(226, 232, 240, 0.78); } .lgk-home-cta__nl-action { font-size: 0.85rem; font-weight: 700; color: #5eead4; white-space: nowrap; } @media (max-width: 799px) { .lgk-home-cta__nl { grid-template-columns: auto 1fr; } .lgk-home-cta__nl-action { grid-column: 1 / -1; justify-self: start; } } .lgk-home-cta__trust { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; grid-template-columns: 1fr; } @media (min-width: 700px) { .lgk-home-cta__trust { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1100px) { .lgk-home-cta__trust { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-home-cta__trust li { display: flex; align-items: center; gap: 0.55rem; min-height: 3rem; padding: 0.65rem 0.85rem; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); font-size: 0.86rem; color: rgba(226, 232, 240, 0.88); } /* Hero side panels (lgk-hero-shop) sous le slideshow */ .lgk-hero-slideshow { position: relative; } @media (min-width: 1000px) { .lgk-hero-slideshow { display: grid; grid-template-columns: 1fr 16rem; min-height: min(78vh, 44rem); } .lgk-hero-slideshow .lgk-hero-v2__media, .lgk-hero-slideshow .lgk-hero-v2__content { grid-column: 1; } .lgk-hero-slideshow .lgk-hero-v2__content { position: relative; z-index: 2; } .lgk-hero-slideshow .lgk-hero-shop__sides { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 0.65rem; padding: 1rem 1rem 1rem 0; z-index: 3; } } .lgk-hero-shop__sides { display: none; } .lgk-hero-shop__side { position: relative; flex: 1; min-height: 8.5rem; overflow: hidden; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.14); text-decoration: none; } .lgk-hero-shop__side img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(0.55); transition: transform 0.35s ease, filter 0.35s ease; } .lgk-hero-shop__side:hover img { transform: scale(1.05); filter: brightness(0.7); } .lgk-hero-shop__side-label { position: absolute; left: 0.85rem; bottom: 0.85rem; right: 0.85rem; font-size: 0.9rem; font-weight: 700; color: #fff; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55); } .lgk-hero-shop__secondary { margin: 0.85rem 0 0; font-size: 0.9rem; } .lgk-hero-shop__secondary a { color: rgba(147, 197, 253, 0.95); text-decoration: underline; text-underline-offset: 3px; } /* Rails collections (gotham-featured-collections) */ .lgk-featured-rail { padding: clamp(1.75rem, 4vw, 2.75rem) 0; border-top: 1px solid rgba(255, 255, 255, 0.06); } .lgk-featured-rail__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.15rem; } .lgk-featured-rail__eyebrow { margin: 0 0 0.35rem; font-size: 0.78rem; color: rgba(148, 163, 184, 0.95); } .lgk-featured-rail__title { margin: 0; font-size: clamp(1.35rem, 3vw, 1.85rem); font-weight: 750; letter-spacing: -0.02em; color: #fff; } .lgk-featured-rail__link { font-size: 0.86rem; color: #7dd3fc; white-space: nowrap; } .lgk-featured-rail__track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(10.5rem, 14rem); gap: 0.85rem; overflow-x: auto; padding-bottom: 0.35rem; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .lgk-featured-rail__card { scroll-snap-align: start; display: flex; flex-direction: column; gap: 0.55rem; text-decoration: none; color: inherit; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(17, 21, 31, 0.9); overflow: hidden; transition: border-color 0.2s ease, transform 0.2s ease; } .lgk-featured-rail__card:hover { border-color: rgba(59, 130, 246, 0.45); transform: translateY(-2px); } .lgk-featured-rail__media { position: relative; aspect-ratio: 1; background: #0b0d12; } .lgk-featured-rail__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .lgk-featured-rail__badge { position: absolute; top: 0.55rem; left: 0.55rem; padding: 0.2rem 0.45rem; border-radius: 999px; font-size: 0.65rem; font-weight: 700; background: rgba(37, 99, 235, 0.9); color: #fff; } .lgk-featured-rail__meta { padding: 0 0.7rem 0.8rem; } .lgk-featured-rail__name { margin: 0; font-size: 0.82rem; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lgk-featured-rail__price { margin: 0.35rem 0 0; font-size: 0.92rem; font-weight: 700; color: #93c5fd; } /* SEO */ .lgk-home-seo { border-top: 1px solid rgba(255, 255, 255, 0.08); background: rgba(7, 9, 13, 0.85); } .lgk-home-seo__title { margin: 0 0 1.25rem; font-size: clamp(1.35rem, 3vw, 1.8rem); font-weight: 750; color: #fff; } .lgk-home-seo__grid { display: grid; gap: 0.85rem; } @media (min-width: 800px) { .lgk-home-seo__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lgk-home-seo__grid article { padding: 1.1rem 1.15rem; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); } .lgk-home-seo__grid h3 { margin: 0 0 0.45rem; font-size: 1.02rem; color: #fff; } .lgk-home-seo__grid p { margin: 0; font-size: 0.9rem; color: rgba(148, 163, 184, 0.95); line-height: 1.55; } .lgk-home-seo__grid a { display: inline-block; margin-top: 0.65rem; color: #7dd3fc; font-size: 0.88rem; } /* GothamDev bar */ .lgk-gd-home-bar { padding: 1.25rem 0 2rem; } .lgk-gd-home-bar__shell { padding-inline: 0; } .lgk-gd-promo--inline { padding: 1.1rem 1.25rem; border-radius: 18px; border: 1px solid rgba(129, 140, 248, 0.35); background: radial-gradient(ellipse 70% 120% at 0% 0%, rgba(99, 102, 241, 0.28), transparent 55%), radial-gradient(ellipse 50% 80% at 100% 100%, rgba(0, 212, 170, 0.12), transparent 50%), #101525; } @media (max-width: 899px) { .lgk-gd-promo { grid-template-columns: auto 1fr !important; } .lgk-gd-promo__cta { grid-column: 1 / -1; justify-self: stretch; text-align: center; } } .link-faded { color: rgba(148, 163, 184, 0.95); font-size: 0.92rem; } .link-faded:hover { color: #e2e8f0; } /* ??? Chrome sticky (marquee + topbar) ? classes d?di?es, hors Impact grid ??? */ .lgk-site-chrome { --lgk-marquee-h: 28px; --lgk-topbar-h: 64px; position: sticky !important; top: 0 !important; z-index: 100050 !important; background: #000 !important; isolation: isolate; width: 100%; margin: 0 !important; transform: none !important; } .lgk-marquee { height: var(--lgk-marquee-h); overflow: hidden; background: #000; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; border-bottom: 1px solid rgba(255, 255, 255, 0.12); display: flex; align-items: center; } .lgk-marquee__inner { display: flex; width: max-content; min-width: 200%; animation: lgk-marquee-scroll 33s linear infinite; } .lgk-marquee__row { display: inline-flex; align-items: center; gap: 3.6rem; padding: 0 2.2rem; flex: 0 0 auto; white-space: nowrap; } @keyframes lgk-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } .lgk-topbar:not(.lgk-topbar--v2) { display: grid !important; grid-template-columns: minmax(72px, 1fr) auto minmax(72px, 1fr) !important; align-items: center !important; gap: 0.5rem !important; min-height: var(--lgk-topbar-h) !important; padding: 0.65rem clamp(0.75rem, 2.5vw, 1.5rem) !important; background: #000 !important; color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; margin: 0 !important; box-shadow: none !important; position: relative !important; z-index: 1 !important; overflow: visible !important; width: 100% !important; box-sizing: border-box !important; } .lgk-topbar__slot { display: flex !important; align-items: center !important; min-width: 0; } .lgk-topbar__slot--left { justify-content: flex-start !important; } .lgk-topbar__slot--center { justify-content: center !important; gap: 0.75rem !important; flex-wrap: nowrap !important; } .lgk-topbar__search { display: none !important; align-items: center !important; gap: 0.35rem !important; min-width: 0; max-width: min(420px, 42vw); flex: 1 1 auto; } @media (min-width: 768px) { .lgk-topbar__search { /* Search field only from nav-desktop breakpoint ? see lgk-responsive.css */ display: none !important; } .lgk-topbar__icon--search-mobile { display: inline-flex !important; } } .lgk-topbar__search-input { width: 100% !important; min-width: 140px !important; height: 2.35rem !important; border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; background: rgba(255, 255, 255, 0.06) !important; color: #fff !important; padding: 0 0.9rem !important; font-size: 0.875rem !important; } .lgk-topbar__search-input::placeholder { color: rgba(255, 255, 255, 0.45) !important; } .lgk-topbar__search-input:focus { outline: none !important; border-color: rgba(0, 212, 170, 0.55) !important; background: rgba(255, 255, 255, 0.09) !important; } .lgk-topbar__search-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 2.35rem !important; height: 2.35rem !important; min-width: 2.35rem !important; border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; background: rgba(255, 255, 255, 0.08) !important; color: #fff !important; cursor: pointer !important; padding: 0 !important; } .lgk-topbar__search-btn:hover { border-color: rgba(0, 212, 170, 0.5) !important; background: rgba(0, 212, 170, 0.15) !important; } .lgk-topbar__slot--right { justify-content: flex-end !important; gap: 0.2rem !important; } .lgk-topbar__brand { display: inline-flex !important; line-height: 0; } .lgk-topbar__logo { width: clamp(88px, 18vw, 132px) !important; height: auto !important; max-height: 44px !important; object-fit: contain !important; display: block !important; position: static !important; opacity: 1 !important; } .lgk-header-menu-btn, .lgk-topbar__icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 2.6rem !important; height: 2.6rem !important; min-width: 2.6rem !important; min-height: 2.6rem !important; padding: 0 !important; border-radius: 0.55rem !important; color: #fff !important; background: transparent !important; border: 1px solid transparent !important; cursor: pointer; text-decoration: none !important; position: relative; } .lgk-header-menu-btn { border-color: rgba(255, 255, 255, 0.45) !important; background: rgba(255, 255, 255, 0.08) !important; } .lgk-header-menu-btn:hover, .lgk-topbar__icon:hover { border-color: rgba(255, 255, 255, 0.55) !important; background: rgba(255, 255, 255, 0.1) !important; } .lgk-topbar__admin { color: #fff !important; font-size: 0.75rem !important; font-weight: 700 !important; padding: 0.35rem 0.55rem !important; } .lgk-topbar__cart { position: relative !important; } .lgk-topbar__count { position: absolute !important; top: 0.1rem !important; right: 0.1rem !important; min-width: 1.05rem !important; height: 1.05rem !important; border-radius: 999px !important; background: #fff !important; color: #000 !important; font-size: 0.62rem !important; font-weight: 800 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 0.2rem !important; line-height: 1 !important; } /* Drawer portail ? au-dessus de tout, hors flux header */ .lgk-navi-drawer { position: fixed !important; inset: 0 !important; z-index: 2147483000 !important; pointer-events: auto !important; } .lgk-navi-drawer__backdrop { position: absolute !important; inset: 0 !important; border: 0 !important; background: rgba(0, 0, 0, 0.72) !important; cursor: pointer; } .lgk-navi-drawer__panel { position: absolute !important; inset-block: 0 !important; inset-inline-start: 0 !important; width: min(22rem, 92vw) !important; max-width: 92vw !important; background: #0a0a0a !important; color: #fff !important; border-right: 1px solid rgba(255, 255, 255, 0.12) !important; padding: 1.15rem 1.15rem 2rem !important; overflow: auto !important; box-shadow: 8px 0 32px rgba(0, 0, 0, 0.55); animation: lgk-drawer-in 0.22s ease; } @keyframes lgk-drawer-in { from { transform: translateX(-14px); opacity: 0.55; } to { transform: none; opacity: 1; } } .lgk-navi-drawer__head { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 1rem !important; } .lgk-navi-drawer__close { background: transparent !important; border: 0 !important; color: #fff !important; font-size: 1.35rem !important; cursor: pointer; width: 2.4rem !important; height: 2.4rem !important; border-radius: 0.45rem !important; } .lgk-navi-drawer__close:hover { background: rgba(255, 255, 255, 0.1) !important; } .lgk-navi-drawer__list { display: grid !important; gap: 0.1rem !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .lgk-navi-drawer__list a { display: block !important; padding: 0.7rem 0.25rem !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; font-weight: 650 !important; font-size: 0.95rem !important; color: #fff !important; } /* Neutralise le pull-up transparent Impact sur tout le storefront LGK */ html.lgk-storefront--legeekshop .header, html.lgk-storefront--legeekshop .shopify-section--header, html.lgk-storefront--legeekshop .lgk-site-chrome { margin-block-end: 0 !important; transform: none !important; } html.lgk-storefront--legeekshop #main { position: relative; z-index: 0; margin-top: 0 !important; } /* ??? Slideshow live-like ??? */ .shopify-section--slideshow { position: relative; background: #000; } .slideshow { position: relative; overflow: hidden; } .slideshow__slide { min-height: min(78vh, 42rem); } .content-over-media { position: relative; display: grid; min-height: inherit; } .content-over-media > picture, .content-over-media > img { position: absolute; inset: 0; width: 100%; height: 100%; } .content-over-media > picture img, .content-over-media > img { width: 100%; height: 100%; object-fit: cover; display: block; } .content-over-media::after { content: ""; position: absolute; inset: 0; background: var(--content-over-media-gradient-overlay, linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.55))); pointer-events: none; } .slideshow__slide-content { position: relative; z-index: 2; align-self: center; justify-self: center; width: min(100% - 2rem, var(--content-over-media-content-max-width, 1200px)); padding: 2rem 1rem; } .lgk-slideshow-cta { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; } .lgk-slideshow-cta .button { display: inline-flex; align-items: center; justify-content: center; font-size: 1.05rem !important; font-weight: 800 !important; letter-spacing: .03em; text-transform: uppercase; padding: 1rem 1.75rem !important; min-height: 3.4rem; border-radius: 999px; box-shadow: 0 10px 32px rgba(0,0,0,.55), 0 0 0 2px rgba(255,255,255,.15); border: 0; } @media (min-width: 700px) { .lgk-slideshow-cta .button { font-size: 1.2rem !important; padding: 1.15rem 2.1rem !important; min-height: 3.75rem; } } .lgk-slideshow-dots { position: absolute; left: 50%; bottom: 1rem; transform: translateX(-50%); display: flex; gap: 0.45rem; z-index: 3; } .lgk-slideshow-dots button { width: 0.55rem; height: 0.55rem; border: 0; border-radius: 999px; background: rgba(255,255,255,0.35); cursor: pointer; padding: 0; } .lgk-slideshow-dots button.is-active { width: 1.4rem; background: #fff; } /* Footer trust ? bandeau compact */ .lgk-footer__trust { padding-block: 0.4rem !important; margin-bottom: 0.65rem !important; } .lgk-footer__trust-list { display: grid; gap: 0.35rem 0.75rem; grid-template-columns: repeat(2, minmax(0,1fr)); list-style: none; margin: 0 !important; padding: 0 !important; } @media (min-width: 900px) { .lgk-footer__trust-list { grid-template-columns: repeat(4, minmax(0,1fr)); } } .lgk-footer__trust-item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.75rem; line-height: 1.2; color: rgba(255,255,255,0.8); } .lgk-footer__trust-ico { width: 1.5rem !important; height: 1.5rem !important; border-radius: 8px !important; font-size: 0.8rem !important; } /* Footer full-bleed ? ?viter Tailwind .container (max-width breakpoints) */ .lgk-footer, .lgk-footer.footer { width: 100%; max-width: none; box-sizing: border-box; } .lgk-footer__shell { width: 100%; max-width: none; margin-inline: 0; padding-inline: clamp(1rem, 2.5vw, 2.5rem); box-sizing: border-box; } .lgk-footer .footer__inner, .lgk-footer__body, .lgk-footer__body--tabs, .lgk-footer__tabs { width: 100%; max-width: none; } @media screen and (min-width: 1000px) { .lgk-footer__body--tabs { grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr); column-gap: clamp(1.5rem, 3vw, 3rem); } } /* Sections home / listing : plus de colonne boxed 1280?1400px */ .lgk-hero-shop, .lgk-v2-shell, .lgk-home-seo__shell, .lgk-gd-home-bar__shell, .lgk-home-pills__inner, .lgk-home-collections-hub__shell, .lgk-uh, .lgk-ig-strip__inner, .lgk-trust-strip__grid { width: 100% !important; max-width: none !important; margin-inline: 0 !important; } .lgk-topbar, .lgk-site-chrome { width: 100%; max-width: none; } /* Ne pas ?craser le layout Shopify tabs (.lgk-footer__body--tabs) ? styles dans lgk-footer.css */ .lgk-footer__body:not(.lgk-footer__body--tabs) { display: grid; gap: 1.5rem; padding-bottom: 1.5rem; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1.5rem; } @media (min-width: 900px) { .lgk-footer__body:not(.lgk-footer__body--tabs) { grid-template-columns: 1.4fr 1fr 1fr 1fr; } } /* Logo / pay / social : styles canoniques dans lgk-footer-v2.css */ .lgk-footer__blurb { color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5; } .lgk-footer__links { display: grid; gap: 0.4rem; margin-top: 0.55rem; } .lgk-footer__links a { color: rgba(255,255,255,0.7); font-size: 0.9rem; } .lgk-footer__links a:hover { color: #fff; } .lgk-footer__bottom { border-top: 1px solid rgba(255,255,255,0.1); padding: 1rem 0 1.5rem; font-size: 0.75rem; color: rgba(255,255,255,0.45); text-align: center; } .lgk-footer .h6 { margin: 0; font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; } /* ??? Product list carousel (div fallback sans web-components Impact) ??? */ .product-list { display: grid; gap: calc(var(--product-list-default-column-gap, 1.25rem) * var(--product-list-horizontal-spacing-factor, 1)); grid-auto-flow: column; grid-auto-columns: minmax(0, var(--product-list-card-width, min(280px, 70%))); overflow-x: auto; scroll-snap-type: x mandatory; padding-block: 0.25rem 0.75rem; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .product-list--carousel { --product-list-card-width: min(280px, 68%); } @media (min-width: 700px) { .product-list--carousel { --product-list-card-width: calc((100% - (var(--product-list-items-per-row, 4) - 1) * 1.25rem) / var(--product-list-items-per-row, 4)); grid-auto-columns: minmax(0, var(--product-list-card-width)); } } .product-card { scroll-snap-align: start; min-width: 0; } .product-card__figure { position: relative; } .product-card__media { display: block; aspect-ratio: 1; overflow: hidden; background: #111; } .product-card__image { width: 100%; height: 100%; object-fit: contain; display: block; } .product-card__info { padding: 0.85rem 0.35rem 0.25rem; text-align: center; } .badge-list { position: absolute; inset-block-start: .35rem; inset-inline-start: .35rem; z-index: 1; display: flex; gap: .25rem; } .badge { display: inline-flex; padding: .25rem .45rem; font-size: .68rem; font-weight: 700; text-transform: uppercase; background: #e11d48; color: #fff; border-radius: .35rem; } .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--line-clamp-count, 2); overflow: hidden; } .h2 { font-size: var(--text-h2, 1.5rem); font-family: var(--heading-font-family); font-weight: 700; letter-spacing: -0.02em; margin: 0; } .h4 { font-size: var(--text-h4, 1.05rem); font-family: var(--heading-font-family); font-weight: 650; margin: 0; } .h6 { font-size: var(--text-h6, .75rem); letter-spacing: .06em; text-transform: uppercase; margin: 0; color: rgba(255,255,255,.72); } .text-center { text-align: center; } .text-subdued { color: rgba(255,255,255,.65); } .justify-items-center { justify-items: center; } .gap-1 { gap: .25rem; } .gap-2 { gap: .5rem; } .gap-4 { gap: 1rem; } .sm\:gap-5 { gap: 1.25rem; } .bordered-section { border-block-start: 1px solid rgb(var(--border-color, 38 38 38)); } .link { text-decoration: underline; text-underline-offset: 3px; font-weight: 600; } .scroll-area { overflow-x: auto; } .bleed { margin-inline: calc(-1 * var(--container-gutter, 1.25rem)); padding-inline: var(--container-gutter, 1.25rem); } @media (min-width: 1000px) { .md\:unbleed { margin-inline: 0; padding-inline: 0; } } /* Newsletter banner */ .lgk-nl-banner { display: block; overflow: hidden; border-radius: 0.75rem; border: 1px solid rgba(255,255,255,0.12); } .lgk-nl-banner img { width: 100%; height: auto; display: block; object-fit: cover; } /* Emp?che le header Impact de se coller / chevaucher le contenu */ html.lgk-storefront--legeekshop .header, html.lgk-storefront--legeekshop #shopify-section-header .header { margin-block-end: 0 !important; } html.lgk-storefront--legeekshop .lgk-site-chrome + #main, html.lgk-storefront--legeekshop #main { position: relative; z-index: 0; } /* ========== POLISH GLOBAL LGK ========== */ /* Slideshow */ .lgk-slideshow { position: relative; } .lgk-slideshow .slideshow__slide { min-height: min(72vh, 40rem); } @media (max-width: 699px) { .lgk-slideshow .slideshow__slide { min-height: min(78vh, 34rem); } } .lgk-slideshow .content-over-media > picture img { animation: lgk-slide-fade 0.55s ease; } @keyframes lgk-slide-fade { from { opacity: 0.55; transform: scale(1.02); } to { opacity: 1; transform: none; } } .lgk-slide-btn { background: #fff !important; color: #000 !important; } .lgk-slide-btn--orange { background: #f97316 !important; color: #000 !important; } .lgk-slideshow-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; width: 2.6rem; height: 2.6rem; border-radius: 999px; border: 1px solid rgba(255,255,255,0.35); background: rgba(0,0,0,0.45); color: #fff; font-size: 1.6rem; line-height: 1; cursor: pointer; display: grid; place-items: center; backdrop-filter: blur(6px); transition: background 160ms ease, border-color 160ms ease; } .lgk-slideshow-arrow:hover { background: rgba(0,0,0,0.7); border-color: #fff; } .lgk-slideshow-arrow--prev { left: 0.75rem; } .lgk-slideshow-arrow--next { right: 0.75rem; } @media (max-width: 699px) { .lgk-slideshow-arrow { display: none; } } /* Quick pills */ .lgk-home-pills { background: #000; border-block: 1px solid rgba(255,255,255,0.1); padding-block: 0.85rem; } .lgk-home-pills__inner { display: flex; align-items: center; gap: 0.85rem; overflow: hidden; } .lgk-home-pills__label { margin: 0; flex: 0 0 auto; font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 700; } .lgk-home-pills__track { display: flex; gap: 0.45rem; overflow-x: auto; scrollbar-width: none; padding-block: 0.15rem; } .lgk-home-pills__track::-webkit-scrollbar { display: none; } .lgk-home-pills__pill { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 0.45rem 0.85rem; border-radius: 999px; border: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.04); font-size: 0.82rem; font-weight: 650; white-space: nowrap; transition: border-color 160ms ease, background 160ms ease; } .lgk-home-pills__pill:hover { border-color: rgba(255,255,255,0.55); background: rgba(255,255,255,0.1); } .lgk-home-pills__pill--accent { background: #fff; color: #000; border-color: #fff; } .lgk-home-pills__pill--accent:hover { background: #f3f3f3; } /* Trust strip */ .lgk-trust-strip { background: #050505; border-bottom: 1px solid rgba(255,255,255,0.08); padding-block: 1.25rem; } .lgk-trust-strip__grid { display: grid; gap: 0.85rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 900px) { .lgk-trust-strip__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; } } .lgk-trust-strip__item h3 { margin: 0 0 0.25rem; font-size: 0.92rem; font-weight: 700; } .lgk-trust-strip__item p { margin: 0; font-size: 0.8rem; color: rgba(255,255,255,0.6); line-height: 1.4; } /* Product card polish */ .product-card.lgk-card-v2 { background: #0c0f14; border: 1px solid rgba(148, 163, 184, 0.14); border-radius: 0.9rem; overflow: hidden; transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; } .product-card.lgk-card-v2:hover { border-color: rgba(45, 212, 191, 0.45); transform: translateY(-3px); box-shadow: 0 14px 32px rgba(0, 0, 0, 0.5); } .product-card .product-card__media { background: linear-gradient(180deg, #151a22 0%, #0a0c10 100%); } .product-card:hover .product-card__image { transform: scale(1.04); } .product-card__image { transition: transform 360ms ease; } .lgk-card-v2__cta-link { position: absolute; inset-inline-end: 0.5rem; inset-block-end: 0.5rem; z-index: 2; opacity: 0; transform: translateY(6px); transition: opacity 180ms ease, transform 180ms ease; background: #fff; color: #000; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; padding: 0.45rem 0.7rem; border-radius: 999px; } .product-card:hover .lgk-card-v2__cta-link { opacity: 1; transform: none; } @media (max-width: 699px) { .lgk-card-v2__cta-link { display: none; } } .product-card .product-title { color: #f8fafc !important; font-weight: 750; } .product-card .sale-price, .product-card .price-list { color: #e2e8f0 !important; font-weight: 700; font-size: 0.98rem; } /* Featured section breathing room */ .shopify-section--featured-collections .section-spacing { padding-block: clamp(2rem, 4vw, 3.25rem); } .shopify-section--featured-collections .h2 { margin-top: 0.35rem; } /* Instant Gaming strip */ .lgk-ig-strip { background: linear-gradient(135deg, #0b1220 0%, #111827 50%, #0a0a0a 100%); border-block: 1px solid rgba(255,255,255,0.1); } .lgk-ig-strip__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem; } .lgk-ig-strip__eyebrow { margin: 0 0 0.35rem; font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: #f97316; font-weight: 700; } .lgk-ig-strip__title { margin: 0 0 0.4rem; } .lgk-ig-strip__text { margin: 0; max-width: 36rem; color: rgba(255,255,255,0.68); font-size: 0.92rem; } .lgk-ig-strip__cta { background: #f97316 !important; color: #000 !important; font-weight: 800; padding: 0.85rem 1.35rem; border-radius: 999px; display: inline-flex; } /* Drawer groups */ .lgk-navi-drawer__logo { height: 28px; width: auto; display: block; } .lgk-navi-drawer__cta { display: block; margin: 0.25rem 0 1rem; padding: 0.85rem 1rem; border-radius: 0.65rem; background: #fff; color: #000; font-weight: 750; text-align: center; } .lgk-navi-drawer__group { margin-bottom: 1.1rem; } .lgk-navi-drawer__group-title { margin: 0 0 0.35rem; font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.45); font-weight: 700; } .lgk-navi-drawer__list a { transition: color 140ms ease, padding-inline-start 140ms ease; } .lgk-navi-drawer__list a:hover { color: #fff; padding-inline-start: 0.25rem; } /* Footer social : styles canoniques dans lgk-footer-v2.css */ /* Buttons Impact fallback */ .button { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-height: 2.75rem; padding: 0.7rem 1.2rem; border-radius: 999px; font-weight: 700; background: rgb(var(--button-background, 255 255 255)); color: rgb(var(--button-text-color, 28 28 28)); border: 0; transition: transform 160ms ease, opacity 160ms ease; } .button:hover { transform: translateY(-1px); } .button--primary { background: #fff; color: #000; } /* Hub actions */ .lgk-home-collections-hub__actions { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; align-items: center; margin-top: 1.75rem; } /* Catalog + PDP */ .lgk-catalog-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.25rem; align-items: flex-end; margin-bottom: 1.75rem; } .lgk-catalog-head__actions { display: flex; flex-wrap: wrap; gap: 0.85rem; align-items: center; } .lgk-collection-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } .lgk-collection-tile { display: block; padding: 1.15rem 1.2rem; border: 1px solid rgba(255,255,255,0.12); border-radius: 0.75rem; background: #0a0a0a; transition: border-color 160ms ease, transform 160ms ease; } .lgk-collection-tile:hover { border-color: rgba(255,255,255,0.4); transform: translateY(-2px); } .lgk-collection-tile__title { margin: 0; font-weight: 700; font-size: 1.02rem; } .lgk-collection-tile__meta { margin: 0.35rem 0 0; font-size: 0.82rem; color: rgba(255,255,255,0.55); } /* Visual collection cards */ .lgk-collection-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.85rem; background: linear-gradient(165deg, #121212 0%, #0a0a0a 100%); text-decoration: none; color: inherit; transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; } .lgk-collection-card:hover { border-color: rgba(0, 212, 170, 0.45); transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35); } .lgk-collection-card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #111; } .lgk-collection-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 280ms ease; } .lgk-collection-card:hover .lgk-collection-card__media img { transform: scale(1.04); } .lgk-collection-card__media--fallback { display: grid; place-items: center; background: radial-gradient(ellipse at 30% 20%, rgba(0, 212, 170, 0.18), transparent 55%), linear-gradient(160deg, #1a1a1a, #0d0d0d); } .lgk-collection-card__media--fallback img { width: 46%; height: auto; object-fit: contain; opacity: 0.85; } .lgk-collection-card__body { padding: 0.95rem 1.05rem 1.1rem; } .lgk-collection-card__title { margin: 0; font-size: 1.02rem; font-weight: 700; line-height: 1.25; } .lgk-collection-card__meta { margin: 0.35rem 0 0; font-size: 0.82rem; color: rgba(255, 255, 255, 0.55); } /* Collection detail hero */ .lgk-collection-hero { display: grid; gap: 1.25rem; margin: 1.25rem 0 1.75rem; align-items: stretch; } @media (min-width: 800px) { .lgk-collection-hero { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 1.5rem; } } .lgk-collection-hero__media { border-radius: 0.9rem; overflow: hidden; min-height: 180px; background: #111; border: 1px solid rgba(255, 255, 255, 0.08); } .lgk-collection-hero__media img { width: 100%; height: 100%; min-height: 180px; max-height: 280px; object-fit: cover; display: block; } .lgk-collection-hero--soft .lgk-collection-hero__media { background: radial-gradient(ellipse at 40% 30%, rgba(0, 212, 170, 0.16), transparent 60%), #121212; } .lgk-collection-hero--soft .lgk-collection-hero__media img { object-fit: contain; padding: 2.5rem; opacity: 0.8; max-height: 220px; } .lgk-collection-hero__content { display: flex; flex-direction: column; justify-content: center; gap: 0.65rem; } .lgk-collection-hero__content .h1 { margin: 0; } .lgk-collection-hero__content .text-subdued { margin: 0; max-width: 36rem; } /* Product sort toolbar */ .lgk-collection-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem; margin-top: 0.35rem; } .lgk-collection-toolbar__count { font-size: 0.88rem; color: rgba(255, 255, 255, 0.55); } .lgk-collection-toolbar__sort { display: flex; flex-wrap: wrap; gap: 0.4rem; } .lgk-collection-toolbar__chip { padding: 0.35rem 0.8rem; font-size: 0.78rem; font-weight: 600; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: transparent; color: rgba(255, 255, 255, 0.78); text-decoration: none; transition: border-color 140ms ease, background 140ms ease, color 140ms ease; } .lgk-collection-toolbar__chip:hover { border-color: rgba(255, 255, 255, 0.35); color: #fff; } .lgk-collection-toolbar__chip.is-active { border-color: rgba(0, 212, 170, 0.55); background: rgba(0, 212, 170, 0.12); color: #00d4aa; } .lgk-catalog-products, .product-list--grid { display: grid !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; overflow: visible !important; } @media (min-width: 700px) { .lgk-catalog-products, .product-list--grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1100px) { .lgk-catalog-products, .product-list--grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-pdp-breadcrumb { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: center; font-size: 0.8rem; color: rgba(255,255,255,0.5); margin-bottom: 1.5rem; } .lgk-pdp-breadcrumb a:hover { color: #fff; } .lgk-pdp { display: grid; gap: 2rem; } @media (min-width: 900px) { .lgk-pdp { grid-template-columns: 1.05fr 0.95fr; gap: 2.5rem; align-items: start; } } .lgk-pdp__gallery { border: 1px solid rgba(255,255,255,0.1); border-radius: 0.85rem; background: #f3f4f6; padding: 0.85rem; overflow: hidden; } .lgk-pdp__image { width: 100%; max-height: min(78vh, 820px); aspect-ratio: 1; object-fit: contain; object-position: center; display: block; background: #fff; border-radius: 0.45rem; image-rendering: auto; } .lgk-pdp__thumbs { display: flex; gap: 0.5rem; margin-top: 0.85rem; overflow-x: auto; } .lgk-pdp__thumb-btn { display: block; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0.45rem; background: #fff; cursor: pointer; flex: 0 0 auto; line-height: 0; } .lgk-pdp__thumb-btn.is-active { border-color: #31e6c3; box-shadow: 0 0 0 2px rgba(49, 230, 195, 0.35); } .lgk-pdp__thumb { width: 4.25rem; height: 4.25rem; object-fit: contain; border-radius: 0.4rem; background: #fff; display: block; } .lgk-pdp--apparel .lgk-pdp__gallery { background: #141210; border-color: rgba(242, 235, 226, 0.12); padding: 0; } /* Une seule image : pas de colonne miniatures (sinon l'image tombe dans les 4.6rem). */ .lgk-pdp--apparel .lgk-pdp__gallery--solo { display: block; grid-template-columns: none; } .lgk-pdp--apparel .lgk-pdp__gallery--solo .lgk-pdp__image { width: 100%; } .lgk-pdp--apparel .lgk-pdp__image { /* Ne pas forcer un cadre 3/4 + cover : max-height élargit le cadre et coupe le portrait. */ width: 100%; height: auto; max-height: min(85vh, 920px); aspect-ratio: auto; object-fit: contain; object-position: center center; background: #1a1714; border-radius: 0; } .lgk-pdp--apparel .lgk-pdp__thumbs { padding: 0.65rem; margin-top: 0; } .lgk-pdp--apparel .lgk-pdp__thumb-btn { background: #1a1714; border-color: rgba(242, 235, 226, 0.16); } .lgk-pdp--apparel .lgk-pdp__thumb { width: 3.85rem; height: 5.15rem; object-fit: cover; background: #1a1714; } @media (min-width: 900px) { .lgk-pdp--apparel .lgk-pdp__gallery { display: grid; grid-template-columns: 4.6rem minmax(0, 1fr); gap: 0.65rem; align-items: start; } .lgk-pdp--apparel .lgk-pdp__thumbs { flex-direction: column; order: -1; margin: 0; padding: 0.65rem 0 0.65rem 0.65rem; max-height: min(82vh, 880px); overflow-y: auto; } } .lgk-pdp--apparel .lgk-pdp__type { color: #c9a86c; letter-spacing: 0.14em; } .lgk-pdp__price-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.65rem; margin: 0 0 0.85rem; } .lgk-pdp__price-row .lgk-pdp__price { margin: 0; } .lgk-pdp__compare-at { font-size: 1rem; color: rgba(255, 255, 255, 0.45); text-decoration: line-through; } .lgk-pdp__stock { margin: 0 0 0.85rem; font-size: 0.88rem; font-weight: 650; } .lgk-pdp__stock.is-in { color: #86efac; } .lgk-pdp__stock.is-out { color: #fb7185; } .lgk-pdp__apparel { display: grid; gap: 1.25rem; margin: 0 0 1.15rem; } .lgk-pdp__opt-label { display: flex; align-items: baseline; gap: 0.55rem; margin: 0 0 0.65rem; padding: 0; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; } .lgk-pdp__opt-value { font-size: 0.95rem; letter-spacing: 0; text-transform: none; font-weight: 700; color: #fff; } .lgk-pdp__swatches, .lgk-pdp__sizes { margin: 0; padding: 0; border: 0; min-width: 0; } .lgk-pdp__swatch-row, .lgk-pdp__size-row { display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center; } .lgk-pdp__swatch { position: relative; width: 2.35rem; height: 2.35rem; border-radius: 999px; border: 2px solid transparent; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); cursor: pointer; padding: 0; background: #3f3a36; transition: box-shadow 0.15s ease, border-color 0.15s ease; } .lgk-pdp__swatch.is-selected { border-color: transparent; box-shadow: 0 0 0 2px #0a0a0a, 0 0 0 3.5px #c9a86c; } .lgk-pdp__swatch.is-light { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .lgk-pdp__swatch.is-light.is-selected { box-shadow: 0 0 0 2px #0a0a0a, 0 0 0 3.5px #c9a86c; } .lgk-pdp__swatch--letter { display: inline-flex; align-items: center; justify-content: center; color: #f2ebe2; font-size: 0.78rem; font-weight: 800; background: #2a2623; } .lgk-pdp__swatch:disabled { opacity: 0.35; cursor: not-allowed; } .lgk-pdp__size { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 3.35rem; min-height: 2.65rem; padding: 0.45rem 0.85rem; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 0.55rem; background: #0a0a0a; color: #fff; font-weight: 700; font-size: 0.92rem; cursor: pointer; overflow: hidden; } .lgk-pdp__size-text { position: relative; z-index: 1; line-height: 1; } .lgk-pdp__size small { display: block; margin-top: 0.15rem; font-size: 0.62rem; font-weight: 600; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.55); } .lgk-pdp__size.is-selected { border-color: #c9a86c; background: #0a0a0a; box-shadow: 0 0 0 1px rgba(201, 168, 108, 0.35); } .lgk-pdp__size.is-out { color: rgba(255, 255, 255, 0.72); opacity: 1; text-decoration: none; } .lgk-pdp__size.is-out .lgk-pdp__size-text::after { content: ""; position: absolute; left: -12%; right: -12%; top: 50%; height: 1.5px; background: rgba(255, 255, 255, 0.78); transform: translateY(-50%); pointer-events: none; } .lgk-pdp__size.is-missing, .lgk-pdp__size:disabled { opacity: 0.32; cursor: not-allowed; } .lgk-pdp__size.is-missing .lgk-pdp__size-text::after, .lgk-pdp__size:disabled .lgk-pdp__size-text::after { content: ""; position: absolute; left: -12%; right: -12%; top: 50%; height: 1.5px; background: rgba(255, 255, 255, 0.55); transform: translateY(-50%); } .lgk-pdp__apparel-promises { display: flex; flex-wrap: wrap; gap: 0.45rem 1rem; margin: 0.85rem 0 0; padding: 0; list-style: none; font-size: 0.78rem; color: rgba(255, 255, 255, 0.62); } .lgk-pdp__apparel-promises li { position: relative; padding-left: 0.9rem; } .lgk-pdp__apparel-promises li::before { content: "•"; position: absolute; left: 0; color: #c9a86c; } .lgk-pdp__title { margin: 0.35rem 0 0.75rem; } .lgk-pdp__type { display: inline-flex; margin: 0; color: #31e6c3; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; } .lgk-pdp__price { margin: 0 0 1rem; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; letter-spacing: -0.02em; } .lgk-pdp__digital, .lgk-pdp__ship { margin: 0 0 1rem; padding: 0.7rem 0.9rem; border-radius: 0.55rem; font-size: 0.88rem; } .lgk-pdp__digital { border: 1px solid rgba(16,185,129,0.35); background: rgba(16,185,129,0.1); color: #6ee7b7; } .lgk-pdp__ship { border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.75); } .lgk-pdp__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-bottom: 1.5rem; } .lgk-pdp__actions > div, .lgk-pdp__actions button { width: 100%; } .lgk-pdp__actions button { display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.18); border-radius: 0.65rem; padding: 0.75rem 1rem; font-weight: 700; } .lgk-pdp__actions button:not(:disabled):hover { border-color: #31e6c3; background: rgba(49,230,195,0.1); } .lgk-pdp__actions button:disabled { cursor: not-allowed; color: rgba(255,255,255,0.55); } .lgk-pdp__qty { display: flex; flex-direction: column; gap: 0.45rem; margin: 0.85rem 0 0.35rem; } .lgk-pdp__qty-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255, 255, 255, 0.62); } .lgk-pdp .quantity-selector--pdp { display: inline-flex; align-items: stretch; width: fit-content; min-height: 2.75rem; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 0.65rem; overflow: hidden; background: rgba(255, 255, 255, 0.04); } .lgk-pdp .quantity-selector--pdp .quantity-selector__button { width: 2.75rem; min-width: 2.75rem; border: 0; background: transparent; color: #fff; font-size: 1.15rem; font-weight: 700; cursor: pointer; } .lgk-pdp .quantity-selector--pdp .quantity-selector__button:disabled { opacity: 0.35; cursor: not-allowed; } .lgk-pdp .quantity-selector--pdp .quantity-selector__button:not(:disabled):hover { background: rgba(255, 255, 255, 0.08); } .lgk-pdp .quantity-selector--pdp .quantity-selector__input { width: 3.25rem; border: 0; border-inline: 1px solid rgba(255, 255, 255, 0.12); background: transparent; color: #fff; text-align: center; font-weight: 700; font-size: 0.95rem; -moz-appearance: textfield; } .lgk-pdp .quantity-selector--pdp .quantity-selector__input::-webkit-outer-spin-button, .lgk-pdp .quantity-selector--pdp .quantity-selector__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .lgk-pdp__atc-btn { width: 100%; min-height: 3rem; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 0.65rem !important; background: #fff !important; color: #0a0908 !important; font-weight: 700 !important; box-shadow: none !important; } .lgk-pdp__atc-btn:not(:disabled):hover { border-color: #31e6c3 !important; background: #31e6c3 !important; color: #041512 !important; transform: none !important; } .lgk-pdp__atc-btn:disabled { opacity: 0.55; } .lgk-pdp__desc-block { --pdp-desc-accent: #31e6c3; --pdp-desc-accent-2: #60a5fa; --pdp-desc-accent-3: #fbbf24; --pdp-desc-accent-soft: rgba(49, 230, 195, 0.16); --pdp-desc-accent-2-soft: rgba(96, 165, 250, 0.14); --pdp-desc-accent-3-soft: rgba(251, 191, 36, 0.14); margin-top: 1.35rem; padding: 1.15rem 1.2rem 1.25rem; border: 1px solid color-mix(in srgb, var(--pdp-desc-accent) 28%, rgba(255, 255, 255, 0.1)); border-left: 4px solid var(--pdp-desc-accent); border-radius: 0.85rem; background: radial-gradient(120% 80% at 0% 0%, var(--pdp-desc-accent-soft), transparent 55%), radial-gradient(90% 70% at 100% 0%, var(--pdp-desc-accent-2-soft), transparent 50%), linear-gradient(165deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); } .lgk-pdp__desc-heading { margin: 0 0 0.95rem; padding-bottom: 0.65rem; border-bottom: 1px solid color-mix(in srgb, var(--pdp-desc-accent) 35%, rgba(255, 255, 255, 0.08)); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--pdp-desc-accent); } .lgk-pdp__desc { margin-top: 0; color: rgba(255, 255, 255, 0.86); font-size: 0.95rem; line-height: 1.7; } /* Rich text descriptions (PDP + pages) */ .prose-lgk { color: rgba(255, 255, 255, 0.86); font-size: 0.95rem; line-height: 1.7; max-width: 65ch; } .lgk-pdp__desc.prose-lgk { max-width: none; } .prose-lgk > *:first-child { margin-top: 0; } .prose-lgk > *:last-child { margin-bottom: 0; } .prose-lgk p { margin: 0 0 0.95rem; } .prose-lgk p + p { margin-top: 0.15rem; } .prose-lgk h1, .prose-lgk h2, .prose-lgk h3, .prose-lgk h4, .prose-lgk h5, .prose-lgk h6 { margin: 1.35rem 0 0.55rem; color: var(--pdp-desc-accent, #31e6c3); font-weight: 800; letter-spacing: -0.01em; line-height: 1.25; } .prose-lgk h1 { font-size: 1.35rem; } .prose-lgk h2 { font-size: 1.2rem; padding-bottom: 0.4rem; border-bottom: 2px solid color-mix(in srgb, var(--pdp-desc-accent, #31e6c3) 45%, transparent); } .prose-lgk h3 { font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--pdp-desc-accent-2, #60a5fa); margin-top: 1.5rem; padding: 0.45rem 0.7rem; border-radius: 0.45rem; background: var(--pdp-desc-accent-2-soft, rgba(96, 165, 250, 0.14)); border-left: 3px solid var(--pdp-desc-accent-2, #60a5fa); } .prose-lgk h3:first-child { margin-top: 0; } .prose-lgk h4, .prose-lgk h5, .prose-lgk h6 { font-size: 0.95rem; color: var(--pdp-desc-accent-3, #fbbf24); } .prose-lgk ul, .prose-lgk ol { margin: 0 0 1rem; padding-left: 0; list-style: none; } .prose-lgk li { margin: 0.4rem 0; padding: 0.5rem 0.75rem 0.5rem 0.85rem; border-radius: 0.5rem; background: var(--pdp-desc-accent-soft, rgba(49, 230, 195, 0.1)); border-left: 3px solid var(--pdp-desc-accent, #31e6c3); } .prose-lgk ol { counter-reset: pdp-ol; } .prose-lgk ol li { position: relative; padding-left: 2.35rem; background: var(--pdp-desc-accent-2-soft, rgba(96, 165, 250, 0.1)); border-left-color: var(--pdp-desc-accent-2, #60a5fa); counter-increment: pdp-ol; } .prose-lgk ol li::before { content: counter(pdp-ol); position: absolute; left: 0.55rem; top: 0.48rem; width: 1.25rem; height: 1.25rem; border-radius: 999px; display: grid; place-items: center; font-size: 0.72rem; font-weight: 800; color: #041512; background: var(--pdp-desc-accent-2, #60a5fa); } .prose-lgk strong, .prose-lgk b { color: var(--pdp-desc-accent-3, #fbbf24); font-weight: 700; } .prose-lgk em, .prose-lgk i { color: var(--pdp-desc-accent-2, #60a5fa); font-style: italic; } .prose-lgk a { color: var(--pdp-desc-accent, #31e6c3); text-decoration: underline; text-underline-offset: 0.15em; } .prose-lgk a:hover { color: #fff; } /* CTA description : le sanitizer retire linear-gradient → bouton noir sur noir. Ces règles restent lisibles même sans styles inline. */ .prose-lgk div:has(> a.lgk-desc-cta), .prose-lgk .lgk-desc-cta-box { text-align: center; padding: 1.5rem 1.15rem 1.65rem; margin: 1.25rem 0 0.35rem; border-radius: 1.15rem; background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(251, 146, 60, 0.08)); border: 1px solid rgba(251, 191, 36, 0.42); } .prose-lgk div:has(> a.lgk-desc-cta) > p, .prose-lgk .lgk-desc-cta-box > p { margin-left: auto; margin-right: auto; max-width: 36rem; } .prose-lgk div:has(> a.lgk-desc-cta) > h2, .prose-lgk .lgk-desc-cta-box > h2 { color: #fff; border-bottom: 0; padding-bottom: 0; margin: 0 0 0.7rem; } .prose-lgk a.lgk-desc-cta { display: inline-block; margin: 0.15rem 0 0.35rem; padding: 0.9rem 1.85rem; border-radius: 0.75rem; background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important; color: #0b0d12 !important; font-weight: 800; font-size: 1.05rem; letter-spacing: 0.02em; text-decoration: none !important; border: 1px solid rgba(255, 220, 140, 0.55); box-shadow: 0 10px 28px rgba(251, 191, 36, 0.28); } .prose-lgk a.lgk-desc-cta:hover { color: #0b0d12 !important; filter: brightness(1.07); } .prose-lgk blockquote { margin: 1rem 0; padding: 0.85rem 1rem; border-left: 3px solid var(--pdp-desc-accent, #31e6c3); background: linear-gradient(90deg, var(--pdp-desc-accent-soft, rgba(49, 230, 195, 0.16)), rgba(255, 255, 255, 0.03)); border-radius: 0 0.45rem 0.45rem 0; color: rgba(255, 255, 255, 0.82); font-style: italic; } .prose-lgk hr { margin: 1.25rem 0; border: 0; height: 2px; background: linear-gradient( 90deg, var(--pdp-desc-accent, #31e6c3), var(--pdp-desc-accent-2, #60a5fa), var(--pdp-desc-accent-3, #fbbf24) ); opacity: 0.55; } .prose-lgk table { width: 100%; margin: 0.85rem 0 1.15rem; border-collapse: collapse; font-size: 0.88rem; overflow: hidden; border-radius: 0.5rem; } .prose-lgk th, .prose-lgk td { padding: 0.55rem 0.7rem; border: 1px solid color-mix(in srgb, var(--pdp-desc-accent, #31e6c3) 22%, rgba(255, 255, 255, 0.08)); text-align: left; vertical-align: top; } .prose-lgk th { background: var(--pdp-desc-accent-soft, rgba(49, 230, 195, 0.18)); color: var(--pdp-desc-accent, #31e6c3); font-weight: 700; } .prose-lgk tr:nth-child(even) td { background: var(--pdp-desc-accent-2-soft, rgba(96, 165, 250, 0.08)); } .prose-lgk img { display: block; max-width: 100%; height: auto; margin: 0.85rem 0; border-radius: 0.55rem; border: 1px solid rgba(255, 255, 255, 0.1); } .prose-lgk code, .prose-lgk pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.86em; } .prose-lgk code { padding: 0.12rem 0.35rem; border-radius: 0.3rem; background: rgba(255, 255, 255, 0.08); } .prose-lgk pre { padding: 0.85rem 1rem; overflow-x: auto; border-radius: 0.55rem; background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 255, 255, 0.08); } .prose-lgk small { color: rgba(255, 255, 255, 0.55); font-size: 0.85em; } .lgk-pdp__collections { margin-top: 1.25rem; font-size: 0.88rem; color: rgba(255, 255, 255, 0.55); } .lgk-pdp__collections .link { color: rgba(255, 255, 255, 0.85); text-decoration: underline; text-underline-offset: 0.12em; } .lgk-pdp__collections .link:hover { color: #31e6c3; } html.lgk-storefront--wayne .lgk-pdp__desc-block { --pdp-desc-accent: #c9a86c; --pdp-desc-accent-2: #e4c98a; --pdp-desc-accent-3: #f2d7a4; --pdp-desc-accent-soft: rgba(201, 168, 108, 0.16); --pdp-desc-accent-2-soft: rgba(228, 201, 138, 0.12); --pdp-desc-accent-3-soft: rgba(242, 215, 164, 0.12); } html.lgk-storefront--candy-geekland .lgk-pdp__desc-block { --pdp-desc-accent: #ff7ab0; --pdp-desc-accent-2: #ff9ec6; --pdp-desc-accent-3: #ffb347; --pdp-desc-accent-soft: rgba(255, 122, 176, 0.16); --pdp-desc-accent-2-soft: rgba(255, 158, 198, 0.12); --pdp-desc-accent-3-soft: rgba(255, 179, 71, 0.14); } html.lgk-storefront--deal-geekland .lgk-pdp__desc-block { --pdp-desc-accent: #fb923c; --pdp-desc-accent-2: #facc15; --pdp-desc-accent-3: #f87171; --pdp-desc-accent-soft: rgba(251, 146, 60, 0.16); --pdp-desc-accent-2-soft: rgba(250, 204, 21, 0.12); --pdp-desc-accent-3-soft: rgba(248, 113, 113, 0.12); } html.lgk-storefront--digital-geekland .lgk-pdp__desc-block { --pdp-desc-accent: #22d3ee; --pdp-desc-accent-2: #a78bfa; --pdp-desc-accent-3: #34d399; --pdp-desc-accent-soft: rgba(34, 211, 238, 0.16); --pdp-desc-accent-2-soft: rgba(167, 139, 250, 0.14); --pdp-desc-accent-3-soft: rgba(52, 211, 153, 0.12); } html.lgk-storefront--fivem .lgk-pdp__desc-block { --pdp-desc-accent: #facc15; --pdp-desc-accent-2: #fb923c; --pdp-desc-accent-3: #38bdf8; --pdp-desc-accent-soft: rgba(250, 204, 21, 0.16); --pdp-desc-accent-2-soft: rgba(251, 146, 60, 0.14); --pdp-desc-accent-3-soft: rgba(56, 189, 248, 0.12); } html.lgk-storefront--gotham-airsoft .lgk-pdp__desc-block { --pdp-desc-accent: #4ade80; --pdp-desc-accent-2: #86efac; --pdp-desc-accent-3: #fbbf24; --pdp-desc-accent-soft: rgba(74, 222, 128, 0.16); --pdp-desc-accent-2-soft: rgba(134, 239, 172, 0.12); --pdp-desc-accent-3-soft: rgba(251, 191, 36, 0.12); } html.lgk-storefront--erotica .lgk-pdp__desc-block { --pdp-desc-accent: #b76e79; --pdp-desc-accent-2: #d4a0a8; --pdp-desc-accent-3: #8b3d4a; --pdp-desc-accent-soft: rgba(183, 110, 121, 0.16); --pdp-desc-accent-2-soft: rgba(212, 160, 168, 0.12); --pdp-desc-accent-3-soft: rgba(139, 61, 74, 0.12); } .lgk-pdp-trust { display: grid; gap: 0.7rem; margin-top: 0.85rem; } .lgk-product-shipping-nudge { padding: 0.6rem 0.8rem; border-radius: 10px; border: 1px solid rgba(49, 230, 195, 0.28); background: rgba(49, 230, 195, 0.08); } .lgk-product-shipping-nudge.is-ok { border-color: rgba(52, 211, 153, 0.4); background: rgba(52, 211, 153, 0.12); } .lgk-product-shipping-nudge__text { margin: 0; font-size: 0.82rem; line-height: 1.45; color: rgba(255, 255, 255, 0.86); } .lgk-product-shipping-nudge__text--ok { color: #34d399; } .lgk-pdp-klarna { display: flex; flex-wrap: wrap; gap: 0.35rem 0.75rem; align-items: baseline; margin: 0; padding: 0.55rem 0.8rem; border-radius: 10px; border: 1px solid rgba(255, 179, 199, 0.28); background: rgba(255, 179, 199, 0.08); } .lgk-pdp-klarna__label { font-size: 0.82rem; font-weight: 800; color: #ffb3c7; } .lgk-pdp-klarna__hint { font-size: 0.78rem; color: rgba(255, 255, 255, 0.65); } .lgk-pdp-insurance { display: grid; grid-template-columns: auto 1fr; gap: 0.65rem; padding: 0.7rem 0.85rem; border-radius: 10px; border: 1px solid rgba(96, 165, 250, 0.32); background: rgba(96, 165, 250, 0.1); } .lgk-pdp-insurance__ico { font-size: 1.25rem; line-height: 1; } .lgk-pdp-insurance__title { margin: 0 0 0.2rem; font-size: 0.82rem; font-weight: 800; color: #93c5fd; } .lgk-pdp-insurance__text { margin: 0; font-size: 0.78rem; line-height: 1.45; color: rgba(255, 255, 255, 0.8); } .lgk-pdp-insurance__text a { color: #93c5fd; text-decoration: underline; text-underline-offset: 0.12em; } .lgk-icons-banner.neon { border-radius: 14px; padding: 14px 10px; color: #0c0c0c; background: linear-gradient(90deg, #00fff0, #d285ff); border: 1.5px solid rgba(0, 255, 255, 0.55); box-shadow: 0 0 8px rgba(0, 255, 255, 0.28), 0 0 18px rgba(210, 133, 255, 0.22); } .lgk-icons-inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; text-align: center; } @media (min-width: 640px) { .lgk-icons-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1100px) { .lgk-pdp .lgk-icons-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lgk-icon-item { padding: 8px 6px; display: flex; flex-direction: column; align-items: center; } .lgk-badge-wrapper { height: 26px; display: flex; align-items: center; justify-content: center; margin-bottom: 6px; } .lgk-badge { max-height: 22px; max-width: 64px; width: auto; object-fit: contain; } .lgk-icon { font-size: 20px; line-height: 1; margin-bottom: 2px; } .lgk-icon-item h3 { margin: 0; font-size: 13px; font-weight: 800; line-height: 1.2; color: #0c0c0c; } .lgk-icon-item p { margin: 2px 0 0; font-size: 12px; line-height: 1.25; opacity: 0.88; color: #0c0c0c; } .lgk-digital-notice { margin: 0 0 0.85rem; font-size: 0.875rem; line-height: 1.45; } .lgk-digital-notice__card { background: #d32f2f; color: #fff; border-radius: 10px; padding: 0.95rem 1rem 1rem; box-shadow: 0 8px 22px rgba(211, 47, 47, 0.35); } .lgk-digital-notice__title { margin: 0 0 0.45rem; font-size: 1rem; font-weight: 800; color: #fff; } .lgk-digital-notice__lede, .lgk-digital-notice__legal, .lgk-digital-notice__physical { margin: 0 0 0.45rem; color: #fff; } .lgk-digital-notice__points { margin: 0 0 0.55rem; padding-left: 1.15rem; color: #fff; } .lgk-digital-notice__card a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } .lgk-pdp-acc { display: grid; gap: 0.55rem; margin-top: 1.1rem; } .lgk-pdp-acc__item { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0.75rem; background: rgba(255, 255, 255, 0.03); overflow: hidden; } .lgk-pdp-acc__summary { cursor: pointer; list-style: none; padding: 0.85rem 1rem; font-size: 0.92rem; font-weight: 750; color: #fff; } .lgk-pdp-acc__summary::-webkit-details-marker { display: none; } .lgk-pdp-acc__body { padding: 0 1rem 1rem; max-width: none; } .lgk-pdp__desc-block { margin-top: 1.75rem; } .lgk-pdp-related { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); } /* Ancien bridge React navi — styles UI uniquement (plus de plein écran cliquable) */ .lgk-navi-slide.lgk-navi-react.is-open { position: fixed !important; inset: 0 !important; z-index: 2147483000 !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } .lgk-navi-slide.lgk-navi-react.is-open .lgk-navi-slide__overlay { opacity: 1 !important; pointer-events: auto !important; } .lgk-navi-slide.lgk-navi-react.is-open .lgk-navi-slide__drawer { transform: none !important; visibility: visible !important; display: flex !important; flex-direction: column !important; height: 100% !important; max-width: min(26rem, 94vw) !important; background: #0a0a0a !important; color: #fff !important; } .lgk-navi-react__logo { width: 36px; height: 36px; object-fit: contain; border-radius: 8px; } .lgk-navi-slide__header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0.5rem !important; padding: 0.75rem 0.85rem !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; position: relative !important; z-index: 2 !important; } .lgk-navi-slide__header-left { display: flex; align-items: center; gap: 0.55rem; min-width: 0; } .lgk-navi-slide__panel-title { margin: 0; font-weight: 750; font-size: 0.95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lgk-navi-slide__back, .lgk-navi-slide__close { width: 2.4rem !important; height: 2.4rem !important; border: 0 !important; border-radius: 0.5rem !important; background: rgba(255,255,255,0.08) !important; color: #fff !important; font-size: 1.25rem !important; cursor: pointer; } .lgk-navi-slide__panels { flex: 1 !important; min-height: 0 !important; overflow: hidden !important; } .lgk-navi-slide__panel { height: 100% !important; display: flex !important; flex-direction: column !important; } .lgk-navi-slide__scroller { flex: 1 !important; overflow-y: auto !important; padding: 0.75rem 0.85rem 2rem !important; } .lgk-navi-slide__list { display: grid !important; /* 12 cols : span-6 = 2 tuiles/rang?e (Candy/Wayne/Deal?). 1fr seul cassait le layout. */ grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 0.55rem !important; list-style: none !important; margin: 0 !important; padding: 0 !important; align-items: stretch; } .lgk-navi-react__heading { margin: 0.85rem 0 0.25rem; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.45); font-weight: 700; } .lgk-navi-react__tile-wrap { grid-column: 1 / -1; } .lgk-navi-slide__grid-tile { position: relative; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; text-align: center !important; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.85rem; overflow: hidden; background: rgba(17, 17, 17, 0.92); color: #fff; padding: 0.55rem; cursor: pointer; text-decoration: none; } .lgk-navi-slide__grid-tile-media { display: block; width: 100%; aspect-ratio: 16 / 10; background: #1a1a1a; border-radius: 0.55rem; overflow: hidden; flex: 0 0 auto; } .lgk-navi-slide__grid-tile-media img { width: 100%; height: 100%; object-fit: cover; display: block; } .lgk-navi-slide__grid-tile-name { display: block; margin-top: 0.4rem; padding: 0 0.15rem; font-weight: 750; font-size: 0.82rem; line-height: 1.25; text-align: center; } .lgk-navi-react__desc { display: block; padding: 0 0.85rem 0.85rem; font-size: 0.78rem; color: rgba(255,255,255,0.6); line-height: 1.35; } .lgk-navi-slide__grid-tile-chevron { position: absolute; right: 0.75rem; bottom: 0.75rem; width: 1.6rem; height: 1.6rem; border-radius: 999px; background: rgba(0,0,0,0.55); display: grid; place-items: center; font-size: 1rem; } .lgk-navi-slide__row { display: flex !important; align-items: center !important; gap: 0.75rem !important; width: 100% !important; text-align: left !important; padding: 0.55rem 0.35rem !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; background: transparent !important; color: #fff !important; cursor: pointer; text-decoration: none !important; } .lgk-navi-slide__media { width: 3.25rem; height: 3.25rem; border-radius: 0.65rem; overflow: hidden; background: #1a1a1a; flex: 0 0 auto; display: grid; place-items: center; } .lgk-navi-slide__media img { width: 100%; height: 100%; object-fit: cover; } .lgk-navi-react__media-dot { background: linear-gradient(135deg, #333, #111); } .lgk-navi-slide__text { display: grid; gap: 0.15rem; min-width: 0; flex: 1; } .lgk-navi-slide__name { font-weight: 700; font-size: 0.92rem; } .lgk-navi-slide__desc { font-size: 0.75rem; color: rgba(255,255,255,0.55); line-height: 1.3; } .lgk-navi-react__chevron { color: rgba(255,255,255,0.45); font-size: 1.2rem; } .lgk-navi-react__loading { color: rgba(255,255,255,0.55); font-size: 0.9rem; padding: 0.5rem 0 1rem; } .lgk-navi-sister-stores { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); } .lgk-navi-sister-stores__label { margin: 0; font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.45); font-weight: 700; } .lgk-navi-sister-stores__lead { margin: 0.35rem 0 0.85rem; font-size: 0.8rem; color: rgba(255,255,255,0.6); } .lgk-navi-sister-stores__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; } .lgk-navi-sister-stores__card { display: flex; gap: 0.75rem; align-items: center; padding: 0.65rem; border: 1px solid rgba(255,255,255,0.1); border-radius: 0.75rem; background: #111; } .lgk-navi-sister-stores__media { width: 3rem; height: 3rem; border-radius: 0.55rem; overflow: hidden; background: #1a1a1a; flex: 0 0 auto; } .lgk-navi-sister-stores__media img { width: 100%; height: 100%; object-fit: contain; } .lgk-navi-sister-stores__name { display: block; font-weight: 750; font-size: 0.88rem; } .lgk-navi-sister-stores__desc { display: block; font-size: 0.72rem; color: rgba(255,255,255,0.55); margin-top: 0.1rem; } .lgk-navi-sister-stores__cta { display: inline-block; margin-top: 0.25rem; font-size: 0.72rem; font-weight: 700; color: #fff; } .lgk-navi-slide__commercial { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.65rem 0; } .lgk-navi-slide__pill { display: inline-flex; padding: 0.4rem 0.7rem; border-radius: 999px; border: 1px solid rgba(255,255,255,0.18); font-size: 0.75rem; font-weight: 650; } .lgk-navi-slide__nl-btn { display: inline-flex; align-items: center; gap: 0.35rem; margin-top: 0.35rem; padding: 0.55rem 0.8rem; border-radius: 999px; background: #fff; color: #000; font-size: 0.8rem; font-weight: 700; border: 0; text-decoration: none; } .lgk-gd-menu-promo--drawer { padding: 0.85rem 0.85rem 0.25rem; border-bottom: 1px solid rgba(255,255,255,0.08); } .lgk-gd-menu-link--drawer { display: block; padding: 0.75rem; border-radius: 0.75rem; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; text-decoration: none; } .lgk-gd-menu-link__drawer-eyebrow { display: block; font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.5); } .lgk-gd-menu-link__drawer-title { display: block; margin-top: 0.2rem; font-weight: 750; } .lgk-gd-menu-link__drawer-desc { display: block; margin-top: 0.2rem; font-size: 0.78rem; color: rgba(255,255,255,0.6); } /* ??? Menu officiel ?largi (lgk-navi-slide.js) ??? */ #lgk-navi-slide { --lgk-navi-sub-width: min(520px, 94vw) !important; --lgk-navi-submenu-width: 100% !important; } #lgk-navi-slide .lgk-navi-slide__drawer { width: var(--lgk-navi-sub-width) !important; max-width: 94vw !important; } @media (min-width: 900px) { #lgk-navi-slide { --lgk-navi-sub-width: min(560px, 42vw) !important; } } @media (min-width: 1200px) { #lgk-navi-slide { --lgk-navi-sub-width: min(620px, 38vw) !important; } } /* Menu fermé : aucun enfant ne doit récupérer les clics (panels is-active ont pointer-events:auto + visibility:visible !important → bloquaient la bannière cookies sous le z-index 2147483646). */ .lgk-navi-slide:not(.is-open), .lgk-navi-slide:not(.is-open) * { pointer-events: none !important; } .lgk-navi-slide.is-open { pointer-events: auto !important; visibility: visible !important; opacity: 1 !important; } /* Bannière consentement : au-dessus du menu navi */ .lgk-consent-banner { position: fixed !important; inset-inline: 0 !important; bottom: 0 !important; z-index: 2147483647 !important; pointer-events: auto !important; isolation: isolate; } .lgk-consent-banner a, .lgk-consent-banner button { pointer-events: auto !important; cursor: pointer; } .lgk-collection-pagination { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-top: clamp(2rem, 4vw, 3.5rem); padding-top: 1.5rem; border-top: 1px solid rgb(var(--border-color)); } .lgk-collection-pagination__pages { display: flex; align-items: center; justify-content: center; gap: 0.35rem; } .lgk-collection-pagination__link, .lgk-collection-pagination__page { display: inline-flex; min-width: 2.5rem; min-height: 2.5rem; align-items: center; justify-content: center; border: 1px solid rgb(var(--border-color)); border-radius: 999px; padding: 0.55rem 0.8rem; color: rgb(var(--text-color)); font-size: 0.86rem; font-weight: 700; line-height: 1; text-decoration: none; transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease; } .lgk-collection-pagination__link:hover, .lgk-collection-pagination__page:hover, .lgk-collection-pagination__page.is-current { border-color: rgb(var(--text-color)); background: rgb(var(--text-color)); color: rgb(var(--background)); } .lgk-collection-pagination__page.is-current { pointer-events: none; } .lgk-collection-pagination__link.is-disabled { cursor: default; opacity: 0.35; pointer-events: none; } .lgk-collection-pagination__ellipsis { min-width: 1.5rem; color: rgb(var(--text-color) / 0.6); text-align: center; } @media (max-width: 699px) { .lgk-collection-pagination { align-items: stretch; flex-wrap: wrap; } .lgk-collection-pagination__pages { order: -1; width: 100%; } .lgk-collection-pagination__link { flex: 1 1 8rem; } } /* VISUAL-01 ? hi?rarchie catalogue, navigation et accessibilit? */ :where(a, button, input, select, textarea):focus-visible { outline: 3px solid #31e6c3 !important; outline-offset: 3px !important; } .lgk-topbar { min-height: 4.5rem !important; background: linear-gradient(110deg, rgba(12, 12, 14, 0.98), rgba(0, 0, 0, 0.98)) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28) !important; } .lgk-topbar__logo { width: clamp(9.5rem, 15vw, 12.5rem) !important; max-height: 3.15rem !important; } .lgk-primary-nav { display: none; min-height: 2.65rem; align-items: center; background: rgba(5, 5, 7, 0.98); border-bottom: 1px solid rgba(255, 255, 255, 0.11); } .lgk-primary-nav__inner { display: flex; width: 100%; align-items: center; gap: clamp(1rem, 2.2vw, 2.2rem); padding-block: 0.65rem; overflow-x: auto; scrollbar-width: none; } .lgk-primary-nav__inner::-webkit-scrollbar { display: none; } .lgk-primary-nav a { color: rgba(255, 255, 255, 0.78); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.045em; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .lgk-primary-nav a:hover { color: #fff; } .lgk-primary-nav__all { margin-inline-start: auto; color: #31e6c3 !important; } @media (min-width: 900px) { .lgk-primary-nav:not(.lgk-primary-nav--mobile) { display: flex; } } @media (min-width: 700px) and (max-width: 999px) { .product-list.bleed { margin-inline: 0; padding-inline: 0; } } .lgk-collection-hero { overflow: hidden; gap: 0; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 1.15rem; background: linear-gradient(135deg, rgba(18, 19, 23, 0.98), rgba(7, 8, 10, 0.98)); } .lgk-collection-hero__media { min-height: 11rem; border: 0; border-radius: 0; } .lgk-collection-hero__media img { min-height: 11rem; max-height: 15rem; } .lgk-collection-hero--soft .lgk-collection-hero__media img { max-height: 14rem; padding: clamp(2rem, 6vw, 4.5rem); } .lgk-collection-hero__content { padding: clamp(1.25rem, 4vw, 3rem); } .lgk-collection-hero__eyebrow { margin: 0; color: #31e6c3; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .lgk-collection-toolbar__chip { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; } .lgk-collection-hero__content .h1 { font-size: clamp(2rem, 5vw, 4.25rem); line-height: 0.98; } @media (min-width: 800px) { .lgk-collection-hero { grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr); } .lgk-collection-hero__media, .lgk-collection-hero__media img { min-height: 18rem; max-height: 20rem; } } .lgk-catalog-products { align-items: stretch; } .product-card.lgk-card-v2 { display: flex; min-height: 100%; flex-direction: column; border-radius: 0.9rem; } .product-card.lgk-card-v2 .product-card__figure { flex: 0 0 auto; } .product-card.lgk-card-v2 .product-card__media { aspect-ratio: 4 / 3; padding: clamp(0.55rem, 1.1vw, 0.95rem); } .product-card.lgk-card-v2 .product-card__info { display: flex; flex: 1; gap: 0.35rem; padding: 0.85rem 0.95rem 1rem; text-align: left; } .product-card.lgk-card-v2 .product-card__info > .v-stack { display: flex; width: 100%; flex: 1; flex-direction: column; gap: 0.55rem; } .product-card.lgk-card-v2 .product-card__info > .v-stack > .v-stack { gap: 0.35rem; } .product-card.lgk-card-v2 .product-title { display: -webkit-box; min-height: 2.85em; overflow: hidden; color: #f8fafc !important; font-size: clamp(0.92rem, 1.05vw, 1.05rem); font-weight: 800; letter-spacing: -0.01em; line-height: 1.28; text-transform: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } .product-card.lgk-card-v2 .price-list { margin-top: 0.15rem; } .product-card.lgk-card-v2 .sale-price, .product-card.lgk-card-v2 .price-list { color: #2dd4bf !important; font-size: 1.05rem; font-weight: 800; letter-spacing: -0.015em; } .product-card.lgk-card-v2 .price-list .line-through { color: rgba(148, 163, 184, 0.75) !important; font-weight: 600; } .lgk-card-v2__vendor { min-height: 1em; margin: 0; overflow: hidden; color: rgba(148, 163, 184, 0.85); font-size: 0.68rem; font-weight: 750; letter-spacing: 0.08em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .lgk-card-v2__availability { margin: auto 0 0; color: rgba(255, 255, 255, 0.62); font-size: 0.72rem; font-weight: 700; } .lgk-card-v2__availability::before { display: inline-block; width: 0.42rem; height: 0.42rem; margin-inline-end: 0.4rem; border-radius: 999px; background: currentColor; content: ""; } .lgk-card-v2__availability.is-available { color: #31e6c3; } .lgk-card-v2__availability.is-unavailable { color: #fda4af; } .product-card.lgk-card-v2 .lgk-card-v2__cta-link { position: static; display: inline-flex; width: 100%; min-height: 2.65rem; align-items: center; justify-content: center; margin-top: auto; border: 1px solid rgba(45, 212, 191, 0.35); border-radius: 0.6rem; background: rgba(45, 212, 191, 0.1); color: #f8fafc; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; opacity: 1; padding: 0.65rem 0.75rem; text-decoration: none; text-transform: uppercase; transform: none; } .product-card.lgk-card-v2 .lgk-card-v2__cta-link:hover { border-color: #2dd4bf; background: #2dd4bf; color: #04110e; } .badge-list { flex-wrap: wrap; } .badge--type { background: rgba(5, 5, 7, 0.86); border: 1px solid rgba(255, 255, 255, 0.18); } @media (max-width: 699px) { .lgk-slideshow .slideshow__slide { min-height: min(64svh, 30rem); } .lgk-topbar { min-height: 3.75rem !important; padding-inline: 0.65rem !important; } .lgk-topbar__logo { width: clamp(6.3rem, 28vw, 7.4rem) !important; max-height: 2.75rem !important; } .lgk-header-menu-btn, .lgk-topbar__icon { width: 2.75rem !important; height: 2.75rem !important; min-width: 2.75rem !important; min-height: 2.75rem !important; } .lgk-home-pills__inner { align-items: flex-start; flex-direction: column; gap: 0.5rem; overflow: visible; } .lgk-home-pills__track { width: 100%; margin-inline: calc(-1 * var(--container-gutter, 1.25rem)); padding-inline: var(--container-gutter, 1.25rem); } .lgk-trust-strip { padding-block: 1rem; } .lgk-trust-strip__grid { gap: 1rem 0.75rem; } .lgk-collection-hero__content .h1 { font-size: clamp(1.8rem, 10vw, 2.75rem); } .product-card.lgk-card-v2 .product-card__info { padding: 0.7rem 0.75rem 0.85rem; } .product-card.lgk-card-v2 .product-card__media { padding: 0.4rem; } .product-card.lgk-card-v2 .product-title { min-height: 2.55em; font-size: 0.88rem; -webkit-line-clamp: 3; line-clamp: 3; } .product-card.lgk-card-v2 .sale-price, .product-card.lgk-card-v2 .price-list { font-size: 0.95rem; } .product-card.lgk-card-v2 .lgk-card-v2__cta-link { display: inline-flex; min-height: 2.4rem; font-size: 0.66rem; } } @media (prefers-reduced-motion: reduce) { .lgk-marquee__inner, .lgk-slideshow .content-over-media > picture img { animation: none !important; } .product-card.lgk-card-v2, .product-card__image { transition: none !important; } } /* MOBILE-COLLECTIONS-01 — neutralise la grille Shopify avant le rail horizontal. */ html.lgk-storefront--legeekshop .shopify-section--featured-collections .product-list--carousel { display: grid !important; grid-template-columns: none !important; grid-template-rows: minmax(0, auto) !important; grid-auto-flow: column !important; grid-auto-columns: clamp(10.5rem, 46%, 12.5rem) !important; align-items: stretch !important; justify-content: start !important; gap: 0.875rem !important; max-width: 100%; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-inline: contain; scroll-padding-inline: 0.25rem; scroll-snap-type: inline mandatory; scrollbar-width: none; } html.lgk-storefront--legeekshop .shopify-section--featured-collections .product-list--carousel::-webkit-scrollbar { display: none; } html.lgk-storefront--legeekshop .shopify-section--featured-collections .product-list--carousel > .product-card { width: 100% !important; min-width: 0 !important; scroll-snap-align: start; scroll-snap-stop: normal; } html.lgk-storefront--legeekshop .shopify-section--featured-collections .product-card__info { min-width: 0; } html.lgk-storefront--legeekshop .shopify-section--featured-collections .product-title, html.lgk-storefront--legeekshop .shopify-section--featured-collections .price-list { overflow-wrap: anywhere; word-break: normal; } html.lgk-storefront--legeekshop .shopify-section--featured-collections .product-card.lgk-card-v2 .product-title { font-size: clamp(0.9rem, 0.95vw, 1.02rem); font-weight: 800; } html.lgk-storefront--legeekshop .shopify-section--featured-collections .lgk-card-v2__cta-link { width: 100%; min-height: 2.65rem; } @media (min-width: 700px) { html.lgk-storefront--legeekshop .shopify-section--featured-collections .product-list--carousel { grid-auto-columns: calc((100% - 3 * 1.25rem) / 4) !important; gap: 1.25rem !important; } } /* VISUAL-01b ? panier, compte, 404, ?tats vides */ .lgk-shell-page { max-width: 56rem; margin-inline: auto; padding: clamp(2rem, 5vw, 3.5rem) var(--container-gutter, 1.25rem); } .lgk-shell-page__title { margin: 0 0 1.5rem; color: #fff; font-family: var(--font-display), sans-serif; font-size: clamp(1.85rem, 4vw, 2.75rem); line-height: 1.05; } .lgk-empty-state { display: grid; gap: 0.85rem; justify-items: center; padding: clamp(2rem, 5vw, 3rem) 1.25rem; border: 1px dashed rgba(255, 255, 255, 0.16); border-radius: 1rem; background: rgba(18, 21, 26, 0.72); color: rgba(255, 255, 255, 0.68); text-align: center; } .lgk-empty-state__title { margin: 0; color: #fff; font-size: 1.15rem; font-weight: 750; } .lgk-empty-state__text { margin: 0; max-width: 28rem; font-size: 0.92rem; line-height: 1.5; } .lgk-empty-state__actions { display: flex; flex-wrap: wrap; gap: 0.65rem; justify-content: center; margin-top: 0.35rem; } .lgk-empty-state__actions a, .lgk-error-page__actions a { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; padding: 0.65rem 1.15rem; border-radius: 999px; font-size: 0.82rem; font-weight: 750; text-decoration: none; } .lgk-empty-state__actions a.lgk-btn-primary, .lgk-error-page__actions a.lgk-btn-primary { background: #31e6c3; color: #05110e; } .lgk-empty-state__actions a.lgk-btn-ghost, .lgk-error-page__actions a.lgk-btn-ghost { border: 1px solid rgba(255, 255, 255, 0.18); color: #fff; } .lgk-error-page { max-width: 28rem; margin: clamp(3rem, 12vw, 6rem) auto; padding-inline: var(--container-gutter, 1.25rem); text-align: center; } .lgk-error-page__code { margin: 0; color: #fff; font-family: var(--font-display), sans-serif; font-size: clamp(3rem, 12vw, 4.5rem); line-height: 1; } .lgk-error-page__text { margin: 0.85rem 0 0; color: rgba(255, 255, 255, 0.62); } .lgk-error-page__actions { display: flex; flex-wrap: wrap; gap: 0.65rem; justify-content: center; margin-top: 1.5rem; } /* Header v2 : une seule ligne — hamburger + nav | logo | search + actions */ .lgk-topbar.lgk-topbar--v2 { display: flex !important; flex-flow: row nowrap !important; align-items: center !important; gap: 0.65rem 0.85rem !important; height: 4.25rem !important; min-height: 4.25rem !important; max-height: 4.25rem !important; padding: 0 clamp(0.75rem, 2vw, 1.5rem) !important; box-shadow: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; background: #0a0908 !important; overflow: hidden !important; } .lgk-topbar--v2 > .lgk-topbar__slot { flex-wrap: nowrap !important; align-items: center !important; height: 100% !important; min-height: 0 !important; } .lgk-topbar--v2 .lgk-topbar__slot--left { flex: 1 1 0 !important; gap: 0.5rem !important; justify-content: flex-start !important; min-width: 0 !important; } .lgk-topbar--v2 .lgk-topbar__slot--center { flex: 0 0 auto !important; justify-content: center !important; } .lgk-topbar--v2 .lgk-topbar__slot--right { flex: 0 1 auto !important; gap: 0.25rem !important; justify-content: flex-end !important; min-width: 0 !important; } .lgk-topbar--v2 .lgk-topbar__brand { flex-shrink: 0; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .lgk-topbar--v2 .lgk-topbar__logo { width: clamp(7.5rem, 14vw, 11rem) !important; max-height: 3.25rem !important; } .lgk-topbar--v2 .lgk-header-menu-btn { width: 2.45rem !important; height: 2.45rem !important; min-width: 2.45rem !important; min-height: 2.45rem !important; border-radius: 0.45rem !important; border-color: rgba(255, 255, 255, 0.22) !important; background: transparent !important; } .lgk-topbar--v2 .lgk-header-menu-btn:hover { border-color: rgba(255, 255, 255, 0.45) !important; background: rgba(255, 255, 255, 0.06) !important; } .lgk-topbar__nav { display: none; flex: 1 1 auto; align-items: center; justify-content: flex-start; flex-wrap: nowrap !important; gap: clamp(0.45rem, 1vw, 0.95rem); min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .lgk-topbar__nav::-webkit-scrollbar { display: none; } .lgk-topbar__nav a { color: rgba(255, 255, 255, 0.72); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 0.35rem 0; border-bottom: 1px solid transparent; transition: color 0.18s ease, border-color 0.18s ease; } .lgk-topbar__nav a:hover { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.45); } .lgk-topbar__nav-all { color: #31e6c3 !important; } .lgk-topbar--v2 .lgk-topbar__search { max-width: min(240px, 28vw); } .lgk-topbar--v2 .lgk-topbar__search-input { height: 2.2rem !important; min-width: 7rem !important; background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.16) !important; } .lgk-topbar--v2 .lgk-topbar__search-btn { width: 2.2rem !important; height: 2.2rem !important; min-width: 2.2rem !important; } .lgk-topbar--v2 .lgk-topbar__icon { width: 2.35rem !important; height: 2.35rem !important; min-width: 2.35rem !important; min-height: 2.35rem !important; border-radius: 0.45rem !important; border: 0 !important; background: transparent !important; } .lgk-topbar--v2 .lgk-topbar__icon:hover { background: rgba(255, 255, 255, 0.08) !important; } /* Nav inline desktop ; pas de 2e barre */ @media (min-width: 1100px) { .lgk-topbar__nav { display: flex !important; flex-wrap: nowrap !important; } .lgk-topbar--v2 .lgk-topbar__search { display: inline-flex !important; } .lgk-topbar--v2 .lgk-topbar__icon--search-mobile { display: none !important; } } @media (max-width: 1099px) { .lgk-topbar__nav { display: none !important; } .lgk-topbar--v2 .lgk-topbar__search { display: none !important; } .lgk-topbar--v2 .lgk-topbar__icon--search-mobile { display: inline-flex !important; } } /* Ancienne barre secondaire : toujours masqu?e */ .lgk-primary-nav--mobile { display: none !important; } @media (max-width: 699px) { .lgk-topbar--v2 { height: 3.6rem !important; min-height: 3.6rem !important; max-height: 3.6rem !important; padding-inline: 0.7rem !important; } .lgk-topbar--v2 .lgk-topbar__logo { width: clamp(6.8rem, 34vw, 8.5rem) !important; max-height: 2.85rem !important; } } /* Home CTA newsletter + trust (align? Shopify lgk-home-cta-bar) */ .lgk-home-cta__newsletter-banner { margin-block-end: 0.15rem; } .lgk-home-cta__inner { display: flex; flex-direction: column; gap: 0.85rem; } .lgk-home-cta__trust { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 0.55rem; } @media (min-width: 700px) { .lgk-home-cta__trust { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1100px) { .lgk-home-cta__trust { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-home-cta__trust-item { display: flex; align-items: center; gap: 0.65rem; min-height: 3.25rem; padding: 0.65rem 0.85rem; border-radius: 0.75rem; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.03); } .lgk-home-cta__icon { flex-shrink: 0; font-size: 1.05rem; } .lgk-home-cta__text { font-size: 0.86rem; line-height: 1.35; } button.lgk-home-cta__trust-promo-btn { display: flex; align-items: center; gap: 0.65rem; width: 100%; min-height: 3.25rem; padding: 0; border: none; font: inherit; color: inherit; background: transparent; cursor: pointer; text-align: start; -webkit-tap-highlight-color: transparent; } button.lgk-home-cta__trust-promo-btn:focus-visible { outline: 2px solid #00d4aa; outline-offset: 2px; border-radius: 0.5rem; } .lgk-home-cta__trust-item--promo:hover { border-color: rgb(0 212 170 / 0.55); background: rgb(0 212 170 / 0.12); } /* ===== lgk-footer-v2.css ===== */ /** * Footer V2 — plus court, premium, sombre */ html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer, html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .footer { --lgk-footer-bg: #07090d; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__link { border-radius: 8px; transition: background 160ms ease, color 160ms ease; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__link:hover { background: rgba(37, 99, 235, 0.12); color: #22d3ee !important; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer-help__card { background: #11151f !important; border: 1px solid rgba(148, 163, 184, 0.12) !important; border-radius: 12px !important; box-shadow: none !important; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer .h4, html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer .h5 { letter-spacing: -0.02em; color: #f1f5f9; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__gd-link { margin: 0.75rem 0 0; text-align: center; font-size: 0.8rem; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__gd-link a { color: #64748b; text-decoration: none; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__gd-link a:hover { color: #94a3b8; text-decoration: underline; } /* ── Brand + social pills + payment chips (aligné boutique Shopify) ── */ html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__brand { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.15rem; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__brand .lgk-footer__logo, html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__brand img.lgk-footer__logo { width: auto !important; max-width: min(180px, 58vw) !important; height: auto !important; margin-bottom: 0 !important; filter: drop-shadow(0 6px 22px rgb(0 0 0 / 0.4)); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__tagline-wrap { display: flex; flex-direction: column; align-items: center; gap: 0.55rem; margin-top: 0.85rem; max-width: min(28rem, 92vw); padding-inline: 0.5rem; text-align: center; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__tagline { margin: 0; font-size: clamp(0.8125rem, 2.4vw, 0.9375rem); line-height: 1.55; font-weight: 500; letter-spacing: 0.01em; color: rgb(241 245 249 / 0.92); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__tagline--sub { font-size: 0.6875rem; font-weight: 600; line-height: 1.5; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(148 163 184 / 0.78); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__social { display: flex; flex-direction: column; align-items: center; gap: 0.85rem; width: 100%; margin-top: 0; padding: 1.35rem 0; border-top: 1px solid rgb(148 163 184 / 0.14); border-bottom: 1px solid rgb(148 163 184 / 0.14); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__social-label { margin: 0; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(148 163 184 / 0.72); text-align: center; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__social .social-media, html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__social .social-media--footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.55rem; margin: 0; padding: 0; list-style: none; width: 100%; max-width: 36rem; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__social .social-media__item { margin: 0; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__social-link { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; min-width: 44px; min-height: 44px; padding: 0; border-radius: 12px; border: 1px solid rgb(148 163 184 / 0.28); background: rgb(148 163 184 / 0.08); color: #e2e8f0; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__social-link:hover { transform: translateY(-3px); color: #fff; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__social-link svg { width: 1.2rem; height: 1.2rem; flex-shrink: 0; } /* Branding colors — même logique que le footer Shopify */ html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--facebook .lgk-footer__social-link { color: #1877f2; border-color: rgb(24 119 242 / 0.4); background: rgb(24 119 242 / 0.14); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--facebook .lgk-footer__social-link:hover { background: #1877f2; border-color: #1877f2; box-shadow: 0 6px 18px rgb(24 119 242 / 0.35); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--discord .lgk-footer__social-link { color: #5865f2; border-color: rgb(88 101 242 / 0.4); background: rgb(88 101 242 / 0.14); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--discord .lgk-footer__social-link:hover { background: #5865f2; border-color: #5865f2; box-shadow: 0 6px 18px rgb(88 101 242 / 0.35); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--telegram .lgk-footer__social-link { color: #2aabee; border-color: rgb(42 171 238 / 0.4); background: rgb(42 171 238 / 0.14); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--telegram .lgk-footer__social-link:hover { background: #2aabee; border-color: #2aabee; box-shadow: 0 6px 18px rgb(42 171 238 / 0.35); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--whatsapp .lgk-footer__social-link { color: #25d366; border-color: rgb(37 211 102 / 0.4); background: rgb(37 211 102 / 0.14); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--whatsapp .lgk-footer__social-link:hover { background: #25d366; border-color: #25d366; box-shadow: 0 6px 18px rgb(37 211 102 / 0.35); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--gothamdev .lgk-footer__social-link { color: #22d3ee; border-color: rgb(34 211 238 / 0.4); background: rgb(34 211 238 / 0.12); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .branding-colors--gothamdev .lgk-footer__social-link:hover { background: #22d3ee; border-color: #22d3ee; color: #0f172a; box-shadow: 0 6px 18px rgb(34 211 238 / 0.35); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__aside { padding-block: 1rem 0.35rem; border-top: 0; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem 1.5rem; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__bar .payment-methods, html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer .payment-methods { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.45rem; margin: 0; padding: 0.85rem 0 0.25rem; list-style: none; width: 100%; border-top: 1px solid rgb(148 163 184 / 0.12); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer .payment-methods > li { flex-shrink: 0; line-height: 0; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__pay-logo { display: block; width: auto; height: 1.75rem; border-radius: 4px; opacity: 0.95; transition: opacity 0.2s ease, transform 0.2s ease; } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__pay-logo:hover { opacity: 1; transform: scale(1.06); } html:not(.lgk-storefront--wayne):not(.lgk-storefront--gotham-airsoft) .lgk-footer__pay-badge { display: none; } /* ===== lgk-account.css ===== */ /** * Customer account dashboard — Geekland / dark premium shell * Tokens: --store-primary, --store-secondary, --store-surface, --store-border */ body.lgk-account-mode, html.lgk-account-mode { background: #070b0f !important; } .lgk-account { --lgk-acc-bg: var(--store-bg, #070b10); --lgk-acc-surface: var(--store-surface, #0d1319); --lgk-acc-surface-2: var(--store-surface-2, #10171e); --lgk-acc-border: var(--store-border, rgba(255, 255, 255, 0.06)); --lgk-acc-text: var(--store-text, #f5f7fa); --lgk-acc-text-2: var(--store-text-secondary, #9aa4b2); --lgk-acc-muted: var(--store-text-muted, #667085); --lgk-acc-accent: var(--store-primary, #00d4aa); --lgk-acc-radius: 16px; --lgk-acc-radius-sm: 12px; --account-bg: var(--lgk-acc-bg); --account-surface: var(--lgk-acc-surface); --account-surface-raised: var(--lgk-acc-surface-2); --account-border: var(--lgk-acc-border); --account-text: var(--lgk-acc-text); --account-muted: var(--lgk-acc-text-2); color: var(--lgk-acc-text); background: var(--lgk-acc-bg); min-height: 100vh; font-family: var(--font-instrument), "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif; } .lgk-account a:focus-visible, .lgk-account button:focus-visible { outline: 2px solid var(--lgk-acc-accent); outline-offset: 2px; } .lgk-account__topbar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 0.7rem 1.15rem; border-bottom: 1px solid var(--lgk-acc-border); background: rgba(8, 12, 16, 0.94); backdrop-filter: blur(12px); position: sticky; top: 0; z-index: 25; } .lgk-account__topbar-left { display: flex; align-items: center; gap: 0.55rem; min-width: 0; } .lgk-account__top-brand { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--lgk-acc-accent); text-decoration: none; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; } .lgk-account__top-brand img { width: 28px; height: 28px; border-radius: 8px; object-fit: contain; } .lgk-account__search { flex: 1; display: flex; align-items: center; gap: 0.55rem; width: 100%; max-width: 560px; margin: 0 auto; padding: 0.55rem 0.9rem; border-radius: 999px; border: 1px solid var(--lgk-acc-border); background: #0a0f14; color: var(--lgk-acc-muted); } .lgk-account__locale { display: none; align-items: center; gap: 0.25rem; font-size: 0.72rem; font-weight: 650; color: var(--lgk-acc-text-2); white-space: nowrap; padding: 0.35rem 0.55rem; border-radius: 8px; border: 1px solid transparent; } .lgk-account__top-avatar { display: inline-flex; align-items: center; justify-content: center; width: 2.35rem; height: 2.35rem; border-radius: 999px; background: linear-gradient( 135deg, var(--lgk-acc-accent), color-mix(in srgb, var(--store-secondary, #0ea5e9) 70%, #7c3aed) ); color: #04140f; font-size: 0.85rem; font-weight: 800; text-decoration: none; border: 1px solid rgba(255, 255, 255, 0.12); } .lgk-account__mobile-toggle { display: none; align-items: center; justify-content: center; width: 2.35rem; height: 2.35rem; padding: 0; border-radius: 10px; border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface); color: var(--lgk-acc-text); cursor: pointer; } .lgk-account__mobile-toggle svg { width: 1.1rem; height: 1.1rem; } .lgk-account__sidebar-brand { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.25rem 0.25rem 1rem; margin-bottom: 0.25rem; border-bottom: 1px solid var(--lgk-acc-border); } .lgk-account__sidebar-brand-link { display: flex; align-items: center; gap: 0.65rem; min-width: 0; color: inherit; text-decoration: none; } .lgk-account__sidebar-brand img { width: 32px; height: 32px; object-fit: contain; border-radius: 9px; flex-shrink: 0; } .lgk-account__sidebar-brand span { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.2; color: var(--lgk-acc-accent); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lgk-account__sidebar-close { display: none; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 0; border-radius: 8px; background: rgba(255, 255, 255, 0.05); color: var(--lgk-acc-text-2); cursor: pointer; } .lgk-account__dock { display: none; } .lgk-account__search input { flex: 1; border: 0; background: transparent; color: var(--lgk-acc-text); font: inherit; font-size: 0.875rem; outline: none; } .lgk-account__search input::placeholder { color: var(--lgk-acc-muted); } .lgk-account__search svg { width: 1rem; height: 1rem; flex-shrink: 0; } .lgk-account__topbar-actions { display: flex; align-items: center; gap: 0.45rem; flex-shrink: 0; } .lgk-account__top-link { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 2.35rem; height: 2.35rem; border-radius: 999px; border: 1px solid var(--lgk-acc-border); color: var(--lgk-acc-text-2); background: transparent; text-decoration: none; } .lgk-account__top-link:hover { color: var(--lgk-acc-text); border-color: color-mix(in srgb, var(--lgk-acc-accent) 40%, var(--lgk-acc-border)); } .lgk-account__top-link svg { width: 1.05rem; height: 1.05rem; } .lgk-account__top-badge { position: absolute; top: -0.15rem; right: -0.15rem; min-width: 1.05rem; height: 1.05rem; padding: 0 0.25rem; border-radius: 999px; background: var(--lgk-acc-accent); color: #04140f; font-size: 0.6rem; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; } .lgk-account__top-store { display: inline-flex; align-items: center; min-height: 2.35rem; padding: 0 0.85rem; border-radius: 999px; border: 1px solid var(--lgk-acc-border); color: var(--lgk-acc-text-2); text-decoration: none; font-size: 0.78rem; font-weight: 600; } .lgk-account__top-store:hover { color: var(--lgk-acc-accent); border-color: color-mix(in srgb, var(--lgk-acc-accent) 40%, transparent); } .lgk-account__frame { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 0; min-height: calc(100vh - 4.5rem); max-width: none; margin: 0; border-top: 0; } .lgk-account__frame--with-rail { grid-template-columns: 220px minmax(0, 1fr) 320px; } .lgk-account__sidebar { position: sticky; top: 4.25rem; align-self: start; max-height: calc(100vh - 4.25rem); overflow-y: auto; padding: 0.85rem 0.55rem 1.25rem; border-right: 1px solid var(--lgk-acc-border); background: #080c11; } .lgk-account__nav-section { margin-bottom: 0.7rem; } .lgk-account__nav-label { margin: 0 0 0.3rem 0.7rem; font-size: 0.58rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #667085; } .lgk-account__nav-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.08rem; } .lgk-account__nav-link { display: flex; align-items: center; gap: 0.55rem; padding: 0.48rem 0.65rem 0.48rem 0.7rem; border-radius: 0 10px 10px 0; color: #b8c0cc; text-decoration: none; font-size: 0.8rem; font-weight: 500; border-left: 3px solid transparent; margin-left: 0; transition: background 140ms ease-out, color 140ms ease-out, border-color 140ms ease-out; } .lgk-account__nav-link:hover { color: #fff; background: rgba(255, 255, 255, 0.035); } .lgk-account__nav-link.is-active { color: var(--lgk-acc-accent); background: color-mix(in srgb, var(--lgk-acc-accent) 14%, transparent); font-weight: 650; border-left-color: var(--lgk-acc-accent); box-shadow: none; } .lgk-account__nav-link svg { width: 15px; height: 15px; flex-shrink: 0; opacity: 0.85; } .lgk-account__nav-link.is-active svg { opacity: 1; color: var(--lgk-acc-accent); } .lgk-account__nav-badge { margin-left: auto; min-width: 1.2rem; padding: 0.08rem 0.35rem; border-radius: 999px; font-size: 0.62rem; font-weight: 700; background: var(--lgk-acc-accent); color: #04140f; } .lgk-account__nav-link.is-active .lgk-account__nav-badge { background: var(--lgk-acc-accent); color: #04140f; } .lgk-account__sidebar-foot { margin-top: 1rem; padding-top: 0.85rem; border-top: 1px solid var(--lgk-acc-border); display: grid; gap: 0.65rem; } .lgk-acc-loyalty { padding: 0.9rem; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--lgk-acc-accent) 28%, transparent); background: linear-gradient(160deg, color-mix(in srgb, var(--lgk-acc-accent) 16%, transparent), rgba(0, 0, 0, 0.2)); } .lgk-acc-loyalty__badge { margin: 0 0 0.35rem; display: inline-flex; padding: 0.15rem 0.45rem; border-radius: 999px; font-size: 0.62rem; font-weight: 800; letter-spacing: 0.08em; background: var(--lgk-acc-accent); color: #04140f; } .lgk-acc-loyalty h3 { margin: 0; font-size: 0.9rem; font-weight: 700; } .lgk-acc-loyalty p { margin: 0.35rem 0 0.75rem; font-size: 0.75rem; color: var(--lgk-acc-text-2); line-height: 1.4; } .lgk-acc-offer { padding: 1rem; border-radius: var(--lgk-acc-radius); border: 1px solid color-mix(in srgb, var(--lgk-acc-accent) 30%, transparent); background: linear-gradient(165deg, color-mix(in srgb, var(--lgk-acc-accent) 14%, transparent), var(--lgk-acc-surface)); } .lgk-acc-offer__eyebrow { margin: 0 0 0.35rem; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lgk-acc-accent); } .lgk-acc-offer h3 { margin: 0; font-size: 1rem; font-weight: 750; letter-spacing: -0.02em; } .lgk-acc-offer p { margin: 0.4rem 0 0.75rem; font-size: 0.78rem; color: var(--lgk-acc-text-2); } .lgk-acc-offer__code { display: inline-flex; margin-bottom: 0.75rem; padding: 0.35rem 0.65rem; border-radius: 8px; border: 1px dashed color-mix(in srgb, var(--lgk-acc-accent) 45%, transparent); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.08em; color: var(--lgk-acc-accent); } .lgk-acc-rail-title { margin: 0 0 0.65rem; font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lgk-acc-muted); font-weight: 700; } .lgk-account__logout { display: flex; align-items: center; gap: 0.55rem; width: 100%; padding: 0.55rem 0.65rem; border-radius: 10px; border: 1px solid rgba(251, 113, 133, 0.25); background: transparent; color: #fda4af; font-size: 0.8125rem; cursor: pointer; transition: border-color 180ms ease-out, background 180ms ease-out; } .lgk-account__logout:hover { background: rgba(244, 63, 94, 0.08); border-color: rgba(251, 113, 133, 0.45); } .lgk-account__main { min-width: 0; padding: 1.5rem 1.65rem 2.75rem; background: radial-gradient(1200px 480px at 20% -10%, color-mix(in srgb, var(--lgk-acc-accent) 7%, transparent), transparent 55%); } .lgk-account__rail { padding: 1.35rem 1.15rem 2.5rem 1rem; border-left: 1px solid var(--lgk-acc-border); background: #080c11; display: grid; gap: 0.95rem; align-content: start; } .lgk-account__mobile-bar { display: none; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.75rem 1rem; border-bottom: 1px solid var(--lgk-acc-border); background: #090d12; } .lgk-account__mobile-toggle { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.75rem; border-radius: 10px; border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface); color: var(--lgk-acc-text); font-size: 0.8125rem; font-weight: 600; cursor: pointer; } .lgk-account__drawer-backdrop { display: none; } /* Cards */ .lgk-acc-card { border: 1px solid var(--lgk-acc-border); border-radius: var(--lgk-acc-radius); background: var(--lgk-acc-surface); padding: 1.1rem 1.15rem; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.02) inset; } .lgk-acc-card--hover { transition: transform 180ms ease-out, border-color 180ms ease-out; } .lgk-acc-card--hover:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--lgk-acc-accent) 35%, var(--lgk-acc-border)); } .lgk-acc-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 0.95rem; } .lgk-acc-section-head h2 { margin: 0; font-size: 1.05rem; font-weight: 700; letter-spacing: -0.02em; } .lgk-acc-section-head a { font-size: 0.8125rem; color: var(--lgk-acc-accent); text-decoration: none; font-weight: 600; } .lgk-acc-section-head a:hover { text-decoration: underline; } .lgk-acc-hello { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 0.85rem 1.25rem; margin-bottom: 1.35rem; } .lgk-acc-hello__eyebrow { margin: 0 0 0.4rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lgk-acc-muted); } .lgk-acc-hello__copy { min-width: 0; flex: 1 1 16rem; } .lgk-acc-hello__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; } .lgk-acc-hello h1 { margin: 0; font-size: clamp(1.625rem, 2.1vw, 2rem); font-weight: 750; letter-spacing: -0.035em; line-height: 1.12; } .lgk-acc-hello p { margin: 0.5rem 0 0; color: var(--lgk-acc-text-2); font-size: 0.9375rem; line-height: 1.45; max-width: 46rem; } .lgk-acc-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.7rem; margin-bottom: 1.4rem; } .lgk-acc-kpi { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.95rem 0.9rem; border-radius: var(--lgk-acc-radius); border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface); text-decoration: none; color: inherit; min-height: 5.4rem; transition: transform 160ms ease-out, border-color 160ms ease-out, background 160ms ease-out; } .lgk-acc-kpi:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--lgk-acc-accent) 38%, var(--lgk-acc-border)); background: color-mix(in srgb, var(--lgk-acc-surface) 88%, #fff); } .lgk-acc-kpi__body { min-width: 0; display: grid; gap: 0.2rem; } .lgk-acc-kpi__ico { display: inline-flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; flex-shrink: 0; border-radius: 10px; background: color-mix(in srgb, var(--lgk-acc-accent) 16%, transparent); color: var(--lgk-acc-accent); } .lgk-acc-kpi--blue .lgk-acc-kpi__ico { background: rgba(59, 130, 246, 0.16); color: #60a5fa; } .lgk-acc-kpi--purple .lgk-acc-kpi__ico { background: rgba(168, 85, 247, 0.16); color: #c084fc; } .lgk-acc-kpi--orange .lgk-acc-kpi__ico { background: rgba(249, 115, 22, 0.16); color: #fb923c; } .lgk-acc-kpi--cyan .lgk-acc-kpi__ico { background: rgba(34, 211, 238, 0.16); color: #22d3ee; } .lgk-acc-kpi__ico svg { width: 1.05rem; height: 1.05rem; } .lgk-acc-kpi__label { font-size: 0.72rem; color: var(--lgk-acc-text-2); font-weight: 600; } .lgk-acc-kpi__value { font-size: 1.35rem; font-weight: 750; letter-spacing: -0.03em; line-height: 1.1; } .lgk-acc-kpi__action { margin-top: 0.15rem; font-size: 0.68rem; font-weight: 650; color: var(--lgk-acc-accent); } .lgk-acc-order { display: grid; gap: 0.9rem; padding: 1.1rem 1.15rem; border-radius: var(--lgk-acc-radius); border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface); } .lgk-acc-order + .lgk-acc-order { margin-top: 0.75rem; } .lgk-acc-order__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.65rem; } .lgk-acc-order__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; } .lgk-acc-order__num { font-weight: 700; font-size: 0.9375rem; } .lgk-acc-badge { display: inline-flex; align-items: center; padding: 0.2rem 0.55rem; border-radius: 999px; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.02em; border: 1px solid transparent; } .lgk-acc-badge--success { color: #6ee7b7; background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.25); } .lgk-acc-badge--info { color: #7dd3fc; background: rgba(14, 165, 233, 0.12); border-color: rgba(14, 165, 233, 0.25); } .lgk-acc-badge--accent { color: var(--lgk-acc-accent); background: color-mix(in srgb, var(--lgk-acc-accent) 14%, transparent); border-color: color-mix(in srgb, var(--lgk-acc-accent) 28%, transparent); } .lgk-acc-badge--danger { color: #fda4af; background: rgba(244, 63, 94, 0.12); border-color: rgba(244, 63, 94, 0.25); } .lgk-acc-badge--muted { color: var(--lgk-acc-muted); background: rgba(255, 255, 255, 0.04); border-color: var(--lgk-acc-border); } .lgk-acc-badge--warning { color: #fcd34d; background: rgba(245, 158, 11, 0.12); border-color: rgba(245, 158, 11, 0.28); } .lgk-acc-badge--st-pending { color: #fbbf24; background: rgba(245, 158, 11, 0.16); border-color: rgba(251, 191, 36, 0.4); } .lgk-acc-badge--st-paid { color: #34d399; background: rgba(16, 185, 129, 0.16); border-color: rgba(52, 211, 153, 0.4); } .lgk-acc-badge--st-fulfilling { color: #fb923c; background: rgba(234, 88, 12, 0.16); border-color: rgba(251, 146, 60, 0.42); } .lgk-acc-badge--st-shipped { color: #38bdf8; background: rgba(14, 165, 233, 0.16); border-color: rgba(56, 189, 248, 0.42); } .lgk-acc-badge--st-fulfilled { color: #86efac; background: rgba(34, 197, 94, 0.16); border-color: rgba(74, 222, 128, 0.45); } .lgk-acc-badge--st-cancelled { color: #fb7185; background: rgba(244, 63, 94, 0.16); border-color: rgba(251, 113, 133, 0.42); } .lgk-acc-badge--st-refunded { color: #94a3b8; background: rgba(148, 163, 184, 0.12); border-color: rgba(148, 163, 184, 0.32); } .lgk-acc-filter--active.lgk-acc-btn--primary, .lgk-acc-filter--active.is-active { background: #ea580c !important; border-color: #fb923c !important; color: #fff7ed !important; } .lgk-acc-filter--delivered.lgk-acc-btn--primary, .lgk-acc-filter--delivered.is-active { background: #15803d !important; border-color: #4ade80 !important; color: #ecfdf5 !important; } .lgk-acc-filter--returns.lgk-acc-btn--primary, .lgk-acc-filter--returns.is-active { background: #be123c !important; border-color: #fb7185 !important; color: #fff1f2 !important; } .lgk-acc-order__body { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 0.85rem; align-items: center; } .lgk-acc-order__img { width: 64px; height: 64px; border-radius: 12px; object-fit: cover; background: #0a0e13; border: 1px solid var(--lgk-acc-border); } .lgk-acc-order__img--ph { display: grid; place-items: center; color: var(--lgk-acc-muted); } .lgk-acc-order__title { margin: 0; font-size: 0.875rem; font-weight: 600; } .lgk-acc-order__sub { margin: 0.25rem 0 0; font-size: 0.75rem; color: var(--lgk-acc-muted); } .lgk-acc-order__total { text-align: right; font-weight: 700; color: var(--lgk-acc-accent); font-size: 0.9375rem; } .lgk-acc-order__cta { display: inline-flex; align-items: center; justify-content: center; margin-top: 0.45rem; padding: 0.35rem 0.65rem; border-radius: 8px; border: 1px solid var(--lgk-acc-border); font-size: 0.72rem; font-weight: 650; color: var(--lgk-acc-text-2); text-decoration: none; background: rgba(255, 255, 255, 0.02); white-space: nowrap; } .lgk-acc-order__cta:hover { color: var(--lgk-acc-accent); border-color: color-mix(in srgb, var(--lgk-acc-accent) 40%, transparent); } .lgk-acc-timeline { display: flex; gap: 0; overflow-x: auto; padding: 0.55rem 0.15rem 0.1rem; list-style: none; margin: 0; } .lgk-acc-timeline__step { flex: 1; min-width: 4.75rem; text-align: center; position: relative; } .lgk-acc-timeline__step:not(:last-child)::after { content: ""; position: absolute; top: 0.32rem; left: calc(50% + 0.45rem); right: calc(-50% + 0.45rem); height: 2px; background: rgba(255, 255, 255, 0.1); border-radius: 999px; } .lgk-acc-timeline__step.is-done:not(:last-child)::after { background: color-mix(in srgb, var(--lgk-acc-accent) 70%, transparent); } .lgk-acc-timeline__step[data-step="paid"].is-done:not(:last-child)::after { background: rgba(52, 211, 153, 0.7); } .lgk-acc-timeline__step[data-step="fulfilling"].is-done:not(:last-child)::after { background: rgba(251, 146, 60, 0.7); } .lgk-acc-timeline__step[data-step="shipped"].is-done:not(:last-child)::after { background: rgba(56, 189, 248, 0.7); } .lgk-acc-timeline__step[data-step="fulfilled"].is-done:not(:last-child)::after { background: rgba(74, 222, 128, 0.7); } .lgk-acc-timeline__dot { width: 0.7rem; height: 0.7rem; margin: 0 auto 0.4rem; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 2px solid rgba(255, 255, 255, 0.08); position: relative; z-index: 1; } .lgk-acc-timeline__step.is-done .lgk-acc-timeline__dot { background: var(--lgk-acc-accent); border-color: color-mix(in srgb, var(--lgk-acc-accent) 40%, #000); box-shadow: 0 0 0 3px color-mix(in srgb, var(--lgk-acc-accent) 20%, transparent); } .lgk-acc-timeline__step.is-current .lgk-acc-timeline__dot { background: var(--lgk-acc-surface); border-color: var(--lgk-acc-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--lgk-acc-accent) 18%, transparent); } .lgk-acc-timeline__step[data-step="paid"].is-done .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="paid"].is-current .lgk-acc-timeline__dot { background: #34d399; border-color: #059669; box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.22); } .lgk-acc-timeline__step[data-step="fulfilling"].is-done .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="fulfilling"].is-current .lgk-acc-timeline__dot { background: #fb923c; border-color: #c2410c; box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.22); } .lgk-acc-timeline__step[data-step="shipped"].is-done .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="shipped"].is-current .lgk-acc-timeline__dot { background: #38bdf8; border-color: #0284c7; box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.22); } .lgk-acc-timeline__step[data-step="fulfilled"].is-done .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="fulfilled"].is-current .lgk-acc-timeline__dot { background: #4ade80; border-color: #16a34a; box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.22); } .lgk-acc-timeline__step[data-step="cancelled"].is-done .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="cancelled"].is-current .lgk-acc-timeline__dot { background: #fb7185; border-color: #e11d48; box-shadow: 0 0 0 3px rgba(251, 113, 133, 0.22); } .lgk-acc-timeline__step[data-step="paid"].is-current:not(.is-done) .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="fulfilling"].is-current:not(.is-done) .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="shipped"].is-current:not(.is-done) .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="fulfilled"].is-current:not(.is-done) .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="cancelled"].is-current:not(.is-done) .lgk-acc-timeline__dot, .lgk-acc-timeline__step[data-step="refunded"].is-current:not(.is-done) .lgk-acc-timeline__dot { background: transparent; } .lgk-acc-timeline__step[data-step="paid"].is-done .lgk-acc-timeline__label, .lgk-acc-timeline__step[data-step="paid"].is-current .lgk-acc-timeline__label { color: #6ee7b7; } .lgk-acc-timeline__step[data-step="fulfilling"].is-done .lgk-acc-timeline__label, .lgk-acc-timeline__step[data-step="fulfilling"].is-current .lgk-acc-timeline__label { color: #fdba74; } .lgk-acc-timeline__step[data-step="shipped"].is-done .lgk-acc-timeline__label, .lgk-acc-timeline__step[data-step="shipped"].is-current .lgk-acc-timeline__label { color: #7dd3fc; } .lgk-acc-timeline__step[data-step="fulfilled"].is-done .lgk-acc-timeline__label, .lgk-acc-timeline__step[data-step="fulfilled"].is-current .lgk-acc-timeline__label { color: #86efac; } .lgk-acc-timeline__step[data-step="cancelled"].is-current .lgk-acc-timeline__label, .lgk-acc-timeline__step[data-step="cancelled"].is-done .lgk-acc-timeline__label { color: #fda4af; } .lgk-acc-timeline__step[data-step="refunded"].is-current .lgk-acc-timeline__label, .lgk-acc-timeline__step[data-step="refunded"].is-done .lgk-acc-timeline__label { color: #cbd5e1; } .lgk-acc-timeline__label { font-size: 0.65rem; color: var(--lgk-acc-muted); line-height: 1.3; font-weight: 550; } .lgk-acc-timeline__step.is-done .lgk-acc-timeline__label, .lgk-acc-timeline__step.is-current .lgk-acc-timeline__label { color: var(--lgk-acc-text-2); font-weight: 650; } .lgk-acc-grid-2 { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1rem; margin-top: 1.25rem; } .lgk-acc-grid-3 { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 1rem; margin-top: 1.25rem; } .lgk-acc-section { margin-top: 1.5rem; } .lgk-acc-card__title { margin: 0 0 0.75rem; font-size: 0.9375rem; font-weight: 700; } .lgk-acc-card__muted { margin: 0; font-size: 0.8125rem; color: var(--lgk-acc-text-2); line-height: 1.45; } .lgk-acc-card__value { margin: 0.35rem 0 0.65rem; font-size: 1.65rem; font-weight: 750; letter-spacing: -0.03em; } .lgk-acc-card__value--sm { font-size: 0.95rem; font-weight: 650; } .lgk-acc-card--center { text-align: center; display: grid; justify-items: center; align-content: start; gap: 0.35rem; } .lgk-acc-mini-ico { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 999px; background: color-mix(in srgb, var(--lgk-acc-accent) 14%, transparent); color: var(--lgk-acc-accent); margin-bottom: 0.25rem; } .lgk-acc-mini-ico svg { width: 1.1rem; height: 1.1rem; } .lgk-acc-btn--block { width: auto; min-width: 12.5rem; margin-top: 0.35rem; } .lgk-acc-btn--danger { border-color: rgba(251, 113, 133, 0.4); color: #fda4af; background: transparent; } .lgk-acc-btn--secondary { border-color: var(--lgk-acc-border); color: var(--lgk-acc-text); background: var(--lgk-acc-surface-2); } .lgk-acc-coming { max-width: 34rem; margin: 1rem auto; padding: 1.75rem 1.25rem; text-align: center; border: 1px solid var(--lgk-acc-border); border-radius: var(--lgk-acc-radius); background: var(--lgk-acc-surface); } .lgk-acc-coming__icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 999px; background: color-mix(in srgb, var(--lgk-acc-accent) 14%, transparent); color: var(--lgk-acc-accent); margin-bottom: 0.85rem; } .lgk-acc-coming h1 { margin: 0; font-size: 1.35rem; font-weight: 750; } .lgk-acc-coming p { margin: 0.65rem 0 0; color: var(--lgk-acc-text-2); font-size: 0.9rem; line-height: 1.5; } .lgk-acc-coming__actions { display: flex; flex-wrap: wrap; gap: 0.55rem; justify-content: center; margin-top: 1.15rem; } .lgk-acc-admin-link { margin-top: 1.25rem; } .lgk-acc-donut-wrap { display: flex; align-items: center; gap: 1rem; } .lgk-acc-donut-legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; font-size: 0.75rem; color: var(--lgk-acc-text-2); } .lgk-acc-donut-legend span { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 999px; margin-right: 0.4rem; } .lgk-acc-profile { display: grid; gap: 0.85rem; } .lgk-acc-avatar { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; border-radius: 999px; font-weight: 800; font-size: 1.15rem; color: #04110d; background: linear-gradient(135deg, var(--lgk-acc-accent), var(--store-secondary, #0ea5e9)); } .lgk-acc-profile__name { margin: 0; font-weight: 700; font-size: 1rem; } .lgk-acc-profile__meta { margin: 0.15rem 0 0; font-size: 0.75rem; color: var(--lgk-acc-text-2); } .lgk-acc-verified { display: inline-flex; align-items: center; gap: 0.4rem; width: 100%; box-sizing: border-box; padding: 0.55rem 0.7rem; border-radius: 10px; font-size: 0.72rem; font-weight: 650; color: #6ee7b7; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.22); } .lgk-acc-verified svg { width: 14px; height: 14px; flex-shrink: 0; } .lgk-acc-verified--warn { color: #fcd34d; background: rgba(245, 158, 11, 0.1); border-color: rgba(245, 158, 11, 0.25); } .lgk-acc-quick a { display: flex; align-items: center; gap: 0.65rem; padding: 0.65rem 0.15rem; border-bottom: 1px solid var(--lgk-acc-border); color: var(--lgk-acc-text-2); text-decoration: none; font-size: 0.8125rem; font-weight: 550; transition: color 160ms ease-out; } .lgk-acc-quick a:last-child { border-bottom: 0; } .lgk-acc-quick a:hover { color: var(--lgk-acc-accent); } .lgk-acc-quick svg { width: 15px; height: 15px; opacity: 0.85; } .lgk-acc-quick .chev { margin-left: auto; opacity: 0.45; } .lgk-acc-empty { text-align: center; max-width: 28rem; margin: 0 auto; padding: 1.5rem 1.25rem; border: 1px solid var(--lgk-acc-border); border-radius: var(--lgk-acc-radius); background: var(--lgk-acc-surface); } .lgk-acc-empty h3 { margin: 0 0 0.4rem; font-size: 1rem; } .lgk-acc-empty p { margin: 0 0 1rem; color: var(--lgk-acc-text-2); font-size: 0.875rem; } .lgk-acc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-height: 2.4rem; padding: 0.55rem 1rem; border-radius: 11px; font-size: 0.8125rem; font-weight: 700; text-decoration: none; border: 1px solid transparent; transition: transform 160ms ease-out, opacity 160ms ease-out; } .lgk-acc-btn:hover { transform: translateY(-1px); } .lgk-acc-btn--primary { background: var(--lgk-acc-accent); color: #04110d; } .lgk-acc-btn--ghost { border-color: var(--lgk-acc-border); color: var(--lgk-acc-text); background: transparent; } .lgk-acc-reco { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.85rem; } .lgk-acc-reco__card { position: relative; display: grid; color: inherit; border-radius: var(--lgk-acc-radius-sm); border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface); overflow: hidden; transition: border-color 180ms ease-out, transform 180ms ease-out; } .lgk-acc-reco__card:hover { border-color: color-mix(in srgb, var(--lgk-acc-accent) 40%, var(--lgk-acc-border)); transform: translateY(-1px); } .lgk-acc-reco__media { display: block; text-decoration: none; color: inherit; } .lgk-acc-reco__img { aspect-ratio: 1; object-fit: cover; width: 100%; background: #0a0e13; } .lgk-acc-reco__img--ph { display: grid; place-items: center; color: var(--lgk-acc-muted); min-height: 8rem; } .lgk-acc-reco__wish { position: absolute; top: 0.55rem; right: 0.55rem; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 999px; background: rgba(0, 0, 0, 0.55); color: #fff; border: 1px solid rgba(255, 255, 255, 0.12); text-decoration: none; } .lgk-acc-reco__wish svg { width: 0.95rem; height: 0.95rem; } .lgk-acc-reco__body { padding: 0.75rem 0.8rem 0.9rem; display: grid; gap: 0.3rem; } .lgk-acc-reco__title { margin: 0; font-size: 0.78rem; font-weight: 600; line-height: 1.35; color: inherit; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lgk-acc-reco__price { margin: 0; font-size: 0.8125rem; font-weight: 750; color: var(--lgk-acc-accent); } .lgk-acc-trust { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.65rem; margin-top: 1.75rem; padding: 1rem 1.05rem; border-radius: var(--lgk-acc-radius); border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface); color: var(--lgk-acc-muted); font-size: 0.75rem; } .lgk-acc-trust > span { display: flex; align-items: center; gap: 0.55rem; min-width: 0; } .lgk-acc-trust strong { display: block; color: var(--lgk-acc-text); font-size: 0.72rem; font-weight: 700; } .lgk-acc-trust small { display: block; margin-top: 0.1rem; font-size: 0.62rem; color: var(--lgk-acc-muted); } .lgk-acc-trust svg { width: 1.15rem; height: 1.15rem; flex-shrink: 0; color: var(--lgk-acc-accent); } .lgk-account__overlay-open { overflow: hidden; } @media (min-width: 1101px) { .lgk-account__locale { display: inline-flex; } } @media (max-width: 1200px) { .lgk-account__frame--with-rail { grid-template-columns: 230px minmax(0, 1fr); } .lgk-account__rail { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--lgk-acc-border); padding: 1.25rem 1.1rem 2rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .lgk-acc-grid-3 { grid-template-columns: 1fr 1fr; } .lgk-acc-grid-3 > :first-child { grid-column: 1 / -1; } .lgk-acc-reco { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lgk-acc-trust { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { .lgk-account__mobile-toggle { display: inline-flex; } .lgk-account__top-brand span { display: none; } .lgk-account__topbar { grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.55rem; padding: 0.65rem 0.75rem; } .lgk-account__search { max-width: none; border-radius: 12px; padding: 0.45rem 0.7rem; } .lgk-account__search input { font-size: 0.8125rem; } .lgk-account__frame, .lgk-account__frame--with-rail { grid-template-columns: 1fr; } .lgk-account__sidebar { position: fixed; inset: 0 auto 0 0; top: 0; max-height: 100vh; width: min(320px, 90vw); z-index: 80; transform: translateX(-105%); transition: transform 220ms ease-out; box-shadow: 8px 0 40px rgba(0, 0, 0, 0.45); } .lgk-account__sidebar-close { display: inline-flex; } .lgk-account.is-drawer-open .lgk-account__sidebar { transform: translateX(0); } .lgk-account.is-drawer-open .lgk-account__drawer-backdrop { display: block; position: fixed; inset: 0; z-index: 70; background: rgba(0, 0, 0, 0.55); } .lgk-account__main { padding: 1rem 0.85rem 5.5rem; } .lgk-account__rail { grid-template-columns: 1fr; padding: 1rem 0.85rem 5.5rem; } .lgk-acc-hello h1 { font-size: 1.45rem; } .lgk-acc-kpis { display: flex; gap: 0.65rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 0.35rem; margin-bottom: 1.15rem; -webkit-overflow-scrolling: touch; } .lgk-acc-kpi { flex: 0 0 min(68vw, 11.5rem); scroll-snap-align: start; } .lgk-acc-grid-2, .lgk-acc-grid-3 { grid-template-columns: 1fr; } .lgk-acc-grid-3 > :first-child { grid-column: auto; } .lgk-acc-reco { display: flex; gap: 0.75rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 0.35rem; -webkit-overflow-scrolling: touch; } .lgk-acc-reco__card { flex: 0 0 min(62vw, 11rem); scroll-snap-align: start; } .lgk-acc-order__body { grid-template-columns: 56px minmax(0, 1fr); } .lgk-acc-order__total { grid-column: 2; text-align: left; } .lgk-acc-timeline { overflow-x: auto; padding-bottom: 0.25rem; -webkit-overflow-scrolling: touch; } .lgk-acc-timeline__step { min-width: 4.5rem; } .lgk-acc-trust { grid-template-columns: 1fr 1fr; gap: 0.85rem; } .lgk-account__dock { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 0.45rem 0.35rem calc(0.45rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--lgk-acc-border); background: rgba(8, 12, 16, 0.96); backdrop-filter: blur(12px); } .lgk-account__dock a, .lgk-account__dock button { display: grid; justify-items: center; gap: 0.2rem; border: 0; background: transparent; color: var(--lgk-acc-text-2); text-decoration: none; font-size: 0.62rem; font-weight: 650; font-family: inherit; cursor: pointer; padding: 0.25rem; } .lgk-account__dock svg { width: 1.15rem; height: 1.15rem; } } @media (max-width: 480px) { .lgk-account__topbar-actions .lgk-account__top-link:first-of-type { display: none; } .lgk-acc-trust { grid-template-columns: 1fr; } .lgk-acc-kpi { flex-basis: min(78vw, 12rem); } } .lgk-acc-pay-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; } .lgk-acc-pay-card { display: grid; grid-template-columns: auto 1fr auto; gap: 0.65rem; align-items: center; padding: 0.85rem 1rem; border-radius: var(--lgk-acc-radius-sm); border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface-2); font-size: 0.9rem; } .lgk-acc-pay-card__brand { font-weight: 700; letter-spacing: 0.04em; color: var(--lgk-acc-accent); } .lgk-acc-pay-card__last4 { font-variant-numeric: tabular-nums; color: var(--lgk-acc-text); } .lgk-acc-pay-card__exp { color: var(--lgk-acc-muted); font-size: 0.8rem; } /* Legacy mobile-bar unused */ .lgk-account__mobile-bar { display: none !important; } /* -------------------------------------------------------------------------- */ /* Customer Account Design System — content width, forms, wizard, lists */ /* -------------------------------------------------------------------------- */ .lgk-account, .lgk-account * { box-sizing: border-box; } .lgk-account__main { overflow-x: clip; } .lgk-acc-content { width: 100%; margin-inline: auto; min-width: 0; } .lgk-acc-content--form, .lgk-acc-content--article { max-width: 56rem; } .lgk-acc-content--article { max-width: 50rem; } .lgk-acc-content--list { max-width: 81.25rem; } .lgk-acc-content--dash { max-width: 88rem; } .lgk-account .lgk-acc-form, .lgk-account form.lgk-acc-form { display: grid; gap: 1rem; width: 100%; max-width: 100%; } .lgk-account .lgk-acc-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.85rem 1rem; } .lgk-account .lgk-acc-field { display: grid; gap: 0.4rem; min-width: 0; } .lgk-account .lgk-acc-field__label { font-size: 0.8125rem; font-weight: 650; color: var(--lgk-acc-text-2); } .lgk-account .lgk-acc-input, .lgk-account input.lgk-acc-input, .lgk-account select.lgk-acc-input, .lgk-account textarea.lgk-acc-input { width: 100%; max-width: 100%; min-height: 48px; padding: 0.7rem 0.9rem; border-radius: 12px; border: 1px solid var(--lgk-acc-border); background: #0a1016; color: var(--lgk-acc-text); font: inherit; font-size: 0.9375rem; appearance: auto; -webkit-appearance: auto; } .lgk-account textarea.lgk-acc-input, .lgk-account textarea.lgk-acc-input--area { min-height: 140px; width: 100%; resize: vertical; line-height: 1.5; } .lgk-account .lgk-acc-input:focus { outline: 2px solid color-mix(in srgb, var(--lgk-acc-accent) 70%, transparent); outline-offset: 1px; border-color: color-mix(in srgb, var(--lgk-acc-accent) 50%, var(--lgk-acc-border)); } .lgk-account .lgk-acc-form__actions { display: flex; flex-wrap: wrap; gap: 0.55rem; align-items: center; margin-top: 0.25rem; } .lgk-acc-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 18.5rem); gap: 1.15rem; align-items: start; } .lgk-acc-wizard { display: grid; gap: 1.15rem; } .lgk-acc-wizard__steps { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0; padding: 0; list-style: none; } .lgk-acc-wizard__steps li { display: inline-flex; align-items: center; min-height: 1.85rem; padding: 0.2rem 0.65rem; border-radius: 999px; border: 1px solid var(--lgk-acc-border); font-size: 0.72rem; font-weight: 650; color: var(--lgk-acc-muted); } .lgk-acc-wizard__steps li.is-current { color: var(--lgk-acc-accent); border-color: color-mix(in srgb, var(--lgk-acc-accent) 45%, transparent); background: color-mix(in srgb, var(--lgk-acc-accent) 12%, transparent); } .lgk-acc-wizard__steps li.is-done { color: var(--lgk-acc-text-2); } .lgk-acc-pick { display: grid; gap: 0.7rem; } .lgk-acc-pick--products { grid-template-columns: 1fr; } .lgk-acc-pick__card, .lgk-acc-radio { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.75rem; align-items: center; width: 100%; text-align: left; padding: 0.9rem 1rem; min-height: 4.5rem; border-radius: var(--lgk-acc-radius); border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface); color: inherit; font: inherit; cursor: pointer; transition: border-color 160ms ease-out, transform 160ms ease-out; } .lgk-acc-radio { grid-template-columns: minmax(0, 1fr); } .lgk-acc-pick__card.is-selected, .lgk-acc-radio.is-selected { border-color: color-mix(in srgb, var(--lgk-acc-accent) 55%, var(--lgk-acc-border)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--lgk-acc-accent) 35%, transparent); } .lgk-acc-pick__card:hover, .lgk-acc-radio:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--lgk-acc-accent) 35%, var(--lgk-acc-border)); } .lgk-acc-pick__thumb { width: 56px; height: 56px; border-radius: 10px; object-fit: cover; background: #0a1016; } .lgk-acc-pick__meta { margin: 0.2rem 0 0; font-size: 0.8125rem; color: var(--lgk-acc-text-2); } .lgk-acc-radio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.65rem; } .lgk-acc-stepper { display: inline-flex; align-items: center; gap: 0.35rem; } .lgk-acc-stepper button { width: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface-2); color: var(--lgk-acc-text); font-size: 1.15rem; cursor: pointer; } .lgk-acc-stepper output { min-width: 2.5rem; text-align: center; font-variant-numeric: tabular-nums; font-weight: 700; } .lgk-acc-list { display: grid; gap: 0.7rem; } .lgk-acc-status { display: inline-flex; align-items: center; min-height: 1.5rem; padding: 0.15rem 0.55rem; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: rgba(255, 255, 255, 0.06); color: var(--lgk-acc-text-2); } .lgk-acc-status--ok { color: #6ee7b7; background: rgba(16, 185, 129, 0.12); } .lgk-acc-status--warn { color: #fdba74; background: rgba(251, 146, 60, 0.12); } .lgk-acc-status--info { color: #7dd3fc; background: rgba(14, 165, 233, 0.12); } .lgk-acc-status--danger { color: #fda4af; background: rgba(244, 63, 94, 0.12); } .lgk-acc-address-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; } .lgk-acc-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.1rem; } .lgk-acc-search { display: flex; gap: 0.5rem; margin-bottom: 0.85rem; } .lgk-acc-search .lgk-acc-input { max-width: 22rem; } .lgk-acc-pager { display: flex; gap: 0.5rem; align-items: center; margin-top: 1rem; font-size: 0.8125rem; color: var(--lgk-acc-text-2); } .lgk-acc-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } .lgk-acc-wish-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.85rem; } .lgk-acc-msg { display: grid; gap: 0.65rem; } .lgk-acc-msg__bubble { max-width: min(40rem, 92%); padding: 0.85rem 1rem; border-radius: 14px; border: 1px solid var(--lgk-acc-border); background: var(--lgk-acc-surface); } .lgk-acc-msg__bubble--staff { margin-left: auto; background: color-mix(in srgb, var(--lgk-acc-accent) 10%, var(--lgk-acc-surface)); } .lgk-acc-digital-key { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-top: 0.45rem; } .lgk-acc-digital-key__code { flex: 1 1 12rem; display: block; padding: 0.55rem 0.7rem; border-radius: 0.45rem; border: 1px solid var(--lgk-acc-border); background: color-mix(in srgb, var(--lgk-acc-accent) 8%, var(--lgk-acc-surface)); color: var(--lgk-acc-accent); font-size: 0.92rem; line-height: 1.35; word-break: break-all; user-select: all; } .lgk-acc-digital-key__copy { flex: 0 0 auto; min-width: 8.5rem; } @media (max-width: 1024px) { .lgk-acc-split, .lgk-account .lgk-acc-form__grid, .lgk-acc-radio-grid, .lgk-acc-address-grid, .lgk-acc-wish-grid { grid-template-columns: 1fr; } } @media (max-width: 900px) { .lgk-account .lgk-acc-btn--block { width: 100%; min-width: 0; } .lgk-acc-wish-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lgk-account .lgk-acc-search .lgk-acc-input { max-width: none; } } @media (min-width: 1280px) { .lgk-acc-wish-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 1920px) { .lgk-acc-content--dash { max-width: 92rem; } } /* ===== lgk-account-order.css ===== */ /* Customer account — order detail premium layout */ .lgk-acc-hello__title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem 0.85rem; } .lgk-acc-hello__title-row .lgk-acc-badge { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.72rem; } .lgk-acc-content--order { max-width: 90rem; } .lgk-acc-od { display: grid; gap: 1.15rem; min-width: 0; } .lgk-acc-od-track { padding: 1.15rem 1.2rem 1.25rem; } .lgk-acc-od-timeline { display: flex; list-style: none; margin: 0; padding: 0; gap: 0; overflow: hidden; } .lgk-acc-od-timeline__step { flex: 1; min-width: 0; text-align: center; position: relative; } .lgk-acc-od-timeline__step:not(:last-child)::after { content: ""; position: absolute; top: 0.45rem; left: calc(50% + 0.55rem); right: calc(-50% + 0.55rem); height: 2px; background: rgba(255, 255, 255, 0.1); border-radius: 999px; } .lgk-acc-od-timeline__step.is-done:not(:last-child)::after { background: color-mix(in srgb, var(--lgk-acc-accent) 70%, transparent); } .lgk-acc-od-timeline__dot { width: 0.85rem; height: 0.85rem; margin: 0 auto 0.5rem; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 2px solid rgba(255, 255, 255, 0.1); position: relative; z-index: 1; } .lgk-acc-od-timeline__step.is-done .lgk-acc-od-timeline__dot { background: var(--lgk-acc-accent); border-color: color-mix(in srgb, var(--lgk-acc-accent) 40%, #000); box-shadow: 0 0 0 3px color-mix(in srgb, var(--lgk-acc-accent) 18%, transparent); } .lgk-acc-od-timeline__step.is-current .lgk-acc-od-timeline__dot { background: var(--lgk-acc-surface); border-color: var(--lgk-acc-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--lgk-acc-accent) 16%, transparent); } .lgk-acc-od-timeline__step[data-step="paid"].is-done .lgk-acc-od-timeline__dot, .lgk-acc-od-timeline__step[data-step="paid"].is-current .lgk-acc-od-timeline__dot { background: #34d399; border-color: #059669; } .lgk-acc-od-timeline__step[data-step="fulfilling"].is-done .lgk-acc-od-timeline__dot, .lgk-acc-od-timeline__step[data-step="fulfilling"].is-current .lgk-acc-od-timeline__dot { background: #fb923c; border-color: #c2410c; } .lgk-acc-od-timeline__step[data-step="shipped"].is-done .lgk-acc-od-timeline__dot, .lgk-acc-od-timeline__step[data-step="shipped"].is-current .lgk-acc-od-timeline__dot, .lgk-acc-od-timeline__step[data-step="sent"].is-done .lgk-acc-od-timeline__dot, .lgk-acc-od-timeline__step[data-step="sent"].is-current .lgk-acc-od-timeline__dot { background: #38bdf8; border-color: #0284c7; } .lgk-acc-od-timeline__step[data-step="fulfilled"].is-done .lgk-acc-od-timeline__dot, .lgk-acc-od-timeline__step[data-step="fulfilled"].is-current .lgk-acc-od-timeline__dot, .lgk-acc-od-timeline__step[data-step="available"].is-done .lgk-acc-od-timeline__dot, .lgk-acc-od-timeline__step[data-step="available"].is-current .lgk-acc-od-timeline__dot { background: #4ade80; border-color: #16a34a; } .lgk-acc-od-timeline__label { font-size: 0.8125rem; font-weight: 650; color: var(--lgk-acc-text-2); line-height: 1.3; } .lgk-acc-od-timeline__step.is-done .lgk-acc-od-timeline__label, .lgk-acc-od-timeline__step.is-current .lgk-acc-od-timeline__label { color: var(--lgk-acc-text); } .lgk-acc-od-timeline__date { margin-top: 0.15rem; font-size: 0.75rem; color: var(--lgk-acc-muted); } .lgk-acc-od-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.1rem; min-width: 0; } .lgk-acc-od-main, .lgk-acc-od-side { display: grid; gap: 1.1rem; min-width: 0; align-content: start; } .lgk-acc-od-items { display: grid; gap: 0.85rem; } .lgk-acc-od-item { display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; gap: 0.9rem 1rem; align-items: start; padding-bottom: 0.85rem; border-bottom: 1px solid var(--lgk-acc-border); } .lgk-acc-od-item:last-child { padding-bottom: 0; border-bottom: 0; } .lgk-acc-od-item__img { width: 88px; height: 88px; object-fit: cover; border-radius: 12px; background: var(--lgk-acc-surface-2); border: 1px solid var(--lgk-acc-border); } .lgk-acc-od-item__img--ph { display: grid; place-items: center; color: var(--lgk-acc-muted); } .lgk-acc-od-item__img--ph svg { width: 1.6rem; height: 1.6rem; } .lgk-acc-od-item__title { margin: 0; font-size: 0.975rem; font-weight: 700; color: inherit; text-decoration: none; } .lgk-acc-od-item__title:hover { color: var(--lgk-acc-accent); } .lgk-acc-od-item__head { display: flex; flex-wrap: wrap; gap: 0.4rem 0.55rem; align-items: center; } .lgk-acc-od-item__meta { margin: 0.2rem 0 0; font-size: 0.8125rem; color: var(--lgk-acc-text-2); } .lgk-acc-od-item__digital { display: inline-block; margin-top: 0.45rem; font-size: 0.8125rem; font-weight: 650; color: var(--lgk-acc-accent); text-decoration: none; } .lgk-acc-od-item__prices { display: grid; justify-items: end; gap: 0.2rem; font-variant-numeric: tabular-nums; } .lgk-acc-od-item__unit { font-size: 0.8125rem; color: var(--lgk-acc-muted); } .lgk-acc-od-item__line { font-size: 0.975rem; } .lgk-acc-od-pill { display: inline-flex; align-items: center; padding: 0.12rem 0.45rem; border-radius: 999px; font-size: 0.65rem; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; color: var(--lgk-acc-accent); border: 1px solid color-mix(in srgb, var(--lgk-acc-accent) 35%, transparent); background: color-mix(in srgb, var(--lgk-acc-accent) 10%, transparent); } .lgk-acc-od-recap { display: grid; gap: 0.55rem; margin: 0; } .lgk-acc-od-recap__row { display: flex; justify-content: space-between; gap: 1rem; font-size: 0.875rem; } .lgk-acc-od-recap__row dd { margin: 0; font-variant-numeric: tabular-nums; } .lgk-acc-od-recap__row .is-accent { color: var(--lgk-acc-accent); } .lgk-acc-od-recap__row--total { margin-top: 0.35rem; padding-top: 0.7rem; border-top: 1px solid var(--lgk-acc-border); font-weight: 750; } .lgk-acc-od-recap__row--total dt, .lgk-acc-od-recap__row--total dd { font-size: 1.45rem; letter-spacing: -0.03em; } .lgk-acc-od-pay__status { display: flex; align-items: center; gap: 0.4rem; margin: 0 0 0.35rem; font-size: 0.95rem; font-weight: 700; } .lgk-acc-od-pay__status svg { width: 1.1rem; height: 1.1rem; color: var(--lgk-acc-accent); } .lgk-acc-od-pay__provider { margin: 0; font-size: 0.875rem; color: var(--lgk-acc-text-2); } .lgk-acc-od-pay__amount { margin: 0.55rem 0 0.2rem; font-size: 1.25rem; font-weight: 750; } .lgk-acc-od-address { display: grid; gap: 0.15rem; font-style: normal; font-size: 0.9rem; line-height: 1.45; } .lgk-acc-od-ship { display: grid; gap: 0.4rem; margin-top: 0.9rem; font-size: 0.875rem; } .lgk-acc-od-k { display: block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--lgk-acc-muted); margin-bottom: 0.1rem; } .lgk-acc-od-doc { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem; padding: 0.75rem 0; border-top: 1px solid var(--lgk-acc-border); } .lgk-acc-od-doc:first-of-type { border-top: 0; padding-top: 0; } .lgk-acc-od-doc__name { margin: 0 0 0.2rem; font-weight: 700; } .lgk-acc-od-doc__actions { display: flex; flex-wrap: wrap; gap: 0.45rem; } .lgk-acc-od-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.85rem; } .lgk-acc-od-digital { list-style: none; margin: 0.65rem 0 0; padding: 0; display: grid; gap: 0.55rem; } .lgk-acc-od-digital li { display: grid; gap: 0.15rem; font-size: 0.85rem; } .lgk-acc-od-activity summary { cursor: pointer; font-weight: 700; font-size: 0.95rem; } .lgk-acc-od-activity ol { margin: 0.85rem 0 0; padding: 0; list-style: none; display: grid; gap: 0.55rem; } .lgk-acc-od-activity li { display: grid; gap: 0.1rem; font-size: 0.875rem; } .lgk-acc-od-activity li span { font-size: 0.75rem; color: var(--lgk-acc-muted); } .lgk-acc-od-credit { margin: 0; padding: 0.75rem 1rem; border-radius: var(--lgk-acc-radius-sm); border: 1px solid color-mix(in srgb, var(--lgk-acc-accent) 30%, transparent); background: color-mix(in srgb, var(--lgk-acc-accent) 10%, transparent); font-weight: 650; } .lgk-acc-od-sticky { position: sticky; top: 1rem; } .lgk-acc-od-skel { display: grid; gap: 0.85rem; } .lgk-acc-od-skel__line { height: 0.9rem; width: 40%; border-radius: 8px; background: rgba(255, 255, 255, 0.06); } .lgk-acc-od-skel__line--lg { height: 2rem; width: 55%; } .lgk-acc-od-skel__card { height: 6.5rem; border-radius: var(--lgk-acc-radius); background: rgba(255, 255, 255, 0.04); border: 1px solid var(--lgk-acc-border); } .lgk-acc-od-skel__card--tall { height: 14rem; } .lgk-acc-od-skel__grid { display: grid; gap: 1rem; } .lgk-acc-invoice__toolbar { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-bottom: 1rem; } .lgk-acc-invoice__sheet { background: #fff; color: #111; border-radius: 16px; padding: 2rem; } .lgk-acc-invoice__head { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; } .lgk-acc-invoice__brand { margin: 0; font-size: 1.5rem; font-weight: 800; } .lgk-acc-invoice__meta { text-align: right; font-size: 0.9rem; } .lgk-acc-invoice__sheet table { width: 100%; text-align: left; border-collapse: collapse; margin: 1.25rem 0; font-size: 0.9rem; } .lgk-acc-invoice__sheet th, .lgk-acc-invoice__sheet td { padding: 0.45rem 0.25rem; border-bottom: 1px solid #e4e4e7; } .lgk-acc-invoice__totals { text-align: right; font-size: 0.9rem; } .lgk-acc-invoice__total { font-size: 1.15rem; font-weight: 800; } .lgk-acc-invoice__foot { margin-top: 1.5rem; font-size: 0.75rem; color: #71717a; } @media (min-width: 1024px) { .lgk-acc-od-grid { grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); } } @media (min-width: 1280px) { .lgk-acc-od-grid { grid-template-columns: minmax(0, 8fr) minmax(17rem, 4fr); } } @media (max-width: 1023px) { .lgk-acc-od-sticky { position: static; } } @media (max-width: 767px) { .lgk-acc-od-timeline { flex-direction: column; gap: 0.85rem; overflow: hidden; } .lgk-acc-od-timeline__step { display: grid; grid-template-columns: 0.85rem minmax(0, 1fr); gap: 0.75rem; text-align: left; align-items: start; } .lgk-acc-od-timeline__step:not(:last-child)::after { top: 1.05rem; left: 0.35rem; right: auto; width: 2px; height: calc(100% + 0.35rem); } .lgk-acc-od-timeline__dot { margin: 0; } .lgk-acc-od-item { grid-template-columns: 72px minmax(0, 1fr); } .lgk-acc-od-item__img { width: 72px; height: 72px; } .lgk-acc-od-item__prices { grid-column: 2; justify-items: start; } .lgk-acc-od-recap__row--total dt, .lgk-acc-od-recap__row--total dd { font-size: 1.25rem; } } @media print { .lgk-account__sidebar, .lgk-account__topbar, .lgk-account__dock, .lgk-account__drawer-backdrop, .lgk-acc-invoice__toolbar { display: none !important; } .lgk-account__frame, .lgk-account__main { display: block; padding: 0; background: #fff; } .lgk-acc-invoice__sheet { box-shadow: none; border-radius: 0; } } /* ===== lgk-404.css ===== */ /** * LGK — Page 404 * Full-bleed sombre, accent cyan marque, récupération via recherche. */ .lgk-404 { --lgk-404-cyan: #31e6c3; --lgk-404-cyan-dim: rgba(49, 230, 195, 0.32); --lgk-404-blue: #3b82f6; --lgk-404-ink: #e8edf5; --lgk-404-muted: rgba(232, 237, 245, 0.64); --lgk-404-ease: cubic-bezier(0.22, 1, 0.36, 1); --lgk-404-radius: 10px; position: relative; isolation: isolate; overflow: hidden; min-height: min(88vh, 52rem); display: grid; place-items: center; padding: clamp(2.75rem, 9vw, 6rem) var(--container-gutter, 1.25rem); margin: 0; background: radial-gradient(ellipse 80% 50% at 50% -5%, rgba(49, 230, 195, 0.1), transparent 55%), radial-gradient(ellipse 55% 40% at 100% 80%, rgba(37, 99, 235, 0.12), transparent 50%), #05070b; } .lgk-404__atmosphere { position: absolute; inset: 0; z-index: 0; pointer-events: none; } .lgk-404__vignette { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 50% 45%, transparent 30%, rgba(0, 0, 0, 0.55) 100%); } .lgk-404__grid { position: absolute; inset: -25% -10% 10%; background-image: linear-gradient(rgba(49, 230, 195, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(49, 230, 195, 0.07) 1px, transparent 1px); background-size: 52px 52px; transform: perspective(720px) rotateX(62deg) translateY(-8%); transform-origin: center top; mask-image: radial-gradient(ellipse 75% 55% at 50% 28%, #000 15%, transparent 72%); opacity: 0.6; animation: lgk-404-grid-drift 22s linear infinite; } .lgk-404__orb { position: absolute; border-radius: 50%; filter: blur(56px); opacity: 0.5; will-change: transform; } .lgk-404__orb--a { width: min(48vw, 26rem); height: min(48vw, 26rem); top: 4%; left: 8%; background: radial-gradient(circle, rgba(49, 230, 195, 0.5), transparent 68%); animation: lgk-404-orb-float 10s var(--lgk-404-ease) infinite alternate; } .lgk-404__orb--b { width: min(40vw, 20rem); height: min(40vw, 20rem); right: 6%; bottom: 8%; background: radial-gradient(circle, rgba(37, 99, 235, 0.42), transparent 68%); animation: lgk-404-orb-float 13s var(--lgk-404-ease) infinite alternate-reverse; } .lgk-404__scan { position: absolute; inset: 0; background: repeating-linear-gradient( 0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.07) 3px, rgba(0, 0, 0, 0.07) 6px ); opacity: 0.4; mix-blend-mode: multiply; animation: lgk-404-scan 8s linear infinite; } .lgk-404__noise { position: absolute; inset: 0; opacity: 0.04; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 180px 180px; } .lgk-404__stage { position: relative; z-index: 1; width: min(100%, 34rem); text-align: center; opacity: 0; transform: translateY(20px); transition: opacity 0.75s var(--lgk-404-ease), transform 0.75s var(--lgk-404-ease); } .lgk-404--ready .lgk-404__stage { opacity: 1; transform: none; } .lgk-404__brand { margin: 0 0 1.1rem; font-family: var(--font-instrument), var(--font-display), ui-sans-serif, system-ui, sans-serif; font-size: clamp(1.35rem, 4.2vw, 1.85rem); font-weight: 700; letter-spacing: -0.03em; color: #fff; text-shadow: 0 0 28px var(--lgk-404-cyan-dim); opacity: 0; animation: lgk-404-fade-up 0.7s var(--lgk-404-ease) 0.05s forwards; animation-play-state: paused; } .lgk-404__glitch { display: flex; justify-content: center; gap: 0.06em; margin: 0 0 0.85rem; font-family: var(--font-instrument), var(--font-display), ui-sans-serif, system-ui, sans-serif; font-size: clamp(5rem, 22vw, 9.5rem); font-weight: 800; line-height: 0.85; letter-spacing: -0.07em; color: #fff; } .lgk-404__digit { position: relative; display: inline-block; text-shadow: 0 0 48px var(--lgk-404-cyan-dim); animation: lgk-404-jitter 5s steps(2, end) infinite; } .lgk-404__digit::before, .lgk-404__digit::after { content: attr(data-text); position: absolute; inset: 0; opacity: 0.8; } .lgk-404__digit::before { color: var(--lgk-404-cyan); clip-path: inset(0 0 52% 0); transform: translate(-3px, -1px); animation: lgk-404-glitch-a 2.6s infinite linear alternate-reverse; } .lgk-404__digit::after { color: var(--lgk-404-blue); clip-path: inset(48% 0 0 0); transform: translate(3px, 1px); animation: lgk-404-glitch-b 2.1s infinite linear alternate-reverse; } .lgk-404__digit--pulse { animation: lgk-404-jitter 5s steps(2, end) infinite, lgk-404-zero-breathe 2.6s var(--lgk-404-ease) infinite; } .lgk-404__trace { display: inline-flex; align-items: center; gap: 0.55rem; max-width: 100%; margin: 0 auto 1.15rem; padding: 0.45rem 0.75rem; border: 1px solid rgba(49, 230, 195, 0.22); border-radius: var(--lgk-404-radius); background: rgba(8, 14, 18, 0.72); font-size: 0.72rem; line-height: 1.2; opacity: 0; animation: lgk-404-fade-up 0.7s var(--lgk-404-ease) 0.18s forwards; animation-play-state: paused; } .lgk-404__trace-label { flex: 0 0 auto; color: var(--lgk-404-cyan); font-weight: 750; letter-spacing: 0.12em; } .lgk-404__trace-path { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--lgk-404-muted); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.74rem; } .lgk-404__trace-cursor { flex: 0 0 auto; width: 0.45rem; height: 0.9em; background: var(--lgk-404-cyan); opacity: 0.85; animation: lgk-404-blink 1.05s steps(1, end) infinite; } .lgk-404__eyebrow { margin: 0; color: var(--lgk-404-cyan); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; opacity: 0; animation: lgk-404-fade-up 0.7s var(--lgk-404-ease) 0.28s forwards; animation-play-state: paused; } .lgk-404--ready .lgk-404__brand, .lgk-404--ready .lgk-404__trace, .lgk-404--ready .lgk-404__eyebrow, .lgk-404--ready .lgk-404__title, .lgk-404--ready .lgk-404__text, .lgk-404--ready .lgk-404__search, .lgk-404--ready .lgk-404__actions, .lgk-404--ready .lgk-404__quick { animation-play-state: running; } .lgk-404__title { margin: 0.5rem 0 0; color: var(--lgk-404-ink); font-family: var(--font-instrument), var(--font-display), ui-sans-serif, system-ui, sans-serif; font-size: clamp(1.65rem, 4.5vw, 2.35rem); font-weight: 750; letter-spacing: -0.025em; opacity: 0; animation: lgk-404-fade-up 0.7s var(--lgk-404-ease) 0.38s forwards; animation-play-state: paused; } .lgk-404__text { margin: 0.8rem auto 0; max-width: 28rem; color: var(--lgk-404-muted); font-size: 0.98rem; line-height: 1.55; opacity: 0; animation: lgk-404-fade-up 0.7s var(--lgk-404-ease) 0.48s forwards; animation-play-state: paused; } .lgk-404__search { margin-top: 1.45rem; opacity: 0; animation: lgk-404-fade-up 0.7s var(--lgk-404-ease) 0.58s forwards; animation-play-state: paused; } .lgk-404__search-form { display: flex; gap: 0.5rem; width: 100%; padding: 0.35rem; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: var(--lgk-404-radius); background: rgba(255, 255, 255, 0.04); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35); transition: border-color 160ms ease, box-shadow 160ms ease; } .lgk-404__search-form:focus-within { border-color: rgba(49, 230, 195, 0.45); box-shadow: 0 0 0 1px rgba(49, 230, 195, 0.2), 0 16px 44px rgba(0, 0, 0, 0.4); } .lgk-404__search-input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; color: #fff; font-size: 0.95rem; padding: 0.7rem 0.85rem; outline: none; } .lgk-404__search-input::placeholder { color: rgba(232, 237, 245, 0.42); } .lgk-404__search-form button, .lgk-404__search-form [type="submit"] { flex: 0 0 auto; border: 0; border-radius: calc(var(--lgk-404-radius) - 2px); padding: 0.65rem 1rem; background: var(--lgk-404-cyan); color: #05110e; font-size: 0.8rem; font-weight: 750; cursor: pointer; transition: filter 160ms ease, transform 160ms var(--lgk-404-ease); } .lgk-404__search-form button:hover, .lgk-404__search-form [type="submit"]:hover { filter: brightness(1.06); transform: translateY(-1px); } .lgk-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.65rem; margin-top: 1.25rem; opacity: 0; animation: lgk-404-fade-up 0.7s var(--lgk-404-ease) 0.68s forwards; animation-play-state: paused; } .lgk-404__btn { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; padding: 0.65rem 1.25rem; border-radius: var(--lgk-404-radius); font-size: 0.84rem; font-weight: 750; text-decoration: none; transition: transform 160ms var(--lgk-404-ease), background 160ms ease, border-color 160ms ease, box-shadow 160ms ease; } .lgk-404__btn:hover { transform: translateY(-2px); } .lgk-404__btn:focus-visible { outline: 2px solid var(--lgk-404-cyan); outline-offset: 3px; } .lgk-404__btn--primary { background: var(--lgk-404-cyan); color: #05110e; box-shadow: 0 0 0 1px rgba(49, 230, 195, 0.3), 0 12px 28px rgba(49, 230, 195, 0.2); } .lgk-404__btn--primary:hover { box-shadow: 0 0 0 1px rgba(49, 230, 195, 0.5), 0 16px 34px rgba(49, 230, 195, 0.28); } .lgk-404__btn--ghost { border: 1px solid rgba(255, 255, 255, 0.16); color: #fff; background: rgba(255, 255, 255, 0.03); } .lgk-404__btn--ghost:hover { border-color: rgba(49, 230, 195, 0.42); background: rgba(49, 230, 195, 0.08); } .lgk-404__quick { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem 1.25rem; margin-top: 1.5rem; opacity: 0; animation: lgk-404-fade-up 0.7s var(--lgk-404-ease) 0.78s forwards; animation-play-state: paused; } .lgk-404__quick a { color: rgba(232, 237, 245, 0.55); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em; text-decoration: none; text-transform: uppercase; transition: color 160ms ease; } .lgk-404__quick a:hover { color: var(--lgk-404-cyan); } @keyframes lgk-404-grid-drift { from { background-position: 0 0; } to { background-position: 0 104px; } } @keyframes lgk-404-orb-float { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(20px, -24px, 0) scale(1.07); } } @keyframes lgk-404-scan { from { transform: translateY(0); } to { transform: translateY(10px); } } @keyframes lgk-404-jitter { 0%, 92%, 100% { transform: translate(0); } 93% { transform: translate(-2px, 1px); } 95% { transform: translate(2px, -1px); } 97% { transform: translate(-1px, 0); } } @keyframes lgk-404-glitch-a { 0%, 100% { transform: translate(-2px, 0); } 50% { transform: translate(-6px, 1px); } } @keyframes lgk-404-glitch-b { 0%, 100% { transform: translate(2px, 0); } 50% { transform: translate(6px, -1px); } } @keyframes lgk-404-zero-breathe { 0%, 100% { opacity: 1; filter: brightness(1); } 50% { opacity: 0.7; filter: brightness(1.28); } } @keyframes lgk-404-blink { 0%, 49% { opacity: 0.9; } 50%, 100% { opacity: 0; } } @keyframes lgk-404-fade-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } @media (max-width: 640px) { .lgk-404 { min-height: min(82vh, 48rem); padding-block: 2.5rem; } .lgk-404__actions { flex-direction: column; align-items: stretch; } .lgk-404__btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { .lgk-404__grid, .lgk-404__orb, .lgk-404__scan, .lgk-404__digit, .lgk-404__digit::before, .lgk-404__digit::after, .lgk-404__trace-cursor, .lgk-404__brand, .lgk-404__trace, .lgk-404__eyebrow, .lgk-404__title, .lgk-404__text, .lgk-404__search, .lgk-404__actions, .lgk-404__quick { animation: none !important; } .lgk-404__stage, .lgk-404__brand, .lgk-404__trace, .lgk-404__eyebrow, .lgk-404__title, .lgk-404__text, .lgk-404__search, .lgk-404__actions, .lgk-404__quick { opacity: 1 !important; transform: none !important; } .lgk-404__digit::before, .lgk-404__digit::after { content: none; } } /* ===== lgk-storefront-bridge.css ===== */ /* Bridge React ↔ CSS thème Impact / LGK boutiques */ .lgk-storefront-root { min-height: 40vh; } /* Header / footer LGK partagés sur toutes les boutiques — ne plus masquer le chrome. NB : ne PAS forcer `display: block` sur `.lgk-topbar` ni `.lgk-primary-nav`. La topbar v2 est en `display: flex` (voir lgk-home-extra.css). Un `display: block !important` ambiant casse le flex : les slots left/center/right tombent en pile verticale et seul le premier reste visible à cause de `max-height: 4.25rem` + `overflow: hidden`. */ html.lgk-storefront-isolated .lgk-site-chrome, html.lgk-storefront-isolated .lgk-marquee, html.lgk-storefront--wayne .lgk-site-chrome, html.lgk-storefront--fivem .lgk-site-chrome, html.lgk-storefront--candy-geekland .lgk-site-chrome, html.lgk-storefront--deal-geekland .lgk-site-chrome, html.lgk-storefront--digital-geekland .lgk-site-chrome, html.lgk-storefront--gotham-airsoft .lgk-site-chrome, html[class*="lgk-storefront--"] .lgk-site-chrome { visibility: visible !important; } html.lgk-storefront-isolated .lgk-site-chrome, html.lgk-storefront-isolated .lgk-marquee, html.lgk-storefront--wayne .lgk-site-chrome, html.lgk-storefront--fivem .lgk-site-chrome, html.lgk-storefront--candy-geekland .lgk-site-chrome, html.lgk-storefront--deal-geekland .lgk-site-chrome, html.lgk-storefront--digital-geekland .lgk-site-chrome, html.lgk-storefront--gotham-airsoft .lgk-site-chrome, html[class*="lgk-storefront--"] .lgk-site-chrome { display: block !important; } /* Topbar : rester en flex (v2) même sur les storefronts isolated. */ html.lgk-storefront-isolated .lgk-topbar, html.lgk-storefront-isolated .lgk-topbar.lgk-topbar--v2, html[class*="lgk-storefront--"] .lgk-topbar.lgk-topbar--v2 { display: flex !important; visibility: visible !important; } /* Ancienne barre primaire (masquée par défaut ailleurs) : ne rien forcer ici. */ html.lgk-storefront-isolated .lgk-primary-nav { visibility: visible !important; } .sf-chrome--shared-header { min-height: 0 !important; background: transparent; } .sf-chrome--shared-header > .sf-chrome__main { display: block; flex: 1 1 auto; } /* Contre les règles html:not(...) display:none du thème Shopify */ .lgk-storefront-root.lgk-storefront--candy-geekland .lgk-candy-home, .lgk-storefront-root.lgk-storefront--candy-geekland [data-lgk-candy-geekland-home], .lgk-storefront-root.lgk-storefront--gotham-airsoft .lgk-ga-home, .lgk-storefront-root.lgk-storefront--gotham-airsoft [data-lgk-gotham-airsoft-home] { display: block !important; } /* ——— Chrome boutique indépendant ——— */ .sf-chrome { min-height: 100vh; display: flex; flex-direction: column; background: #0a0908; color: #f2ebe2; } .sf-chrome__announce { text-align: center; padding: 0.55rem 1rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; background: #11100e; color: rgba(242, 235, 226, 0.78); border-bottom: 1px solid rgba(201, 168, 108, 0.18); } .sf-chrome__header { position: sticky; top: 0; z-index: 40; background: rgba(10, 9, 8, 0.92); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(242, 235, 226, 0.08); } .sf-chrome__header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(201, 168, 108, 0.35), transparent ); pointer-events: none; } .sf-chrome__header-inner { width: min(100% - 2rem, 1280px); margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4.25rem; } .sf-chrome__logo { display: inline-flex; align-items: center; gap: 0.65rem; text-decoration: none; color: inherit; flex-shrink: 0; } .sf-chrome__logo-img { width: 88px; height: auto; object-fit: contain; display: block; } @media (min-width: 700px) { .sf-chrome__logo-img { width: 108px; } } .sf-chrome__logo-text { font-size: 0.95rem; font-weight: 650; letter-spacing: -0.02em; color: #f2ebe2; } @media (max-width: 899px) { .sf-chrome__logo-text { display: none; } } .sf-chrome__nav { display: none; align-items: center; gap: 1.15rem; flex-wrap: wrap; } @media (min-width: 900px) { .sf-chrome__nav { display: flex; } } .sf-chrome__nav a { font-size: 0.82rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(242, 235, 226, 0.72); text-decoration: none; } .sf-chrome__nav a:hover { color: #c9a86c; } .sf-chrome__actions { display: flex; align-items: center; gap: 0.85rem; flex-shrink: 0; } .sf-chrome__icon, .sf-chrome__cart { font-size: 0.8rem; font-weight: 600; color: rgba(242, 235, 226, 0.85); text-decoration: none; } .sf-chrome__cart { padding: 0.45rem 0.75rem; border: 1px solid rgba(201, 168, 108, 0.35); border-radius: 999px; color: #c9a86c; } .sf-chrome__main { flex: 1; } .sf-chrome__footer { margin-top: auto; border-top: 1px solid rgba(242, 235, 226, 0.1); background: #080706; padding: 2.5rem 0 1.25rem; } .sf-chrome__footer-inner { width: min(100% - 2rem, 1280px); margin-inline: auto; display: grid; gap: 1.75rem; } @media (min-width: 800px) { .sf-chrome__footer-inner { grid-template-columns: 1.4fr 1fr 1fr; } } .sf-chrome__footer-logo { height: 2.5rem; width: auto; margin-bottom: 0.85rem; object-fit: contain; } .sf-chrome__footer p, .sf-chrome__footer li, .sf-chrome__footer a { color: rgba(242, 235, 226, 0.62); font-size: 0.88rem; line-height: 1.55; } .sf-chrome__footer a:hover { color: #c9a86c; } .sf-chrome__footer-title { margin: 0 0 0.65rem; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #f2ebe2 !important; } .sf-chrome__footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; } .sf-chrome__copy { width: min(100% - 2rem, 1280px); margin: 1.75rem auto 0; padding-top: 1rem; border-top: 1px solid rgba(242, 235, 226, 0.08); text-align: center; font-size: 0.72rem !important; color: rgba(242, 235, 226, 0.42) !important; } /* Accents par boutique */ .sf-chrome--wayne { --sf-accent: #c9a86c; --sf-cream: #f2ebe2; --sf-ink: #0a0908; } .sf-chrome--fivem { --sf-accent: #5b8cff; --sf-cream: #e8eefc; --sf-ink: #070b14; } .sf-chrome--candy { --sf-accent: #ff6ad5; --sf-cream: #fff0fb; --sf-ink: #1a0b16; } .sf-chrome--deal { --sf-accent: #22d3ee; --sf-cream: #ecfeff; --sf-ink: #071016; } .sf-chrome--digital { --sf-accent: #a78bfa; --sf-cream: #f3e8ff; --sf-ink: #0c0814; } .sf-chrome--airsoft { --sf-accent: #95a282; --sf-cream: #f3f5f3; --sf-ink: #080a0b; } .sf-chrome { background: var(--sf-ink, #0a0908); color: var(--sf-cream, #f2ebe2); } .sf-chrome__announce { border-bottom-color: color-mix(in srgb, var(--sf-accent, #c9a86c) 28%, transparent); } .sf-chrome__nav a:hover, .sf-chrome__cart, .sf-chrome__footer a:hover { color: var(--sf-accent, #c9a86c); } .sf-chrome__cart { border-color: color-mix(in srgb, var(--sf-accent, #c9a86c) 45%, transparent); } html.lgk-storefront--wayne, html.lgk-storefront--wayne body, html.lgk-storefront--fivem, html.lgk-storefront--fivem body, html.lgk-storefront--candy-geekland, html.lgk-storefront--candy-geekland body, html.lgk-storefront--deal-geekland, html.lgk-storefront--deal-geekland body, html.lgk-storefront--digital-geekland, html.lgk-storefront--digital-geekland body, html.lgk-storefront--gotham-airsoft, html.lgk-storefront--gotham-airsoft body { background-image: none !important; } html.lgk-storefront--wayne, html.lgk-storefront--wayne body { background: #0a0908 !important; } html.lgk-storefront--fivem, html.lgk-storefront--fivem body { background: #070b14 !important; } html.lgk-storefront--candy-geekland, html.lgk-storefront--candy-geekland body { background: #1a0b16 !important; } html.lgk-storefront--deal-geekland, html.lgk-storefront--deal-geekland body { background: #071016 !important; } html.lgk-storefront--digital-geekland, html.lgk-storefront--digital-geekland body { background: #0c0814 !important; } html.lgk-storefront--gotham-airsoft, html.lgk-storefront--gotham-airsoft body { background: #080a0b !important; } /* Grille produits (Impact product-list manquant hors Shopify) */ .lgk-wayne-home__product-list, .lgk-wayne-home__carousel .lgk-wayne-home__product-list { display: grid; grid-template-columns: repeat(var(--product-list-items-per-row, 2), minmax(0, 1fr)); gap: 0.85rem 0.75rem; list-style: none; margin: 0; padding: 0; } .lgk-wayne-home__product-card { display: flex; flex-direction: column; gap: 0.55rem; color: inherit; text-decoration: none; border-radius: 12px; overflow: hidden; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); transition: border-color 0.2s ease, transform 0.2s ease; } .lgk-wayne-home__product-card:hover { border-color: rgba(201, 168, 108, 0.45); transform: translateY(-2px); } .lgk-wayne-home__product-media { aspect-ratio: 1; overflow: hidden; background: rgba(0, 0, 0, 0.35); } .lgk-wayne-home__product-media img { width: 100%; height: 100%; object-fit: cover; display: block; } .lgk-wayne-home__product-meta { padding: 0 0.65rem 0.75rem; } .lgk-wayne-home__product-title { margin: 0; font-size: 0.82rem; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lgk-wayne-home__product-price { margin: 0.35rem 0 0; font-size: 0.9rem; font-weight: 700; color: #c9a86c; } .lgk-wayne-home__empty { grid-column: 1 / -1; opacity: 0.65; font-size: 0.9rem; } @media (max-width: 699px) { .lgk-wayne-home__carousel { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .lgk-wayne-home__carousel .lgk-wayne-home__product-list { display: flex; width: max-content; min-width: 100%; gap: 0.75rem; } .lgk-wayne-home__carousel .lgk-wayne-home__product-card { width: min(42vw, 11rem); flex: 0 0 auto; } } .lgk-hero-slideshow__frame { position: absolute; inset: 0; opacity: 0; transition: opacity 0.8s ease; pointer-events: none; } .lgk-hero-slideshow__frame.is-active { opacity: 1; } .lgk-hero-slideshow .lgk-hero-v2__media { position: relative; } .lgk-hero-slideshow__dots { display: flex; gap: 0.45rem; margin-top: 1.25rem; } .lgk-hero-slideshow__dots button { width: 0.55rem; height: 0.55rem; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.35); cursor: pointer; } .lgk-hero-slideshow__dots button.is-active { background: #fff; width: 1.35rem; } .shopify-section--lgk-home-collections-hub { padding-block: clamp(2.5rem, 6vw, 4.5rem); } .lgk-mesh-accordion__summary { cursor: pointer; list-style: none; font-weight: 650; padding: 0.85rem 0; } .lgk-mesh-accordion__summary::-webkit-details-marker { display: none; } /* ===== lgk-cart-drawer.css ===== */ /** * Tiroir panier — port Shopify (lgk-cart-drawer.css + base drawer/line-item) * Adapté Light DOM React (pas de Shadow ::part). * Source of truth → public/theme/css/lgk-cart-drawer.css */ .lgk-cart-drawer-open, html.lgk-cart-open { overflow: hidden; } /* Shell React : overlay plein écran au-dessus du chrome sticky (100050) */ .lgk-cart-drawer-root { position: fixed; inset: 0; z-index: 100100; display: flex; justify-content: flex-end; } .lgk-cart-drawer-root__overlay { position: absolute; inset: 0; border: 0; background: rgba(0, 0, 0, 0.68); backdrop-filter: blur(3px); cursor: pointer; } /* Tokens LeGeekShop (défaut) */ .cart-drawer.drawer { --lgk-drawer-bg: #0a0c10; --lgk-drawer-surface: #151a24; --lgk-drawer-elevated: #1c2333; --lgk-drawer-line: rgba(148, 163, 184, 0.16); --lgk-drawer-text: #e8edf5; --lgk-drawer-mute: rgba(232, 237, 245, 0.68); --lgk-drawer-accent: #2563eb; --lgk-drawer-accent-2: #22d3ee; --lgk-drawer-accent-soft: rgba(37, 99, 235, 0.14); --lgk-drawer-on-accent: #ffffff; --drawer-header-padding-block: 1rem; --drawer-header-padding-inline: 1.25rem; --drawer-body-padding-block: 1.25rem; --drawer-body-padding-inline: 1.25rem; --drawer-footer-padding-block: 1rem; --drawer-footer-padding-inline: 1.25rem; --drawer-max-width: min(94vw, 26.5rem); } html.lgk-storefront--wayne .cart-drawer.drawer { --lgk-drawer-bg: #0a0908; --lgk-drawer-surface: #141210; --lgk-drawer-elevated: #1c1916; --lgk-drawer-line: rgba(242, 235, 226, 0.14); --lgk-drawer-text: #f2ebe2; --lgk-drawer-mute: rgba(242, 235, 226, 0.7); --lgk-drawer-accent: #c9a86c; --lgk-drawer-accent-2: #e0c48a; --lgk-drawer-accent-soft: rgba(201, 168, 108, 0.14); --lgk-drawer-on-accent: #0a0908; } html.lgk-storefront--fivem .cart-drawer.drawer { --lgk-drawer-bg: #0a0a0f; --lgk-drawer-surface: #12121a; --lgk-drawer-elevated: #1a1a24; --lgk-drawer-line: rgba(244, 244, 245, 0.14); --lgk-drawer-text: #f4f4f5; --lgk-drawer-mute: rgba(244, 244, 245, 0.7); --lgk-drawer-accent: #f97316; --lgk-drawer-accent-2: #a855f7; --lgk-drawer-accent-soft: rgba(249, 115, 22, 0.14); --lgk-drawer-on-accent: #0a0a0f; } html.lgk-storefront--candy-geekland .cart-drawer.drawer { --lgk-drawer-bg: #1a0f14; --lgk-drawer-surface: #24141c; --lgk-drawer-elevated: #2a1520; --lgk-drawer-line: rgba(255, 245, 240, 0.12); --lgk-drawer-text: #fff5f0; --lgk-drawer-mute: rgba(255, 245, 240, 0.68); --lgk-drawer-accent: #ff4d8d; --lgk-drawer-accent-2: #ff7a59; --lgk-drawer-accent-soft: rgba(255, 77, 141, 0.12); --lgk-drawer-on-accent: #1a0f14; } html.lgk-storefront--deal-geekland .cart-drawer.drawer { --lgk-drawer-bg: #05060a; --lgk-drawer-surface: #0e1118; --lgk-drawer-elevated: #151a24; --lgk-drawer-line: rgba(0, 229, 255, 0.18); --lgk-drawer-text: #f4f7ff; --lgk-drawer-mute: rgba(244, 247, 255, 0.68); --lgk-drawer-accent: #ff2bd6; --lgk-drawer-accent-2: #00e5ff; --lgk-drawer-accent-soft: rgba(255, 43, 214, 0.14); --lgk-drawer-on-accent: #05060a; } .cart-drawer.drawer { position: relative; z-index: 1; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: 100%; max-width: var(--drawer-max-width); height: 100%; max-height: 100dvh; overflow: hidden; outline: none; color: var(--lgk-drawer-text); background: radial-gradient(120% 55% at 100% 0%, color-mix(in srgb, var(--lgk-drawer-accent) 22%, transparent), transparent 55%), var(--lgk-drawer-bg); border-left: 1px solid color-mix(in srgb, var(--lgk-drawer-accent) 28%, transparent); box-shadow: -16px 0 42px rgba(0, 0, 0, 0.42); } .cart-drawer__header { display: flex; align-items: center; justify-content: space-between; column-gap: 1rem; box-sizing: border-box; min-height: 3.5rem; padding: var(--drawer-header-padding-block) var(--drawer-header-padding-inline); border-block-end: 1px solid var(--lgk-drawer-line); background: rgba(0, 0, 0, 0.2); } .cart-drawer__heading { display: flex; align-items: center; gap: 0.65rem; min-width: 0; } .cart-drawer__title { margin: 0; color: #fff; font-size: 1.15rem; font-weight: 800; letter-spacing: -0.02em; } .cart-drawer__count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.55rem; height: 1.55rem; padding: 0 0.4rem; border-radius: 999px; font-size: 0.75rem; font-weight: 800; background: linear-gradient(135deg, var(--lgk-drawer-accent), var(--lgk-drawer-accent-2)); color: var(--lgk-drawer-on-accent); box-shadow: 0 4px 14px color-mix(in srgb, var(--lgk-drawer-accent) 35%, transparent); } .cart-drawer__close { flex-shrink: 0; border: 0; background: transparent; color: var(--lgk-drawer-text); opacity: 0.85; font-size: 1.65rem; line-height: 1; cursor: pointer; padding: 0.25rem 0.4rem; } .cart-drawer__close:hover { opacity: 1; color: var(--lgk-drawer-accent-2); } .cart-drawer__body { overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; padding: 0.85rem var(--drawer-body-padding-inline) 1rem; } .cart-drawer__empty { display: grid; gap: 0.55rem; justify-items: center; text-align: center; padding: 2.5rem 0.5rem; color: var(--lgk-drawer-text); } .cart-drawer__empty-ico { margin: 0; font-size: 2rem; line-height: 1; } .cart-drawer__empty-title { margin: 0; font-size: 1.05rem; font-weight: 800; } .cart-drawer__empty-text { margin: 0; max-width: 18rem; font-size: 0.875rem; line-height: 1.45; color: var(--lgk-drawer-mute); } .cart-drawer__empty-cta { display: inline-flex; align-items: center; justify-content: center; margin-top: 0.5rem; border-radius: 999px !important; background: linear-gradient(135deg, var(--lgk-drawer-accent), var(--lgk-drawer-accent-2)) !important; color: var(--lgk-drawer-on-accent) !important; font-weight: 800; font-size: 0.85rem; padding: 0.7rem 1.25rem; text-decoration: none; box-shadow: 0 10px 24px color-mix(in srgb, var(--lgk-drawer-accent) 28%, transparent); } .cart-drawer__items { display: grid; gap: 1rem; padding-block: 0.35rem 0.5rem; margin: 0; padding-inline: 0; list-style: none; } .cart-drawer .line-item { --line-item-media-width: 4.75rem; display: flex; align-items: flex-start; column-gap: 0.9rem; padding: 0.75rem; border-radius: 14px; border: 1px solid var(--lgk-drawer-line); background: color-mix(in srgb, var(--lgk-drawer-text) 4%, transparent); } .cart-drawer .line-item__media { width: var(--line-item-media-width); height: var(--line-item-media-width); flex-shrink: 0; border-radius: 10px; overflow: hidden; object-fit: cover; background: var(--lgk-drawer-elevated); aspect-ratio: 1; } .cart-drawer .line-item-info { flex: 1; min-width: 0; display: grid; gap: 0.35rem; } .cart-drawer .line-item-info a { color: var(--lgk-drawer-text); text-decoration: none; font-weight: 650; font-size: 0.9rem; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; } .cart-drawer .line-item-info a:hover { color: var(--lgk-drawer-accent-2); } .cart-drawer .text-subdued { margin: 0; color: var(--lgk-drawer-mute) !important; font-size: 0.8125rem; } .cart-drawer .line-item-price { margin: 0; font-size: 0.9rem; font-weight: 700; color: var(--lgk-drawer-text); } .cart-drawer .h-stack { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; } .cart-drawer .quantity-selector { --quantity-selector-height: 2.2rem; --quantity-selector-input-width: 2rem; display: inline-grid; grid-template-columns: var(--quantity-selector-height) auto var(--quantity-selector-height); grid-auto-rows: var(--quantity-selector-height); align-items: center; border: 1px solid var(--lgk-drawer-line); border-radius: 10px; background: rgba(0, 0, 0, 0.25); color: var(--lgk-drawer-text); overflow: hidden; } .cart-drawer .quantity-selector__button { display: grid; place-content: center; min-height: 100%; border: 0; background: transparent; color: inherit; cursor: pointer; font-size: 1rem; line-height: 1; } .cart-drawer .quantity-selector__button:disabled { opacity: 0.45; cursor: not-allowed; } .cart-drawer .quantity-selector__input { appearance: textfield; -webkit-appearance: textfield; width: var(--quantity-selector-input-width); min-width: var(--quantity-selector-input-width); border: 0; background: none; color: inherit; text-align: center; font-size: 0.875rem; font-weight: 600; } .cart-drawer .quantity-selector__input:focus { outline: none; } .cart-drawer .quantity-selector__input::-webkit-outer-spin-button, .cart-drawer .quantity-selector__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .cart-drawer .link.text-xs { color: var(--lgk-drawer-accent-2); font-size: 0.75rem; text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; } .cart-drawer .link.text-xs:hover { text-decoration: underline; } .cart-drawer .link.text-xs:disabled { opacity: 0.5; cursor: not-allowed; } .cart-drawer__warn { margin: 0 0 0.75rem; font-size: 0.8125rem; color: #fbbf24; } .cart-drawer__footer { display: grid !important; gap: 0.35rem !important; align-content: start; padding: 0.45rem var(--drawer-footer-padding-inline) 0.75rem; background: linear-gradient(180deg, color-mix(in srgb, var(--lgk-drawer-surface) 92%, transparent), var(--lgk-drawer-bg)); border-block-start: 1px solid color-mix(in srgb, var(--lgk-drawer-accent) 28%, transparent); box-shadow: 0 -10px 26px rgba(0, 0, 0, 0.25); } .cart-drawer__footer-extras { display: grid; gap: 0.3rem; width: 100%; min-width: 0; } .cart-drawer__shipping { margin: 0; padding: 0.4rem 0.55rem; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--lgk-drawer-accent) 28%, transparent); background: var(--lgk-drawer-accent-soft); } .cart-drawer--digital .cart-drawer__shipping, .cart-drawer__footer--digital .cart-drawer__shipping { display: none !important; } .lgk-cart-shipping-tip { padding: 0; border: 0; } .lgk-cart-shipping-tip__bar { height: 4px; border-radius: 999px; background: rgb(255 255 255 / 0.08); overflow: hidden; margin-bottom: 0.3rem; } .lgk-cart-shipping-tip__fill { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--lgk-drawer-accent), var(--lgk-drawer-accent-2)); transition: width 0.35s ease; } .lgk-cart-shipping-tip--ok .lgk-cart-shipping-tip__fill { background: linear-gradient(90deg, #34d399, #6ee7b7); } .lgk-cart-shipping-tip__text { margin: 0; font-size: 0.6875rem; line-height: 1.3; color: var(--lgk-drawer-mute); } .lgk-cart-shipping-tip__text--ok { color: #34d399; } .lgk-cart-shipping-tip a { color: var(--lgk-drawer-accent-2); font-weight: 600; text-decoration: none; } .lgk-cart-shipping-tip a:hover { text-decoration: underline; } .lgk-drawer-digital-notice { display: flex; align-items: flex-start; gap: 0.45rem; margin: 0; padding: 0.45rem 0.55rem; border-radius: 10px; border: 1px solid color-mix(in srgb, #fbbf24 45%, transparent); background: linear-gradient(135deg, color-mix(in srgb, #f59e0b 16%, transparent), color-mix(in srgb, var(--lgk-drawer-accent-2) 10%, transparent)); } .lgk-drawer-digital-notice__ico { flex: 0 0 auto; font-size: 1rem; line-height: 1.2; } .lgk-drawer-digital-notice__title { margin: 0 0 0.15rem; font-size: 0.78rem; font-weight: 800; color: #fde68a; } .lgk-drawer-digital-notice__list { margin: 0; padding: 0 0 0 0.95rem; font-size: 0.6875rem; line-height: 1.35; color: var(--lgk-drawer-mute); } .lgk-payment-title.lgk-drawer { font-size: 11px !important; font-weight: 500; color: var(--lgk-drawer-text); opacity: 0.75; text-align: center; margin: 0.1rem auto 0.2rem !important; letter-spacing: 0.3px; width: 100%; display: block; } .lgk-payment-banner.lgk-drawer { background: color-mix(in srgb, var(--lgk-drawer-accent) 10%, transparent) !important; border: 1px solid color-mix(in srgb, var(--lgk-drawer-accent) 24%, transparent) !important; border-radius: 8px; padding: 4px 8px; width: 100%; text-align: center; box-shadow: none !important; } .lgk-payment-inner { display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; } .lgk-paylogo { height: 18px; width: auto; max-width: 48px; object-fit: contain; border-radius: 3px; opacity: 0.95; } .lgk-paylogo[alt="Klarna"] { height: 22px; max-width: 56px; } .lgk-paylogo-text { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.02em; color: var(--lgk-drawer-mute); opacity: 0.92; } .cart-drawer__checkout-sticky { position: sticky; bottom: 0; z-index: 6; display: grid; gap: 0.35rem; width: 100%; margin-top: 0.15rem; padding-top: 0.35rem; background: linear-gradient(180deg, transparent, var(--lgk-drawer-bg) 18%), var(--lgk-drawer-bg); box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.28); } .cart-drawer__totals { display: flex; justify-content: space-between; align-items: baseline; width: 100%; margin: 0; padding: 0.15rem 0.1rem; border-block-start: 1px solid var(--lgk-drawer-line); } .cart-drawer__totals-label { color: var(--lgk-drawer-mute); font-size: 0.8125rem; } .cart-drawer__totals-value { color: var(--lgk-drawer-text); font-weight: 800; font-size: 1.05rem; } .cart-drawer__checkout-actions { display: grid !important; grid-template-columns: 1fr 1.45fr; gap: 0.4rem !important; width: 100%; } .cart-drawer__checkout-actions > * { min-width: 0; } .cart-drawer .button, .cart-drawer .button--primary { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; min-height: 2.65rem; padding: 0.55rem 0.85rem; border-radius: 999px !important; border: none !important; background: linear-gradient(135deg, var(--lgk-drawer-accent), var(--lgk-drawer-accent-2)) !important; color: var(--lgk-drawer-on-accent) !important; font-weight: 800 !important; letter-spacing: 0.01em; font-size: 0.78rem; text-decoration: none; box-shadow: 0 8px 20px color-mix(in srgb, var(--lgk-drawer-accent) 24%, transparent); cursor: pointer; } .cart-drawer .button:hover, .cart-drawer .button--primary:hover { filter: brightness(1.06); } .cart-drawer .button--outline, .cart-drawer a.button--outline { background: transparent !important; border: 1px solid var(--lgk-drawer-line) !important; color: var(--lgk-drawer-text) !important; box-shadow: none; min-height: 2.65rem; } .cart-drawer .button.is-disabled, .cart-drawer .button:disabled { opacity: 0.55; cursor: not-allowed; filter: none; } .cart-drawer__button-price { display: inline-flex; align-items: center; } .cart-drawer__button-price::before { content: ""; background: currentColor; border-radius: 100%; width: 3px; height: 3px; margin-inline-end: 0.55rem; } .cart-drawer__footer-addons { display: grid; gap: 0.25rem; width: 100%; } /* Assurance livraison (ShipGuard-like) */ .lgk-shipguard { margin: 0; padding: 0.45rem 0.55rem; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--lgk-drawer-accent-2, #22d3ee) 35%, transparent); background: linear-gradient( 135deg, color-mix(in srgb, var(--lgk-drawer-accent, #2563eb) 16%, transparent), color-mix(in srgb, var(--lgk-drawer-elevated, #151a24) 92%, transparent) ); } .lgk-shipguard--off { border-color: color-mix(in srgb, #fbbf24 40%, transparent); background: linear-gradient(135deg, color-mix(in srgb, #f59e0b 12%, transparent), rgba(0, 0, 0, 0.2)); } .lgk-shipguard__row { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; gap: 0.45rem 0.5rem; align-items: start; cursor: pointer; } .lgk-shipguard__toggle { margin-top: 0.2rem; width: 1rem; height: 1rem; accent-color: var(--lgk-drawer-accent-2, #22d3ee); } .lgk-shipguard__icon { font-size: 1rem; line-height: 1.2; } .lgk-shipguard__body { min-width: 0; display: grid; gap: 0.12rem; } .lgk-shipguard__title { font-size: 0.78rem; font-weight: 800; color: var(--lgk-drawer-text, #e8edf5); } .lgk-shipguard__desc { font-size: 0.6875rem; line-height: 1.35; color: var(--lgk-drawer-mute, rgba(232, 237, 245, 0.72)); } .lgk-shipguard__link { color: var(--lgk-drawer-accent-2, #22d3ee); font-weight: 600; text-decoration: none; } .lgk-shipguard__link:hover { text-decoration: underline; } .lgk-shipguard__price { font-size: 0.8125rem; font-weight: 800; color: var(--lgk-drawer-text, #e8edf5); white-space: nowrap; } .cart-page-insurance .lgk-shipguard { margin-bottom: 0.35rem; text-align: start; } .cart-page-insurance .lgk-shipguard__row { cursor: pointer; } /* CGV gate (port Shopify lgk-terms-check) */ .lgk-terms-wrapper { margin-top: 0.35rem; margin-bottom: 0.25rem; font-size: 13px; color: #ddd; background: rgba(0, 255, 240, 0.05); padding: 10px 14px; border-radius: 8px; border: 1px solid rgba(0, 255, 240, 0.2); } .lgk-terms-wrapper--drawer { margin: 0; padding: 0.45rem 0.55rem; font-size: 0.6875rem; line-height: 1.35; border-radius: 8px; } .lgk-terms-wrapper--drawer .lgk-terms-checkbox { gap: 0.45rem; line-height: 1.35; } .lgk-terms-wrapper--drawer .lgk-terms-checkbox input[type="checkbox"] { width: 0.95rem; height: 0.95rem; min-width: 0.95rem; margin-top: 1px; } .lgk-terms-checkbox { display: flex; align-items: flex-start; gap: 10px; line-height: 1.45; cursor: pointer; } .lgk-terms-checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 1.125rem; height: 1.125rem; min-width: 1.125rem; margin-top: 2px; border: 2px solid #00fff0; border-radius: 4px; background: #111; cursor: pointer; flex-shrink: 0; position: relative; } .lgk-terms-checkbox input[type="checkbox"]:checked { background: #00fff0; border-color: #00fff0; } .lgk-terms-checkbox input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 3px; top: 0; width: 5px; height: 10px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg); } .lgk-terms-checkbox input[type="checkbox"]:focus-visible { outline: 2px solid #d285ff; outline-offset: 2px; } .lgk-terms-checkbox a { color: #00fff0; text-decoration: underline; text-underline-offset: 2px; } .lgk-terms-checkbox a:hover { color: #d285ff; } .lgk-terms-error { margin: 0.35rem 0 0; font-size: 0.6875rem; color: #ff8a8a; font-weight: 600; } .lgk-terms-wrapper.is-invalid { border-color: #ff5a5a; box-shadow: 0 0 0 1px rgba(255, 90, 90, 0.35); animation: lgk-terms-shake 0.35s ease; } @keyframes lgk-terms-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } } .cart-drawer .button.is-terms-locked, .cart-recap .button.is-terms-locked { opacity: 0.55; } @media (max-width: 699px) { .cart-drawer.drawer { --drawer-max-width: min(100vw, 26.5rem); } .cart-drawer .line-item { --line-item-media-width: 4.25rem; padding: 0.65rem; } } @supports not (background: color-mix(in srgb, red 10%, blue)) { .cart-drawer.drawer { background: var(--lgk-drawer-bg); } .cart-drawer .line-item { background: rgba(255, 255, 255, 0.04); } } /* ===== lgk-cart-page.css ===== */ /* Page /panier — GothamCommerce premium cart * Source of truth: keep public/theme/css/lgk-cart-page.css identical. */ .gc-cart-root, .gc-cart { --gc-page: var(--store-bg, #070b10); --gc-surface: #121a22; --gc-surface-2: #171f29; --gc-elevated: #1a2430; --gc-border: rgba(255, 255, 255, 0.07); --gc-text: var(--store-text, #f5f7fa); --gc-muted: var(--store-text-secondary, #9aa4b2); --gc-accent: var(--store-primary, #00d4aa); --gc-accent-2: var(--store-secondary, #0ea5e9); --gc-success: #3dd68c; --gc-warning: #f0b429; --gc-danger: #f97066; --gc-radius: 16px; color: var(--gc-text); } .gc-cart-root { background: var(--gc-page); min-height: 100%; } .lgk-cart-container { --container-max-width: 1520px; max-width: var(--container-max-width); margin-inline: auto; padding: 28px 56px calc(6rem + env(safe-area-inset-bottom, 0px)); } @media (max-width: 1366px) { .lgk-cart-container { padding: 24px 40px calc(6rem + env(safe-area-inset-bottom, 0px)); } } @media (max-width: 1100px) { .lgk-cart-container { padding: 24px 24px calc(6rem + env(safe-area-inset-bottom, 0px)); } } @media (max-width: 767px) { .lgk-cart-container { padding: 16px 16px calc(5.5rem + env(safe-area-inset-bottom, 0px)); } } .gc-cart-crumb { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; color: var(--gc-muted); } .gc-cart-crumb a { color: var(--gc-muted); text-decoration: none; } .gc-cart-crumb a:hover, .gc-cart-crumb a:focus-visible { color: var(--gc-accent); outline: none; } .gc-cart-crumb__sep { opacity: 0.55; } .gc-cart-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; } .gc-cart-header__title { margin: 0; font-size: clamp(40px, 3.2vw, 46px); line-height: 1.05; font-weight: 700; letter-spacing: -0.03em; color: #fff; } .gc-cart-header__count { margin: 8px 0 0; font-size: 14px; color: var(--gc-muted); } .gc-cart-header__continue { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 18px; border-radius: 12px; border: 1px solid var(--gc-border); background: var(--gc-surface); color: var(--gc-text); font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; } .gc-cart-header__continue:hover, .gc-cart-header__continue:focus-visible { border-color: color-mix(in srgb, var(--gc-accent) 45%, var(--gc-border)); color: #fff; outline: none; } @media (max-width: 640px) { .gc-cart-header { flex-direction: column; align-items: flex-start; } } .gc-ship-progress { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 16px; align-items: center; min-height: 96px; margin-bottom: 24px; padding: 16px 20px; border-radius: var(--gc-radius); border: 1px solid var(--gc-border); background: var(--gc-surface); } .gc-ship-progress__icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: color-mix(in srgb, var(--gc-accent) 16%, var(--gc-surface-2)); color: var(--gc-accent); } .gc-ship-progress.is-unlocked .gc-ship-progress__icon { background: color-mix(in srgb, var(--gc-success) 18%, var(--gc-surface-2)); color: var(--gc-success); } .gc-ship-progress__copy { min-width: 0; } .gc-ship-progress__title { margin: 0; font-size: 15px; font-weight: 700; color: #fff; } .gc-ship-progress__sub { margin: 4px 0 10px; font-size: 13px; color: var(--gc-muted); } .gc-ship-progress__bar { height: 7px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); overflow: hidden; } .gc-ship-progress__fill { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--gc-accent), var(--gc-accent-2)); transition: width 180ms ease; } .gc-cart-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; } @media (min-width: 1024px) { .gc-cart-grid { grid-template-columns: minmax(0, 8fr) minmax(340px, 4fr); gap: 28px; } } @media (min-width: 1280px) { .gc-cart-grid { grid-template-columns: minmax(0, 8fr) minmax(380px, 420px); gap: 30px; } } .gc-cart-main { display: grid; gap: 20px; min-width: 0; } .gc-lines__head { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; margin: 6px 0 14px; } .gc-lines__title, .gc-summary__title, .gc-recos__title { margin: 0; font-size: 21px; font-weight: 700; letter-spacing: -0.02em; } .gc-lines__split { margin: 0; font-size: 12px; color: var(--gc-muted); } .gc-lines__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; } .gc-line { display: grid; grid-template-columns: 96px minmax(0, 1fr); grid-template-areas: "media info" "qty qty" "total total"; gap: 14px 16px; align-items: start; min-height: 125px; padding: 16px; border-radius: var(--gc-radius); border: 1px solid var(--gc-border); background: var(--gc-surface); } .gc-line__media { grid-area: media; width: 96px; height: 96px; border-radius: 12px; overflow: hidden; background: #eef1f4; } .gc-line__img, .gc-line__fallback { width: 100%; height: 100%; border-radius: 12px; object-fit: contain; background: #eef1f4; } .gc-line__fallback { display: grid; place-items: center; font-weight: 700; color: #667085; } .gc-line__info { grid-area: info; min-width: 0; } .gc-line__qtycol { grid-area: qty; display: grid; justify-items: start; gap: 8px; } .gc-line__total { grid-area: total; margin: 0; display: grid; justify-items: start; } @media (min-width: 768px) { .gc-line { grid-template-columns: 112px minmax(0, 1fr) 140px 140px; grid-template-areas: "media info qty total"; align-items: center; min-height: 132px; padding: 18px 20px; gap: 16px 20px; } .gc-line__media { width: 112px; height: 112px; } .gc-line__qtycol { justify-items: center; } .gc-line__total { justify-items: end; text-align: end; } } .gc-line.is-unavailable { opacity: 0.72; } .gc-line__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-size: 16px; font-weight: 600; line-height: 1.35; text-decoration: none; } .gc-line__title:hover, .gc-line__title:focus-visible { color: var(--gc-accent); outline: none; } .gc-line__meta { margin: 6px 0 0; font-size: 13px; color: var(--gc-muted); } .gc-line__badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; } .lgk-cart-page__badge, .gc-line__badge { display: inline-flex; width: fit-content; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--gc-border); font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--gc-muted); } .gc-line__chip { font-size: 12px; color: var(--gc-muted); } .gc-line__chip--warn { color: var(--gc-warning); } .gc-line__stock { font-size: 12px; font-weight: 650; color: var(--gc-success); } .gc-line__unit { margin: 10px 0 0; display: grid; gap: 2px; } .gc-line__unit-value { font-size: 14px; font-weight: 600; color: #fff; } .gc-line__unit-label, .gc-line__total-label { font-size: 12px; color: var(--gc-muted); } .gc-line__total-value { font-size: 20px; font-weight: 700; color: #fff; } .gc-num { font-variant-numeric: tabular-nums; } .gc-qty { position: relative; display: inline-grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; width: 138px; height: 42px; border: 1px solid var(--gc-border); border-radius: 12px; background: rgba(0, 0, 0, 0.22); overflow: hidden; } .gc-qty__btn { height: 42px; border: 0; background: transparent; color: inherit; cursor: pointer; font-size: 18px; } .gc-qty__btn:disabled { opacity: 0.4; cursor: not-allowed; } .gc-qty__btn:focus-visible, .gc-cta:focus-visible, .gc-line__remove:focus-visible, .gc-protect__check:focus-visible, .gc-promo__input:focus-visible, .gc-promo__apply:focus-visible, .gc-cart-header__continue:focus-visible, .gc-reco__add:focus-visible { outline: 2px solid var(--gc-accent); outline-offset: 2px; } .gc-qty__input { width: 100%; border: 0; background: none; color: inherit; text-align: center; font-weight: 600; font-variant-numeric: tabular-nums; appearance: textfield; -webkit-appearance: textfield; } .gc-qty__input::-webkit-outer-spin-button, .gc-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .gc-qty__loading { position: absolute; left: calc(100% + 8px); font-size: 11px; color: var(--gc-muted); white-space: nowrap; } .gc-line__remove { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; color: var(--gc-accent); cursor: pointer; font-size: 13px; } .gc-line__remove:hover { color: #fff; } .gc-incentives { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; } @media (min-width: 900px) { .gc-incentives { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .gc-incentives:not(:has(.gc-loyalty)) { grid-template-columns: minmax(0, 1fr); } } .gc-promo, .gc-loyalty { padding: 18px 20px; border-radius: var(--gc-radius); border: 1px solid var(--gc-border); background: var(--gc-surface); } .gc-promo__title, .gc-loyalty__title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 15px; font-weight: 700; color: #fff; } .gc-promo__icon, .gc-loyalty__icon { display: grid; place-items: center; color: var(--gc-accent-2); flex-shrink: 0; } .gc-promo__clear, .gc-protect__more, .gc-link, .gc-recos__more { border: 0; background: none; color: var(--gc-accent); cursor: pointer; font-size: 13px; font-weight: 650; text-decoration: none; } .gc-promo__row { display: flex; flex-wrap: nowrap; gap: 8px; } .gc-promo__input { flex: 1 1 auto; min-width: 0; min-height: 44px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.14); background: color-mix(in srgb, var(--gc-surface-2) 80%, #000); color: #fff; } .gc-promo__input::placeholder { color: var(--gc-muted); text-transform: none; opacity: 1; } .gc-promo__apply { min-height: 44px; padding: 0 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 12px; background: color-mix(in srgb, var(--gc-surface-2) 70%, #000); color: #fff; font-weight: 700; cursor: pointer; } .gc-promo__apply:hover:not(:disabled) { border-color: rgba(255, 255, 255, 0.28); background: var(--gc-elevated); } .gc-promo__apply:disabled { opacity: 0.55; cursor: not-allowed; } .gc-promo__ok { margin: 8px 0 0; font-size: 13px; color: var(--gc-success); } .gc-promo__err, .gc-banner--err { color: var(--gc-warning); } .gc-loyalty__earn { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; } .gc-loyalty__text, .gc-loyalty__redeem { margin: 0; font-size: 14px; color: var(--gc-muted); } .gc-loyalty__badge { display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--gc-success) 28%, transparent); background: color-mix(in srgb, var(--gc-success) 12%, #07140f); color: var(--gc-success); font-size: 14px; font-weight: 700; line-height: 1.2; white-space: nowrap; } .gc-loyalty__redeem { margin-top: 8px; } .gc-loyalty__redeem a { color: var(--gc-accent); } .gc-recos__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 8px; } .gc-recos__grid { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 12px; } @media (min-width: 640px) { .gc-recos__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1100px) { .gc-recos__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1366px) { .gc-recos__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .gc-reco { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 12px; min-height: 128px; padding: 14px; border-radius: 14px; border: 1px solid var(--gc-border); background: var(--gc-surface); } .gc-reco__media { display: block; } .gc-reco__img, .gc-reco__fallback { width: 80px; height: 80px; border-radius: 12px; object-fit: contain; background: #eef1f4; } .gc-reco__body { min-width: 0; display: grid; align-content: start; gap: 6px; } .gc-reco__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; } .gc-reco__price { display: block; font-size: 14px; font-weight: 700; } .gc-reco__add { justify-self: start; margin-top: 4px; height: 32px; padding: 0 12px; border: 1px solid var(--gc-border); border-radius: 8px; background: var(--gc-surface-2); color: #fff; font-size: 12px; font-weight: 700; cursor: pointer; } .gc-reco__add:hover { border-color: color-mix(in srgb, var(--gc-accent) 45%, var(--gc-border)); } .gc-summary { position: static; min-width: 0; padding: 26px; border-radius: 18px; border: 1px solid var(--gc-border); background: var(--gc-elevated); display: grid; gap: 16px; } @media (min-width: 1024px) { .gc-summary { position: sticky; top: 80px; } } .gc-summary__rows { margin: 0; display: grid; gap: 14px; } .gc-summary__row { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; color: var(--gc-muted); } .gc-summary__row dd { margin: 0; color: #fff; } .gc-summary__row--save dd, .gc-summary__row--free dd { color: var(--gc-success); font-weight: 700; } .gc-summary__savings { margin: 0; padding: 12px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--gc-success) 28%, transparent); background: color-mix(in srgb, var(--gc-success) 10%, var(--gc-surface-2)); font-size: 13px; color: var(--gc-success); } .gc-summary__total { display: flex; justify-content: space-between; align-items: baseline; margin-top: 16px; padding-top: 18px; border-top: 1px solid var(--gc-border); font-size: 16px; font-weight: 700; } .gc-summary__total-value { font-size: 30px; font-weight: 700; letter-spacing: -0.03em; } .gc-summary__note, .gc-cta-hint { margin: 0; font-size: 13px; color: var(--gc-muted); } .gc-cta-hint { text-align: center; color: var(--gc-warning); } .gc-cta, .gc-summary .button--primary { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; padding: 0 16px; border: 0; border-radius: 14px; background: linear-gradient(135deg, var(--gc-accent) 0%, var(--gc-accent-2) 100%); color: #fff; font-weight: 700; font-size: 15px; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; transition: filter 160ms ease, transform 160ms ease, opacity 160ms ease; } .gc-cta:hover:not(:disabled):not(.is-disabled):not(.is-locked) { filter: brightness(1.08); } .gc-cta:active:not(:disabled) { transform: translateY(1px); } .gc-cta.is-disabled, .gc-cta:disabled, .gc-cta.is-locked { opacity: 0.55; cursor: not-allowed; } .gc-summary__stripe { margin: 4px 0 0; text-align: center; font-size: 12px; color: var(--gc-muted); } .gc-summary__trust { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; font-size: 11px; text-align: center; color: var(--gc-muted); } .gc-protect { padding: 16px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--gc-accent) 28%, var(--gc-border)); background: color-mix(in srgb, var(--gc-accent) 7%, var(--gc-surface-2)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease; } .gc-protect.is-on { border-color: color-mix(in srgb, var(--gc-accent) 42%, transparent); background: linear-gradient( 180deg, color-mix(in srgb, var(--gc-accent) 12%, var(--gc-surface-2)) 0%, var(--gc-surface-2) 100% ); } .gc-protect__row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px 14px; align-items: start; cursor: pointer; } .gc-protect__checkwrap { position: relative; width: 22px; height: 22px; margin-top: 1px; flex-shrink: 0; } .gc-protect__check { position: absolute; inset: 0; z-index: 1; margin: 0; opacity: 0; cursor: pointer; } .gc-protect__box { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; border: 1.5px solid color-mix(in srgb, var(--gc-text) 22%, transparent); background: rgba(0, 0, 0, 0.28); color: transparent; transition: border-color 160ms ease, background 160ms ease, color 160ms ease; } .gc-protect__check:checked + .gc-protect__box { border-color: var(--gc-accent); background: var(--gc-accent); color: #04140f; } .gc-protect__check:focus-visible + .gc-protect__box { outline: 2px solid var(--gc-accent); outline-offset: 2px; } .gc-protect__check:disabled + .gc-protect__box { opacity: 0.55; } .gc-protect__copy { min-width: 0; display: grid; gap: 6px; } .gc-protect__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .gc-protect__titlewrap { display: inline-flex; align-items: center; gap: 8px; min-width: 0; } .gc-protect__shield { display: grid; place-items: center; color: var(--gc-accent); } .gc-protect__title { display: block; font-size: 15px; line-height: 1.25; font-weight: 750; letter-spacing: -0.02em; color: #fff; } .gc-protect__desc { display: block; margin: 0; font-size: 13px; line-height: 1.45; color: var(--gc-muted); } .gc-protect__price { flex-shrink: 0; font-size: 15px; font-weight: 750; font-variant-numeric: tabular-nums; color: #fff; } .gc-protect.is-on .gc-protect__price { color: var(--gc-accent); } .gc-protect__more { display: inline-flex; margin: 8px 0 0 36px; padding: 0; min-height: 24px; } .gc-protect__more:hover { text-decoration: underline; } .gc-dialog { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 16px; background: rgba(0, 0, 0, 0.55); } .gc-dialog__panel { max-width: 28rem; padding: 20px; border-radius: 16px; border: 1px solid var(--gc-border); background: var(--gc-surface); } .gc-dialog__actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; } .gc-dialog__close { min-height: 40px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--gc-accent); color: #04140f; font-weight: 700; cursor: pointer; } .gc-cart .lgk-terms-wrapper { margin: 8px 0 0; padding: 16px 0 0; border: 0; border-top: 1px solid var(--gc-border); background: transparent; } .gc-cart .lgk-terms-checkbox { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; font-size: 13px; color: var(--gc-muted); line-height: 1.45; } .lgk-payment-title.lgk-cart-page { margin: 0; font-size: 12px; color: var(--gc-muted); text-align: center; } .lgk-payment-banner.lgk-cart-page { padding: 0; border: 0; background: transparent; } .lgk-payment-banner.lgk-cart-page .lgk-payment-inner { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; } .gc-paybox { display: inline-flex; align-items: center; justify-content: center; height: 46px; min-width: 72px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--gc-border); background: var(--gc-surface-2); } .lgk-payment-banner.lgk-cart-page .lgk-paylogo { height: 22px; width: auto; max-width: 64px; object-fit: contain; } .gc-mobile-bar { display: none; } @media (max-width: 767px) { .gc-mobile-bar { position: sticky; bottom: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--gc-border); background: rgba(7, 11, 16, 0.94); backdrop-filter: blur(12px); } .gc-mobile-bar .gc-cta { width: auto; min-width: 44%; min-height: 48px; padding-inline: 18px; } .gc-mobile-bar__total { margin: 0; font-size: 14px; font-weight: 700; } .gc-summary__trust { grid-template-columns: 1fr; text-align: start; } .gc-promo__row { flex-wrap: wrap; } } .gc-banner { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 16px; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--gc-border); background: var(--gc-surface); font-size: 14px; } .gc-banner button { border: 0; background: none; color: var(--gc-accent); cursor: pointer; font-weight: 700; } .gc-skel { padding: 48px 16px; color: var(--gc-muted); } .gc-cart-empty { padding-top: 32px; } .cart-page .empty-state, .lgk-empty-state { display: grid; gap: 12px; justify-items: center; text-align: center; padding: 48px 16px; max-width: 28rem; margin-inline: auto; } @media (prefers-reduced-motion: reduce) { .gc-cta, .gc-ship-progress__fill { transition: none; } } /* ===== lgk-checkout-page.css ===== */ /* Page /checkout — GothamCommerce premium checkout * Source of truth: keep public/theme/css/lgk-checkout-page.css identical to src/styles/theme/lgk-checkout-page.css. */ .gc-checkout-root, .gc-checkout { --gc-page: var(--store-bg, #070b10); --gc-surface: #121a22; --gc-surface-2: #171f29; --gc-elevated: #1a2430; --gc-border: rgba(255, 255, 255, 0.07); --gc-text: var(--store-text, #f5f7fa); --gc-muted: var(--store-text-secondary, #9aa4b2); --gc-accent: var(--store-primary, #00d4aa); --gc-accent-2: var(--store-secondary, #0ea5e9); --gc-success: #3dd68c; --gc-warning: #f0b429; --gc-danger: #f97066; --gc-radius: 16px; color: var(--gc-text); } .gc-checkout-root { background: var(--gc-page); min-height: 100%; } .lgk-checkout-container { --container-max-width: 1520px; max-width: var(--container-max-width); margin-inline: auto; padding: 28px 56px calc(6rem + env(safe-area-inset-bottom, 0px)); } @media (max-width: 1366px) { .lgk-checkout-container { padding: 24px 40px calc(6rem + env(safe-area-inset-bottom, 0px)); } } @media (max-width: 1100px) { .lgk-checkout-container { padding: 24px 24px calc(6rem + env(safe-area-inset-bottom, 0px)); } } @media (max-width: 767px) { .lgk-checkout-container { padding: 16px 16px calc(5.5rem + env(safe-area-inset-bottom, 0px)); } } .gc-checkout-crumb { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; color: var(--gc-muted); } .gc-checkout-crumb a { color: var(--gc-muted); text-decoration: none; } .gc-checkout-crumb a:hover, .gc-checkout-crumb a:focus-visible { color: var(--gc-accent); outline: none; } .gc-checkout-crumb__sep { opacity: 0.55; } .gc-checkout-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; } .gc-checkout-header__title { margin: 0; font-size: clamp(32px, 3.2vw, 46px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; } .gc-checkout-header__sub { margin: 8px 0 0; color: var(--gc-muted); font-size: 14px; } .gc-checkout-header__back { color: var(--gc-muted); text-decoration: none; font-size: 14px; white-space: nowrap; } .gc-checkout-header__back:hover { color: var(--gc-accent); } .gc-checkout-steps { display: flex; gap: 10px; margin: 0 0 22px; padding: 0; list-style: none; flex-wrap: wrap; } .gc-checkout-steps li { display: flex; align-items: center; gap: 8px; color: var(--gc-muted); font-size: 13px; } .gc-checkout-steps .is-on { color: var(--gc-text); } .gc-checkout-steps__n { width: 22px; height: 22px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; border: 1px solid var(--gc-border); } .gc-checkout-steps .is-on .gc-checkout-steps__n { background: linear-gradient(135deg, var(--gc-accent), var(--gc-accent-2)); border-color: transparent; color: #fff; } .gc-checkout-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; align-items: start; } @media (min-width: 1100px) { .gc-checkout-grid { grid-template-columns: minmax(0, 8fr) minmax(380px, 420px); } } .gc-co-card { background: var(--gc-surface); border: 1px solid var(--gc-border); border-radius: var(--gc-radius); padding: 22px; } .gc-co-card + .gc-co-card { margin-top: 16px; } .gc-co-card__title { margin: 0 0 16px; font-size: 16px; font-weight: 700; } .gc-co-fields { display: grid; gap: 12px; } .gc-co-row { display: grid; gap: 12px; } @media (min-width: 640px) { .gc-co-row--2 { grid-template-columns: 1fr 1fr; } .gc-co-row--cp { grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr); } } .gc-co-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--gc-muted); } .gc-co-field input, .gc-co-field select { appearance: none; width: 100%; min-height: 46px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--gc-border); background: var(--gc-surface-2); color: var(--gc-text); font-size: 14px; } .gc-co-field input:focus, .gc-co-field select:focus { outline: none; border-color: color-mix(in srgb, var(--gc-accent) 55%, transparent); } .gc-co-field.is-invalid input, .gc-co-field.is-invalid select, .gc-co-field.is-invalid .lgk-country-select input { border-color: color-mix(in srgb, var(--gc-danger) 70%, transparent); } .lgk-country-select { position: relative; } .lgk-country-select__control { position: relative; } .lgk-country-select input[type="text"] { appearance: none; width: 100%; min-height: 46px; padding: 0 42px 0 14px; border-radius: 12px; border: 1px solid var(--gc-border, rgba(255, 255, 255, 0.07)); background: var(--gc-surface-2, #171f29); color: var(--gc-text, #f5f7fa); font-size: 14px; } .lgk-country-select input[type="text"]:focus { outline: none; border-color: color-mix(in srgb, var(--gc-accent, #00d4aa) 55%, transparent); } .lgk-country-select.is-invalid input[type="text"] { border-color: color-mix(in srgb, var(--gc-danger, #f97066) 70%, transparent); } .lgk-country-select__chevron { pointer-events: none; position: absolute; top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid var(--gc-muted, #9aa4b2); border-bottom: 2px solid var(--gc-muted, #9aa4b2); transform: rotate(45deg); } .lgk-country-select.is-open .lgk-country-select__chevron { margin-top: -2px; transform: rotate(225deg); } .lgk-country-select__list { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 6px); max-height: 16.5rem; margin: 0; padding: 6px; overflow: auto; list-style: none; border-radius: 12px; border: 1px solid var(--gc-border, rgba(255, 255, 255, 0.07)); background: var(--gc-surface, #121a22); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35); } .lgk-country-select__option { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; padding: 8px 10px; border-radius: 8px; cursor: pointer; color: var(--gc-text, #f5f7fa); } .lgk-country-select__option.is-active, .lgk-country-select__option:hover { background: color-mix(in srgb, var(--gc-accent, #00d4aa) 14%, transparent); } .lgk-country-select__name { min-width: 0; font-size: 14px; } .lgk-country-select__code { flex: none; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; color: var(--gc-muted, #9aa4b2); } .lgk-country-select__empty { padding: 10px; font-size: 13px; color: var(--gc-muted, #9aa4b2); } .gc-co-err { margin: 0; font-size: 12px; color: var(--gc-danger); } .gc-co-hint { margin: 0; font-size: 13px; color: var(--gc-success); } .gc-co-login { margin: 0 0 12px; font-size: 13px; color: var(--gc-muted); } .gc-co-login a { color: var(--gc-accent); } .gc-co-addresses { display: grid; gap: 8px; margin-bottom: 14px; } .gc-co-addr { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--gc-border); background: var(--gc-surface-2); cursor: pointer; } .gc-co-addr.is-on { border-color: color-mix(in srgb, var(--gc-accent) 45%, transparent); } .gc-co-addr input { margin-top: 3px; } .gc-co-addr__name { display: block; color: var(--gc-text); font-weight: 600; font-size: 13px; } .gc-co-addr__line { display: block; font-size: 12px; color: var(--gc-muted); } .gc-ship-methods { display: grid; gap: 8px; } .gc-ship-method { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px; border-radius: 12px; border: 1px solid var(--gc-border); background: var(--gc-surface-2); cursor: pointer; } .gc-ship-method.is-on { border-color: color-mix(in srgb, var(--gc-accent) 45%, transparent); } .gc-ship-method__name { display: block; color: var(--gc-text); font-weight: 600; font-size: 14px; } .gc-ship-method__desc { display: block; font-size: 12px; color: var(--gc-muted); margin-top: 2px; } .gc-ship-method__price { font-weight: 700; font-size: 14px; color: var(--gc-text); } .gc-ship-method__price.is-free { color: var(--gc-success); } .gc-co-promo { display: flex; gap: 8px; } .gc-co-promo input { flex: 1 1 auto; min-width: 0; min-height: 46px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--gc-border); background: var(--gc-surface-2); color: var(--gc-text); } .gc-co-promo button { min-height: 46px; padding: 0 16px; border: 0; border-radius: 12px; background: var(--gc-elevated); color: var(--gc-text); font-weight: 600; cursor: pointer; } .gc-co-promo button:disabled { opacity: 0.55; cursor: not-allowed; } .gc-co-lines { display: grid; gap: 12px; margin: 0 0 16px; padding: 0; list-style: none; } .gc-co-line { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; align-items: center; } .gc-co-line img { width: 64px; height: 64px; object-fit: cover; border-radius: 10px; background: var(--gc-elevated); } .gc-co-line__title { margin: 0; font-size: 13px; font-weight: 600; } .gc-co-line__meta { margin: 3px 0 0; font-size: 12px; color: var(--gc-muted); } .gc-co-line__price { font-weight: 700; font-size: 13px; white-space: nowrap; } .gc-co-empty { text-align: center; padding: 64px 16px; } .gc-co-empty h1 { margin: 0 0 8px; font-size: 32px; } .gc-co-empty p { color: var(--gc-muted); } .gc-co-empty a { color: var(--gc-accent); } .gc-checkout .gc-summary { position: sticky; top: 24px; } .gc-checkout-mobile-bar { display: none; } @media (max-width: 1099px) { .gc-checkout .gc-summary { position: static; } .gc-checkout-mobile-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); background: color-mix(in srgb, var(--gc-page) 92%, transparent); border-top: 1px solid var(--gc-border); backdrop-filter: blur(12px); } .gc-checkout-mobile-bar .gc-cta { width: auto; min-width: 58%; } } .gc-pay-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr); gap: 28px; align-items: start; } .gc-pay-card { min-height: 320px; } .gc-pay-element { margin: 18px 0 20px; padding: 4px 0 8px; } .gc-pay-form .gc-cta { width: 100%; margin-top: 8px; } .gc-pay-summary .gc-co-line img { object-fit: cover; border-radius: 10px; background: #0d131a; } @media (max-width: 1099px) { .gc-pay-grid { grid-template-columns: 1fr; } .gc-pay .gc-summary { position: static; order: -1; } } /* ===== lgk-custom-filters.css ===== */ /* Filtres custom LeGeekShop — panneau unifié */ .lgk-cf { --lgk-cf-accent: #f97316; --lgk-cf-accent-soft: rgba(249, 115, 22, 0.16); --lgk-cf-line: rgba(255, 255, 255, 0.1); --lgk-cf-muted: rgba(244, 244, 245, 0.55); display: flex; flex-direction: column; gap: 0.75rem; padding: 0 0 1rem; max-width: 100%; } .lgk-cf__head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0 0.1rem; } .lgk-cf__head-main { display: inline-flex; align-items: center; gap: 0.45rem; } .lgk-cf__title { margin: 0; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lgk-cf-muted); } .lgk-cf__count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.25rem; height: 1.25rem; padding: 0 0.35rem; border-radius: 999px; background: var(--lgk-cf-accent); color: #111; font-size: 0.7rem; font-weight: 800; line-height: 1; } .lgk-cf__clear { font-size: 0.78rem; font-weight: 600; color: var(--lgk-cf-accent); text-decoration: none; white-space: nowrap; } .lgk-cf__clear:hover { text-decoration: underline; } .lgk-cf__active { display: flex; flex-wrap: wrap; gap: 0.35rem; padding: 0.55rem 0.65rem; border-radius: 12px; border: 1px solid rgba(249, 115, 22, 0.28); background: linear-gradient(180deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.04)); } .lgk-cf__panel { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--lgk-cf-line); border-radius: 14px; background: rgba(12, 12, 18, 0.72); overflow: hidden; } .lgk-cf .lgk-facet-browse { margin: 0; padding: 0.75rem 0.8rem 0.85rem; border-bottom: 1px solid var(--lgk-cf-line); } .lgk-cf .lgk-facet-browse__label { margin: 0 0 0.5rem; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--lgk-cf-muted); } .lgk-cf .lgk-facet-browse__list { display: flex; flex-wrap: wrap; gap: 0.35rem; } .lgk-cf .lgk-facet-browse__chip { display: inline-flex; align-items: center; min-height: 1.85rem; padding: 0.28rem 0.7rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgba(244, 244, 245, 0.9); font-size: 0.76rem; line-height: 1; text-decoration: none; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .lgk-cf .lgk-facet-browse__chip:hover { border-color: rgba(249, 115, 22, 0.5); background: var(--lgk-cf-accent-soft); } .lgk-cf .lgk-facet-browse__chip.is-active { border-color: color-mix(in srgb, var(--lgk-cf-accent) 55%, #fff 10%); background: var(--lgk-cf-accent); color: #fff; font-weight: 700; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .lgk-cf__group { border-bottom: 1px solid var(--lgk-cf-line); padding: 0; background: transparent; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; } .lgk-cf__group:last-of-type { border-bottom: 0; } .lgk-cf__group > summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.8rem 0.85rem 0.55rem; font-size: 0.82rem; font-weight: 700; color: rgba(244, 244, 245, 0.95); user-select: none; } .lgk-cf__group > summary::-webkit-details-marker { display: none; } .lgk-cf__chev { width: 0.55rem; height: 0.55rem; border-right: 1.5px solid rgba(244, 244, 245, 0.45); border-bottom: 1.5px solid rgba(244, 244, 245, 0.45); transform: rotate(45deg); transition: transform 0.18s ease; flex-shrink: 0; margin-top: -0.2rem; } .lgk-cf__group[open] > summary .lgk-cf__chev { transform: rotate(-135deg); margin-top: 0.15rem; } .lgk-cf__options { display: flex; flex-wrap: wrap; gap: 0.35rem; padding: 0 0.85rem 0.85rem; max-height: 14rem; overflow-y: auto; scrollbar-width: thin; } .lgk-cf facet-link.contents, .lgk-cf facet-link { display: contents; } .lgk-cf__chip { display: inline-flex; align-items: center; gap: 0.3rem; min-height: 1.95rem; padding: 0.32rem 0.78rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.035); color: rgba(244, 244, 245, 0.9); font-size: 0.78rem; line-height: 1; text-decoration: none; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, transform 0.12s ease; } .lgk-cf__chip:hover { border-color: rgba(249, 115, 22, 0.55); background: var(--lgk-cf-accent-soft); } .lgk-cf__chip:active { transform: scale(0.97); } .lgk-cf__chip.is-active { border-color: color-mix(in srgb, var(--lgk-cf-accent) 70%, #fff 8%); background: var(--lgk-cf-accent); color: #fff; font-weight: 700; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.28); box-shadow: 0 0 0 1px color-mix(in srgb, var(--lgk-cf-accent) 45%, transparent), 0 6px 16px color-mix(in srgb, var(--lgk-cf-accent) 28%, transparent); } .lgk-cf__chip-x { font-size: 0.95rem; font-weight: 700; line-height: 1; opacity: 0.75; } .lgk-cf__active .lgk-cf__chip { padding-right: 0.55rem; } .lgk-cf__native { margin: 0; padding: 0.15rem 0.35rem 0.55rem; border-top: 1px solid var(--lgk-cf-line); } .lgk-cf__native .accordion, .lgk-cf__native .facets-filters, .lgk-cf__native details { border: 0 !important; background: transparent !important; box-shadow: none !important; } .lgk-cf.is-loading { pointer-events: none; opacity: 0.72; } .lgk-cf.is-loading::after { content: ''; position: absolute; } @media (prefers-reduced-motion: reduce) { .lgk-cf__chip, .lgk-cf__chev { transition: none; } } /* ——— Layout catalogue (Next storefront) ——— */ .lgk-cf__profile { margin: 0; font-size: 0.78rem; color: var(--lgk-cf-muted); } .lgk-cf__profile strong { color: rgba(244, 244, 245, 0.92); font-weight: 700; } .lgk-cf__profile-sep { margin: 0 0.35rem; opacity: 0.5; } .lgk-cf__active-chip { display: inline-flex; align-items: center; min-height: 1.7rem; padding: 0.25rem 0.65rem; border-radius: 999px; border: 1px solid rgba(249, 115, 22, 0.45); background: var(--lgk-cf-accent-soft); color: #fdba74; font-size: 0.74rem; font-weight: 600; text-decoration: none; } .lgk-cf__active-chip:hover { background: rgba(249, 115, 22, 0.28); color: #fff; } .lgk-cf__chip-count { font-size: 0.68rem; opacity: 0.7; font-weight: 600; } .lgk-cf__chip.is-active .lgk-cf__chip-count { opacity: 0.85; color: inherit; } .lgk-cf__search { display: flex; flex-wrap: wrap; gap: 0.4rem; width: 100%; } .lgk-cf__search-input { flex: 1 1 8rem; min-height: 2.1rem; padding: 0.4rem 0.7rem; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(0, 0, 0, 0.35); color: #fff; font-size: 0.85rem; } .lgk-cf__search-btn { min-height: 2.1rem; padding: 0.4rem 0.85rem; border-radius: 10px; border: 0; background: var(--lgk-cf-accent); color: #111; font-size: 0.8rem; font-weight: 700; cursor: pointer; } .lgk-cf__clear-inline { font-size: 0.76rem; color: var(--lgk-cf-accent); align-self: center; } .lgk-catalog-layout { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.25rem; align-items: start; } @media (min-width: 980px) { .lgk-catalog-layout { grid-template-columns: minmax(240px, 280px) minmax(0, 1fr); gap: 1.75rem; } } .lgk-catalog-layout__filters { position: relative; z-index: 2; } @media (min-width: 980px) { .lgk-catalog-layout__filters { position: sticky; top: calc(var(--sticky-area-height, 4.5rem) + 0.75rem); max-height: calc(100dvh - var(--sticky-area-height, 4.5rem) - 1.5rem); overflow: auto; scrollbar-width: thin; } } .lgk-cf-shell { display: block; margin: 0; } @media (min-width: 980px) { .lgk-cf-shell > .lgk-cf-mobile__summary { display: none; } .lgk-cf-shell[open] .lgk-cf, .lgk-cf-shell .lgk-cf { border: 0; border-radius: 0; padding: 0; background: transparent; } } .lgk-cf-mobile__summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; padding: 0.85rem 1rem; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(12, 12, 18, 0.85); font-size: 0.9rem; font-weight: 700; color: #fff; user-select: none; } .lgk-cf-mobile__summary::-webkit-details-marker { display: none; } .lgk-cf-mobile__hint { margin-left: auto; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(244, 244, 245, 0.45); } .lgk-cf-shell[open] .lgk-cf-mobile__summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-color: transparent; } .lgk-cf-shell[open] .lgk-cf { border: 1px solid rgba(255, 255, 255, 0.12); border-top: 0; border-radius: 0 0 14px 14px; padding: 0.75rem 0.85rem 1rem; background: rgba(12, 12, 18, 0.85); } .lgk-catalog-empty { display: flex; flex-direction: column; gap: 0.75rem; padding: 2rem 0; } @media (min-width: 980px) { .lgk-collection-toolbar__sort { max-width: 100%; } } /* ===== lgk-trustpilot-reviews.css ===== */ /* LeGeekShop — avis Trustpilot (footer + bandeau accueil) */ .lgk-tp-reviews { --lgk-tp-green: #00b67a; --lgk-tp-green-dark: #005128; --lgk-tp-card: #11161c; --lgk-tp-card-border: rgba(255, 255, 255, 0.08); --lgk-tp-text: #e8eef3; --lgk-tp-muted: #9aa8b5; position: relative; overflow: hidden; } .lgk-tp-reviews::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% -20%, rgba(0, 182, 122, 0.14), transparent 55%), radial-gradient(ellipse 50% 40% at 100% 50%, rgba(19, 137, 233, 0.08), transparent 50%); pointer-events: none; } .lgk-tp-reviews__inner { position: relative; z-index: 1; } .lgk-tp-reviews__header { display: grid; gap: 1.25rem; margin-bottom: 1.75rem; } @media (min-width: 900px) { .lgk-tp-reviews__header { grid-template-columns: 1fr auto; align-items: end; gap: 2rem; } } .lgk-tp-reviews__eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; margin: 0 0 0.5rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--lgk-tp-green); } .lgk-tp-reviews__title { margin: 0; font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.15; color: var(--lgk-tp-text); } .lgk-tp-reviews__subtitle { margin: 0.5rem 0 0; max-width: 42rem; color: var(--lgk-tp-muted); font-size: 0.95rem; line-height: 1.55; } .lgk-tp-reviews__score-card { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; padding: 1rem 1.25rem; border-radius: 14px; background: rgba(0, 182, 122, 0.08); border: 1px solid rgba(0, 182, 122, 0.22); } .lgk-tp-reviews__score-main { display: flex; align-items: center; gap: 0.75rem; } .lgk-tp-reviews__score-value { font-size: 2.25rem; font-weight: 800; line-height: 1; color: #fff; } .lgk-tp-reviews__score-meta { display: flex; flex-direction: column; gap: 0.2rem; } .lgk-tp-reviews__score-label { font-size: 0.8rem; font-weight: 600; color: var(--lgk-tp-text); } .lgk-tp-reviews__score-count { font-size: 0.78rem; color: var(--lgk-tp-muted); } .lgk-tp-reviews__badge { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.35rem 0.65rem; border-radius: 999px; background: #fff; color: var(--lgk-tp-green-dark); font-size: 0.72rem; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform 0.15s ease, box-shadow 0.15s ease; } .lgk-tp-reviews__badge:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); } .lgk-tp-reviews__badge svg { width: 16px; height: 16px; flex-shrink: 0; } .lgk-tp-stars { display: inline-flex; align-items: center; gap: 2px; color: var(--lgk-tp-green); } .lgk-tp-stars--sm .lgk-tp-stars__icon { width: 14px; height: 14px; } .lgk-tp-stars--md .lgk-tp-stars__icon { width: 18px; height: 18px; } .lgk-tp-stars--lg .lgk-tp-stars__icon { width: 22px; height: 22px; } .lgk-tp-stars--xl .lgk-tp-stars__icon { width: 28px; height: 28px; } .lgk-tp-stars__icon--empty, .lgk-tp-stars__empty { color: rgba(255, 255, 255, 0.18); fill: currentColor; } .lgk-tp-stars__icon--full, .lgk-tp-stars__icon--half { fill: currentColor; } .lgk-tp-carousel { position: relative; } .lgk-tp-carousel__viewport { overflow: hidden; border-radius: 16px; } .lgk-tp-carousel__track { display: flex; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; } .lgk-tp-carousel__slide { flex: 0 0 100%; min-width: 0; padding: 0 0.15rem; } @media (min-width: 700px) { .lgk-tp-carousel[data-per-view="2"] .lgk-tp-carousel__slide { flex-basis: 50%; } .lgk-tp-carousel[data-per-view="3"] .lgk-tp-carousel__slide { flex-basis: 33.333%; } } @media (min-width: 900px) { .lgk-tp-carousel[data-per-view="4"] .lgk-tp-carousel__slide { flex-basis: 25%; } } .lgk-tp-carousel--grid .lgk-tp-carousel__slide { padding: 0 0.5rem; } .lgk-tp-carousel--grid .lgk-tp-carousel__viewport { margin: 0 -0.5rem; } .lgk-tp-carousel--grid .lgk-tp-card--list { min-height: 100%; } .lgk-tp-carousel--grid .lgk-tp-card--list .lgk-tp-card__text { -webkit-line-clamp: 4; } .lgk-tp-card { height: 100%; display: flex; flex-direction: column; gap: 0.85rem; padding: 1.15rem 1.2rem; border-radius: 14px; background: var(--lgk-tp-card); border: 1px solid var(--lgk-tp-card-border); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22); } .lgk-tp-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; } .lgk-tp-card__author { margin: 0; font-size: 0.92rem; font-weight: 700; color: #fff; } .lgk-tp-card__date { font-size: 0.72rem; color: var(--lgk-tp-muted); white-space: nowrap; } .lgk-tp-card__title { margin: 0; font-size: 0.95rem; font-weight: 700; color: var(--lgk-tp-text); line-height: 1.35; } .lgk-tp-card__text { margin: 0; flex: 1; font-size: 0.88rem; line-height: 1.55; color: var(--lgk-tp-muted); display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .lgk-tp-card__verified { display: inline-flex; align-items: center; gap: 0.35rem; margin-top: auto; font-size: 0.72rem; font-weight: 600; color: var(--lgk-tp-green); } .lgk-tp-card__verified svg { width: 14px; height: 14px; } .lgk-tp-carousel__nav { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-top: 1.1rem; } .lgk-tp-carousel__btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--lgk-tp-card-border); border-radius: 10px; background: rgba(255, 255, 255, 0.04); color: #fff; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; } .lgk-tp-carousel__btn:hover:not(:disabled) { background: rgba(0, 182, 122, 0.15); border-color: rgba(0, 182, 122, 0.35); } .lgk-tp-carousel__btn:disabled { opacity: 0.35; cursor: not-allowed; } .lgk-tp-carousel__btn svg { width: 18px; height: 18px; } .lgk-tp-carousel__dots { display: flex; align-items: center; gap: 0.4rem; } .lgk-tp-carousel__dot { width: 8px; height: 8px; padding: 0; border: none; border-radius: 999px; background: rgba(255, 255, 255, 0.22); cursor: pointer; transition: width 0.2s ease, background 0.2s ease; } .lgk-tp-carousel__dot[aria-current="true"] { width: 22px; background: var(--lgk-tp-green); } .lgk-tp-reviews__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--lgk-tp-card-border); } .lgk-tp-reviews__cta { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.7rem 1.1rem; border-radius: 10px; background: var(--lgk-tp-green); color: #fff; font-size: 0.88rem; font-weight: 700; text-decoration: none; transition: background 0.15s ease, transform 0.15s ease; } .lgk-tp-reviews__cta:hover { background: #00a06d; transform: translateY(-1px); } .lgk-tp-reviews__cta--ghost { background: transparent; border: 1px solid rgba(255, 255, 255, 0.18); color: var(--lgk-tp-text); } .lgk-tp-reviews__cta--ghost:hover { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.28); } .lgk-tp-reviews__score-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1.25rem; margin-bottom: 1rem; padding-bottom: 0.85rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .lgk-tp-reviews--carousel-compact .lgk-tp-reviews__score-bar { margin-bottom: 0.85rem; padding-bottom: 0.65rem; } .lgk-tp-reviews__footer-actions { display: flex; flex-wrap: wrap; gap: 0.65rem; } .lgk-tp-card__verified--compact { margin-top: 0.35rem; font-size: 0.7rem; } .lgk-tp-reviews__cta-panel { text-align: center; padding: 1.25rem 1rem 0.5rem; } .lgk-tp-reviews__cta-panel--compact { padding: 0.5rem 0 0; } .lgk-tp-reviews__cta-panel .lgk-tp-reviews__title { margin: 0 0 0.5rem; } .lgk-tp-reviews--carousel-compact { padding: 0; margin: 0; background: transparent; } .lgk-tp-reviews--carousel-compact::before { display: none; } .lgk-tp-reviews__compact-wrap { position: relative; width: 100%; padding: 25px; box-sizing: border-box; min-height: 140px; } /* Bandeau accueil — note seule (même rendu que le footer) */ .lgk-tp-reviews--carousel-compact.lgk-tp-reviews--score-only .lgk-tp-reviews__compact-wrap { display: block; min-height: 0; padding: 0.55rem 1rem 0.15rem; background-color: rgb(var(--background)); background-image: none; } .lgk-tp-reviews--carousel-compact.lgk-tp-reviews--score-only .lgk-tp-carousel, .lgk-tp-reviews--carousel-compact.lgk-tp-reviews--score-only .lgk-tp-reviews__cta-panel { display: none !important; } .lgk-tp-reviews--carousel-compact.lgk-tp-reviews--score-only .lgk-tp-reviews__score-bar { margin-bottom: 0; } .lgk-tp-carousel--compact .lgk-tp-card--compact { padding: 0.85rem 1rem; min-height: 90px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; } .lgk-tp-carousel--compact .lgk-tp-card__text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.82rem; margin-top: 0.35rem; } .lgk-tp-carousel--compact .lgk-tp-card__title { font-size: 0.88rem; margin: 0.25rem 0 0; } .lgk-tp-carousel__nav--compact { position: absolute; inset: 0; pointer-events: none; display: flex; align-items: center; justify-content: space-between; padding: 0 4px; } .lgk-tp-carousel__nav--compact .lgk-tp-carousel__btn { pointer-events: auto; width: 32px; height: 32px; opacity: 0.85; } .lgk-tp-reviews__tp-link { position: absolute; right: 28px; bottom: 28px; display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.75rem; font-weight: 600; color: #9aa8b5; text-decoration: none; } .lgk-tp-reviews__tp-link:hover { color: #00b67a; } .lgk-tp-reviews--review-list::before { display: none; } .lgk-tp-reviews__list-header { margin-bottom: 1.5rem; } .lgk-tp-reviews__list-header .lgk-tp-reviews__title { margin: 0.75rem 0 0; width: 100%; } .lgk-tp-reviews__list-header .lgk-tp-reviews__subtitle { margin-top: 0.35rem; width: 100%; } .lgk-tp-list__items { display: grid; gap: 1rem; } .lgk-tp-card--list { padding: 1.1rem 1.25rem; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; } .lgk-tp-card--list .lgk-tp-card__text { font-size: 0.92rem; line-height: 1.6; margin-top: 0.5rem; } .lgk-tp-list__item[hidden] { display: none; } .lgk-tp-list__pager { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.25rem; } .lgk-tp-list__pager-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; background: rgba(255, 255, 255, 0.05); color: var(--lgk-tp-text); cursor: pointer; } .lgk-tp-list__pager-btn:disabled { opacity: 0.35; cursor: not-allowed; } .lgk-tp-list__pager-info { font-size: 0.85rem; color: var(--lgk-tp-muted); } .lgk-tp-reviews--review-list > .color-scheme { padding-block-start: clamp(2rem, 4vw, 3rem); padding-block-end: clamp(2.5rem, 5vw, 4rem); } .lgk-tp-reviews--review-list .lgk-tp-carousel--grid .lgk-tp-carousel__nav { margin-top: 1.75rem; margin-bottom: 0.25rem; } .lgk-tp-reviews__footer--list { margin-top: 2.25rem; padding-top: 1.75rem; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 1.35rem; } .lgk-tp-reviews__footer--list .lgk-tp-reviews__subtitle { margin: 0; max-width: 38rem; } .lgk-tp-reviews__footer--list .lgk-tp-reviews__footer-actions { justify-content: center; } .lgk-tp-reviews.is-paused .lgk-tp-carousel__track { transition: none; } @media (max-width: 699px) { .lgk-tp-reviews__score-card { width: 100%; } .lgk-tp-reviews__header { grid-template-columns: 1fr; gap: 1rem; } .lgk-tp-reviews__list-header .lgk-tp-reviews__title { font-size: clamp(1.25rem, 5vw, 1.5rem); } .lgk-tp-card__date { white-space: normal; } .lgk-tp-card { padding: 1rem; } .lgk-tp-reviews__footer { flex-direction: column; align-items: stretch; } .lgk-tp-reviews__cta { justify-content: center; } .lgk-tp-reviews--review-list > .color-scheme { padding-inline: clamp(0.85rem, 4vw, 1.25rem); } } /* ===== lgk-google-reviews.css ===== */ /* LGK — Avis Google (surcharge du carousel Trustpilot) */ .lgk-tp-reviews--google { --lgk-tp-green: #4285f4; --lgk-tp-green-dark: #1a73e8; } .lgk-tp-reviews--google::before { background: radial-gradient(ellipse 80% 60% at 50% -20%, rgba(66, 133, 244, 0.16), transparent 55%), radial-gradient(ellipse 50% 40% at 100% 50%, rgba(251, 188, 4, 0.08), transparent 50%); } .lgk-tp-reviews--google .lgk-tp-reviews__eyebrow { color: #8ab4f8; } .lgk-tp-reviews--google .lgk-tp-stars__icon--full, .lgk-tp-reviews--google .lgk-tp-stars__icon--half { color: #fbbc04; } .lgk-tp-reviews--google .lgk-tp-reviews__score-card { background: rgba(66, 133, 244, 0.1); border-color: rgba(66, 133, 244, 0.28); } .lgk-tp-reviews--google .lgk-tp-reviews__badge--google { display: inline-flex; align-items: center; gap: 0.4rem; background: #fff; color: #1a73e8; font-weight: 700; } .lgk-tp-reviews--google .lgk-tp-card__verified { display: inline-flex; align-items: center; gap: 0.35rem; color: #8ab4f8; border-color: rgba(66, 133, 244, 0.35); background: rgba(66, 133, 244, 0.1); } .lgk-tp-reviews--google .lgk-tp-card__verified-g { width: 1rem; height: 1rem; font-size: 0.62rem; } .lgk-tp-reviews--google .lgk-tp-reviews__cta { border-color: rgba(66, 133, 244, 0.45); } .lgk-tp-reviews--google .lgk-tp-reviews__cta:hover { border-color: rgba(66, 133, 244, 0.75); background: rgba(66, 133, 244, 0.12); } .lgk-tp-reviews--google.lgk-tp-reviews--carousel-compact .lgk-tp-reviews__compact-wrap { padding-block: 0.75rem 1rem; } .lgk-tp-reviews--google .lgk-tp-reviews__compact-head { text-align: center; margin-bottom: 0.75rem; padding-inline: 1rem; } .lgk-tp-reviews--google .lgk-tp-reviews__compact-head .lgk-tp-reviews__title { font-size: clamp(1.15rem, 2vw, 1.45rem); } .lgk-tp-reviews--google .lgk-tp-reviews__compact-head .lgk-tp-reviews__subtitle { margin-top: 0.35rem; } .lgk-tp-reviews--google .lgk-tp-card__text { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .lgk-tp-reviews--google.lgk-tp-reviews--review-list .lgk-tp-card__text { -webkit-line-clamp: 8; } /* ===== lgk-reviews-trust.css ===== */ /* LGK — Badges avis Google · Trustpilot · Judge.me */ .lgk-reviews-trust__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.55rem 0.75rem; } .lgk-reviews-trust__badge { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.35rem 0.7rem; border-radius: 999px; border: 1px solid rgb(255 255 255 / 0.14); background: rgb(255 255 255 / 0.06); color: inherit; text-decoration: none; font-size: 0.82rem; line-height: 1.3; white-space: nowrap; transition: border-color 0.2s ease, background 0.2s ease; } a.lgk-reviews-trust__badge:hover { border-color: rgb(255 255 255 / 0.35); background: rgb(255 255 255 / 0.1); } .lgk-reviews-trust__badge--google { border-color: rgb(66 133 244 / 0.35); } a.lgk-reviews-trust__badge--google:hover { border-color: rgb(66 133 244 / 0.65); background: rgb(66 133 244 / 0.12); } .lgk-reviews-trust__badge--tp { border-color: rgb(0 182 122 / 0.35); } .lgk-reviews-trust__badge--jm { border-color: rgb(16 132 116 / 0.35); } .lgk-reviews-trust__g { display: inline-grid; place-items: center; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: #fff; color: #4285f4; font-size: 0.72rem; font-weight: 700; font-family: Arial, sans-serif; line-height: 1; } .lgk-footer__trust-ico--google { display: inline-grid; place-items: center; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: #fff; color: #4285f4; font-size: 0.68rem; font-weight: 700; font-family: Arial, sans-serif; line-height: 1; } .lgk-tp-reviews__cta--google { border-color: rgb(66 133 244 / 0.45); } .lgk-tp-reviews__cta--google:hover { border-color: rgb(66 133 244 / 0.75); background: rgb(66 133 244 / 0.12); } .lgk-tp-reviews__score-bar .lgk-reviews-trust__row { margin-inline-start: 0.5rem; } @media (max-width: 640px) { .lgk-reviews-trust__badge { font-size: 0.78rem; padding: 0.3rem 0.55rem; } } /* ===== lgk-pc-quotes.css ===== */ .lgk-pcq { --pcq-radius: 18px; --pcq-pad: 1.35rem; --pcq-border: color-mix(in srgb, var(--store-primary, #00d4aa) 22%, rgba(255, 255, 255, 0.08)); --pcq-surface: rgba(18, 21, 26, 0.92); color: #eef2f6; padding: clamp(1rem, 2vw, 2rem) 0 4.5rem; } .lgk-pcq__wrap { width: min(100% - 1.5rem, 92rem); margin-inline: auto; } .lgk-pcq__hero { border: 1px solid var(--pcq-border); border-radius: var(--pcq-radius); background: radial-gradient(1200px 400px at 10% -20%, color-mix(in srgb, var(--store-primary, #00d4aa) 18%, transparent), transparent), var(--pcq-surface); padding: clamp(1.5rem, 4vw, 3rem); margin-bottom: 1.25rem; } .lgk-pcq__hero h1 { font-family: var(--font-display), sans-serif; font-size: clamp(1.8rem, 4vw, 3.1rem); line-height: 1.1; margin: 0 0 0.75rem; } .lgk-pcq__hero p { color: #b7c0cc; max-width: 46rem; font-size: 1.05rem; } .lgk-pcq__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.4rem; } .lgk-pcq__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0 1.2rem; border-radius: 12px; font-weight: 600; border: 1px solid transparent; cursor: pointer; } .lgk-pcq__btn--primary { background: var(--store-primary, #00d4aa); color: #04140f; } .lgk-pcq__btn--ghost { background: transparent; border-color: rgba(255, 255, 255, 0.16); color: #fff; } .lgk-pcq__trust { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; margin-top: 1.25rem; color: #9aa6b2; font-size: 0.9rem; } .lgk-pcq__grid { display: grid; gap: 1rem; } @media (min-width: 1280px) { .lgk-pcq__grid { grid-template-columns: minmax(0, 8fr) minmax(18rem, 4fr); align-items: start; } } .lgk-pcq__card { background: var(--pcq-surface); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: var(--pcq-radius); padding: var(--pcq-pad); } .lgk-pcq__choices { display: grid; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); gap: 0.7rem; } .lgk-pcq__choice { text-align: left; min-height: 4.2rem; padding: 0.9rem 0.95rem; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); color: inherit; cursor: pointer; } .lgk-pcq__choice[data-on="true"] { border-color: var(--store-primary, #00d4aa); box-shadow: inset 0 0 0 1px var(--store-primary, #00d4aa); background: color-mix(in srgb, var(--store-primary, #00d4aa) 12%, transparent); } .lgk-pcq__step { color: #8b97a4; font-size: 0.82rem; letter-spacing: 0.04em; text-transform: uppercase; margin: 0 0 0.4rem; } .lgk-pcq__summary { position: sticky; top: 5.5rem; } .lgk-pcq__bar { height: 8px; border-radius: 99px; background: rgba(255, 255, 255, 0.08); overflow: hidden; } .lgk-pcq__bar > span { display: block; height: 100%; background: var(--store-primary, #00d4aa); } .lgk-pcq__mobile-bar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 0.7rem 1rem calc(0.7rem + env(safe-area-inset-bottom)); background: rgba(10, 12, 16, 0.96); border-top: 1px solid rgba(255, 255, 255, 0.08); } .lgk-pcq input, .lgk-pcq textarea, .lgk-pcq select { width: 100%; min-height: 3rem; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.12); background: #0d1014; color: #fff; padding: 0.7rem 0.9rem; } .lgk-pcq__nav { display: flex; justify-content: space-between; gap: 0.75rem; margin-top: 1.25rem; } .lgk-pcq__badge { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; color: #c5d0da; } .lgk-pcq__product { display: grid; grid-template-columns: 4.5rem 1fr auto; gap: 0.75rem; align-items: center; padding: 0.65rem; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; background: #101318; width: 100%; color: inherit; text-align: left; cursor: pointer; } .lgk-pcq__product img { width: 4.5rem; height: 4.5rem; object-fit: contain; background: #000; border-radius: 10px; } .lgk-pcq__how, .lgk-pcq__faq { display: grid; gap: 0.65rem; margin-top: 1.25rem; } @media (max-width: 1023px) { .lgk-pcq__summary { position: static; } .lgk-pcq__mobile-bar { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; } } @media (max-width: 767px) { .lgk-pcq__choices { grid-template-columns: 1fr 1fr; } } .lgk-pcq__alt { display: block; width: 100%; margin-top: 0.35rem; padding: 0.45rem 0.7rem; border: 0; border-radius: 10px; background: transparent; color: #9aa6b2; text-align: left; cursor: pointer; font-size: 0.85rem; } .lgk-pcq__product-row { display: grid; gap: 0.4rem; } .lgk-pcq-cmp { margin-top: 1rem; } .lgk-pcq-cmp__totals { display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; margin-bottom: 0.75rem; color: #c5d0da; font-size: 0.92rem; } .lgk-pcq-cmp__scroll { overflow-x: auto; } .lgk-pcq-cmp__table { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .lgk-pcq-cmp__table th, .lgk-pcq-cmp__table td { border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 0.7rem 0.6rem; text-align: left; vertical-align: top; } .lgk-pcq-cmp__kind { display: inline-block; margin-left: 0.45rem; font-size: 0.72rem; letter-spacing: 0.04em; text-transform: uppercase; color: #8b97a4; } .lgk-pcq-cmp__kind--replaced { color: #fbbf24; } .lgk-pcq-cmp__kind--added { color: var(--store-primary, #00d4aa); } .lgk-pcq-cmp__kind--removed { color: #f87171; } .lgk-pcq-cmp__why { color: #9aa6b2; font-size: 0.8rem; } .lgk-pcq-cmp__thumb { width: 3.5rem; height: 3.5rem; object-fit: contain; display: block; margin-bottom: 0.4rem; background: #000; border-radius: 8px; } .lgk-pcq-cmp__col-actions { display: grid; gap: 0.35rem; margin-top: 0.5rem; } /* ===== lgk-responsive.css ===== */ /** * Storefront responsive foundation — GothamCommerce * Tokens + overflow + containers + typography + grids + z-index + safe-area * Loaded after store-specific CSS so utilities can override safely. */ :root { /* Breakpoint strategy (documentation + JS checks) */ --lgk-bp-xs: 320px; --lgk-bp-sm: 640px; --lgk-bp-md: 768px; --lgk-bp-lg: 1024px; --lgk-bp-xl: 1280px; --lgk-bp-2xl: 1536px; /* Canonical mobile/desktop cut used by chrome (align Impact + LGK) */ --lgk-bp-nav-desktop: 1100px; --lgk-bp-catalog: 700px; --lgk-container-pad: clamp(1rem, 2.5vw, 2rem); --lgk-section-gap: clamp(1.5rem, 4vw, 3.5rem); --lgk-card-radius: clamp(0.65rem, 1.2vw, 0.95rem); --lgk-content-max: 72rem; --lgk-prose-max: 42rem; --lgk-touch: 2.75rem; /* 44px */ --lgk-z-header: 100050; --lgk-z-sticky-cta: 100060; --lgk-z-drawer: 100100; --lgk-z-modal: 100200; --lgk-z-toast: 100300; --lgk-font-display: clamp(1.65rem, 4.2vw, 2.75rem); --lgk-font-h1: clamp(1.45rem, 3.2vw, 2.25rem); --lgk-font-h2: clamp(1.2rem, 2.4vw, 1.65rem); --lgk-font-h3: clamp(1.05rem, 1.8vw, 1.3rem); --lgk-font-body: clamp(0.9375rem, 1.1vw, 1.05rem); --lgk-font-small: clamp(0.8rem, 1vw, 0.9rem); } /* —— Global overflow guard —— */ html { overflow-x: clip; } body { overflow-x: clip; min-height: 100dvh; min-height: 100vh; } img, video, iframe, svg { max-width: 100%; height: auto; } .product-card__media, .lgk-spc__media { position: relative; aspect-ratio: 1 / 1; overflow: hidden; } .product-card__media img, .product-card__image, .lgk-spc__media img, .lgk-spc__image, .lgk-colp-hero__media img, .lgk-colp-rel__media img { position: absolute; inset: 0; width: 100%; height: 100% !important; max-width: none; max-height: none; object-fit: contain; } .lgk-colp-hero__media img, .lgk-colp-rel__media img { object-fit: cover; } /* —— StorefrontContainer / shared containers —— */ .lgk-sf-container:not(.lgk-colp__container), .StorefrontContainer, .lgk-container { width: 100%; max-width: var(--lgk-content-max); margin-inline: auto; padding-inline: var(--lgk-container-pad); box-sizing: border-box; } /* Full-bleed visual sections keep edge-to-edge; inner content can re-contain */ .lgk-sf-container--full, .lgk-sf-bleed, .lgk-colp__container { max-width: none; width: 100%; } .lgk-sf-prose { max-width: var(--lgk-prose-max); } @media (min-width: 1920px) { :root { --lgk-content-max: 80rem; } } @media (min-width: 2560px) { :root { --lgk-content-max: 90rem; --lgk-container-pad: clamp(1.5rem, 4vw, 4rem); } } /* —— Typography helpers —— */ .lgk-type-display { font-size: var(--lgk-font-display); line-height: 1.15; letter-spacing: -0.03em; } .lgk-type-h1 { font-size: var(--lgk-font-h1); line-height: 1.2; letter-spacing: -0.02em; } .lgk-type-h2 { font-size: var(--lgk-font-h2); line-height: 1.25; } .lgk-type-h3 { font-size: var(--lgk-font-h3); line-height: 1.3; } .lgk-type-body { font-size: var(--lgk-font-body); line-height: 1.55; } .lgk-type-small { font-size: var(--lgk-font-small); line-height: 1.45; } /* —— Touch targets —— */ .lgk-topbar__icon, .lgk-topbar--v2 .lgk-topbar__icon, .lgk-acc-dock__btn, button.lgk-touch, a.lgk-touch { min-width: var(--lgk-touch); min-height: var(--lgk-touch); } .lgk-sf-btn, .button, .button--primary, .lgk-wayne-home__btn, .lgk-collections-page__search button { min-height: 2.5rem; } @media (max-width: 699px) { .lgk-sf-btn, .button.button--primary, .lgk-pdp__actions button { min-height: var(--lgk-touch); } } /* —— Product grids (shared) —— */ .lgk-catalog-products, .product-list--grid, .lgk-search-results__grid { display: grid !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(0.65rem, 2vw, 1.15rem); overflow: visible !important; } @media (max-width: 359px) { .lgk-catalog-products, .product-list--grid { grid-template-columns: minmax(0, 1fr); } } @media (min-width: 700px) { .lgk-catalog-products, .product-list--grid, .lgk-search-results__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1100px) { .lgk-catalog-products, .product-list--grid, .lgk-search-results__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1440px) { .lgk-catalog-products, .product-list--grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 1920px) { .lgk-catalog-products, .product-list--grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .lgk-collection-grid { grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)) !important; } /* —— Collection / search cards —— */ .lgk-collection-card__title, .product-card__title, .lgk-card-v2 .product-card__title { font-size: max(0.8125rem, 0.9em); line-clamp: 2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product-card__price, .lgk-card-v2 .price { font-size: max(0.875rem, 0.92em); overflow-wrap: anywhere; } /* —— PDP —— */ .lgk-pdp__sticky-buy { display: none; } @media (max-width: 899px) { .lgk-pdp__actions { display: grid; grid-template-columns: 1fr; gap: 0.75rem; } .lgk-pdp__actions > div, .lgk-pdp__actions button, .lgk-pdp__actions form { width: 100%; } .lgk-pdp__sticky-buy { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--lgk-z-sticky-cta); display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.65rem max(var(--lgk-container-pad), env(safe-area-inset-right)) calc(0.65rem + env(safe-area-inset-bottom)) max(var(--lgk-container-pad), env(safe-area-inset-left)); background: rgba(8, 10, 14, 0.94); border-top: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(12px); } .lgk-pdp__sticky-buy .lgk-pdp__sticky-price { font-weight: 700; font-size: 1rem; } .lgk-pdp__sticky-buy .button { flex: 1 1 auto; min-height: var(--lgk-touch); } body:has(.lgk-pdp__sticky-buy) #main { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom)); } } .lgk-pdp__thumbs { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .lgk-pdp__thumb { scroll-snap-align: start; flex: 0 0 auto; } /* Specs / tables → cards on mobile */ @media (max-width: 699px) { .lgk-pdp table, .product-specs table, .rte table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .lgk-pdp table th, .lgk-pdp table td, .product-specs table th, .product-specs table td { white-space: nowrap; } } /* —— Forms —— */ @media (max-width: 699px) { input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea { font-size: 16px !important; /* avoid iOS zoom */ min-height: var(--lgk-touch); } } /* —— Topbar: single breakpoint for search (kill 768–1099 dead zone) —— */ @media (max-width: 1099px) { .lgk-topbar__search, .lgk-topbar--v2 .lgk-topbar__search { display: none !important; } .lgk-topbar__icon--search-mobile, .lgk-topbar--v2 .lgk-topbar__icon--search-mobile { display: inline-flex !important; } } @media (min-width: 1100px) { .lgk-topbar__search, .lgk-topbar--v2 .lgk-topbar__search { display: inline-flex !important; } .lgk-topbar__icon--search-mobile, .lgk-topbar--v2 .lgk-topbar__icon--search-mobile { display: none !important; } } @media (max-width: 699px) { .lgk-topbar, .lgk-topbar--v2 { min-height: 3.25rem; } .lgk-topbar__logo img, .header__logo-image { max-height: 2.4rem !important; } } /* —— Sister store logos: never exceed viewport —— */ html.lgk-storefront--deal-geekland { --header-logo-width: clamp(140px, 48vw, 320px); } html.lgk-storefront--candy-geekland { --header-logo-width: clamp(120px, 46vw, 260px); } html.lgk-storefront--digital-geekland { --header-logo-width: clamp(120px, 44vw, 240px); } html.lgk-storefront--deal-geekland .header__logo-image--deal { width: clamp(140px, 48vw, 320px) !important; max-height: clamp(48px, 12vw, 96px) !important; } @media (min-width: 1100px) { html.lgk-storefront--deal-geekland { --header-logo-width: clamp(220px, 22vw, 400px); } html.lgk-storefront--candy-geekland { --header-logo-width: clamp(180px, 18vw, 300px); } html.lgk-storefront--digital-geekland { --header-logo-width: clamp(160px, 16vw, 260px); } html.lgk-storefront--deal-geekland .header__logo-image--deal { width: clamp(220px, 22vw, 400px) !important; max-height: 120px !important; } } /* —— Cart page stack —— */ @media (max-width: 899px) { .lgk-cart-layout, .cart-page__layout { display: grid !important; grid-template-columns: 1fr !important; gap: 1.25rem !important; } } /* —— Footer accordion feel on mobile —— */ @media (max-width: 699px) { .lgk-footer-v2__cols, .lgk-footer__grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; } .lgk-newsletter-cta__form, .lgk-footer-newsletter { display: grid; grid-template-columns: 1fr; gap: 0.65rem; } } /* —— Horizontal chips —— */ .lgk-hscroll, .lgk-collection-toolbar, .lgk-acc-kpi-row { overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; overscroll-behavior-x: contain; } .lgk-hscroll > *, .lgk-collection-toolbar__chip { scroll-snap-align: start; flex-shrink: 0; } /* —— Modals / drawers safe area —— */ .lgk-cart-drawer, .lgk-navi-slide, .lgk-acc-sidebar.is-open { padding-bottom: env(safe-area-inset-bottom); max-height: 100dvh; } /* —— Account: 100dvh —— */ .lgk-acc-shell { min-height: 100dvh; } @media (max-width: 899px) { .lgk-acc-shell { padding-bottom: calc(4.25rem + env(safe-area-inset-bottom)); } } /* —— Collections page hero —— */ @media (max-width: 699px) { .lgk-collections-page__hero { padding: 1rem 0.9rem 1.1rem; } .lgk-collections-page__title { font-size: clamp(1.45rem, 7vw, 1.9rem); } .lgk-collections-page__search { grid-template-columns: 1fr; border-radius: 1rem; } .lgk-collections-page__search button { width: 100%; } /* Accueil hub : 4 cols compactes (évite tuiles trop larges en 2 cols) */ .lgk-mesh-bubble-track--hub-grid, .shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track--hub-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .lgk-collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .product-list--carousel { --product-list-card-width: min(11.5rem, 46%); } } @media (max-width: 359px) { .lgk-mesh-bubble-track--hub-grid, .shopify-section--lgk-home-collections-hub .lgk-mesh-bubble-track--hub-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* —— Announcement / promo bars compact —— */ @media (max-width: 699px) { .lgk-marquee, .announcement-bar, .lgk-promo-bar { font-size: 0.75rem; line-height: 1.35; } } /* —— Chrome mobile: masquer UI desktop (nav inline, recherche champ, admin) —— */ @media (max-width: 1099px) { .lgk-topbar.lgk-topbar--v2 { display: flex !important; flex-flow: row nowrap !important; align-items: center !important; } .lgk-topbar__nav, .lgk-topbar__nav--desktop { display: none !important; visibility: hidden !important; width: 0 !important; max-width: 0 !important; height: 0 !important; overflow: hidden !important; position: absolute !important; pointer-events: none !important; } .lgk-topbar__search, .lgk-topbar__search--desktop, .lgk-topbar--v2 .lgk-topbar__search, .lgk-topbar--v2 .lgk-topbar__search--desktop { display: none !important; } .lgk-topbar__icon--search-mobile, .lgk-topbar--v2 .lgk-topbar__icon--search-mobile { display: inline-flex !important; } .lgk-topbar__admin { display: none !important; } } /* —— Homepage: grilles compactes jusqu'au breakpoint nav desktop —— */ @media (max-width: 1099px) { :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track--hub-grid, :is(.shopify-section--lgk-home-collections-hub, .lgk-hub-scope) .lgk-mesh-bubble-track-outer > .lgk-mesh-bubble-track--hub-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0.35rem !important; } .featured-collections-carousel .product-list--carousel { --product-list-items-per-row: 2 !important; --product-list-card-width: min(11.5rem, 46%) !important; } } /* ===== lgk-collection-detail.css ===== */ /* Collection detail — isolated from Impact / Shopify product-list wars */ .lgk-colp { --lgk-colp-accent: var(--store-primary, #00d4aa); --lgk-colp-ink: var(--store-text, #f5f7fa); --lgk-colp-muted: var(--store-text-secondary, rgba(245, 247, 250, 0.68)); --lgk-colp-line: var(--store-border, rgba(255, 255, 255, 0.12)); --lgk-colp-surface: var(--store-surface, #11151c); --lgk-colp-max: none; width: 100%; padding-block: 0.75rem 3rem; color: var(--lgk-colp-ink); } .lgk-colp .lgk-sf-container.lgk-colp__container, .lgk-colp .lgk-sf-container--full.lgk-colp__container, .lgk-colp__container.lgk-sf-container { width: 100%; max-width: none !important; margin-inline: 0; padding-inline: clamp(1rem, 2.5vw, 3rem); box-sizing: border-box; } @media (min-width: 768px) { .lgk-colp__container.lgk-sf-container { padding-inline: clamp(1.25rem, 2.2vw, 2.5rem); } } @media (min-width: 1024px) { .lgk-colp__container.lgk-sf-container { padding-inline: clamp(1.5rem, 2.4vw, 3rem); } } /* —— Hero banner —— */ .lgk-colp-hero { position: relative; isolation: isolate; display: grid; align-items: end; min-height: 180px; height: clamp(180px, 42vw, 260px); margin: 0 0 1.25rem; border-radius: 1.25rem; overflow: hidden; background: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--lgk-colp-accent) 28%, transparent), transparent 55%), linear-gradient(165deg, #161a22 0%, #0a0c10 100%); border: 1px solid var(--lgk-colp-line); } @media (min-width: 700px) { .lgk-colp-hero { height: clamp(240px, 28vw, 340px); } } @media (min-width: 1024px) { .lgk-colp-hero { height: clamp(280px, 22vw, 380px); border-radius: 1.5rem; } } .lgk-colp-hero__media, .lgk-colp-hero__media picture, .lgk-colp-hero__media img { position: absolute; inset: 0; width: 100%; height: 100% !important; max-width: none; max-height: none; } .lgk-colp-hero__media img { object-fit: cover; display: block; } .lgk-colp-hero__shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.72) 100%); pointer-events: none; } .lgk-colp-hero__content { position: relative; z-index: 2; display: grid; gap: 0.4rem; padding: clamp(0.9rem, 3vw, 1.75rem); max-width: 46rem; } .lgk-colp-hero__title { margin: 0; font-size: clamp(1.75rem, 4.2vw, 2.5rem); line-height: 1.12; letter-spacing: -0.03em; color: #fff; } .lgk-colp-hero__lead { margin: 0; max-width: 38rem; font-size: 0.95rem; line-height: 1.45; color: rgba(255, 255, 255, 0.78); } .lgk-colp-hero__count { margin: 0.15rem 0 0; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--lgk-colp-accent); } .lgk-colp-crumbs { display: flex; flex-wrap: wrap; gap: 0.35rem 0.45rem; align-items: center; font-size: 0.78rem; color: rgba(255, 255, 255, 0.72); } .lgk-colp-crumbs a { color: inherit; text-decoration: none; } .lgk-colp-crumbs a:hover { color: #fff; text-decoration: underline; } .lgk-colp-crumbs__item { display: inline-flex; gap: 0.45rem; align-items: center; } .lgk-colp-head { margin: 0 0 1.1rem; } .lgk-colp-head__title { margin: 0; font-size: clamp(1.75rem, 3.4vw, 2.4rem); letter-spacing: -0.03em; } .lgk-colp-head__lead, .lgk-colp-head__count { margin: 0.4rem 0 0; color: var(--lgk-colp-muted); } /* —— Subcategories —— */ .lgk-colp-subs { margin: 0 0 1rem; } .lgk-colp-subs__track { display: flex; gap: 0.5rem; overflow-x: auto; padding-bottom: 0.25rem; scrollbar-width: thin; } .lgk-colp-subs__chip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 0.4rem; min-height: 2.75rem; padding: 0 0.9rem; border-radius: 999px; border: 1px solid var(--lgk-colp-line); background: rgba(255, 255, 255, 0.04); color: var(--lgk-colp-ink); text-decoration: none; font-size: 0.86rem; font-weight: 650; white-space: nowrap; } .lgk-colp-subs__chip span { color: var(--lgk-colp-muted); font-size: 0.75rem; } .lgk-colp-subs__chip.is-active { border-color: color-mix(in srgb, var(--lgk-colp-accent) 55%, transparent); background: color-mix(in srgb, var(--lgk-colp-accent) 16%, transparent); } /* —— Toolbar —— */ .lgk-colp-toolbar { display: grid; grid-template-columns: auto 1fr auto; gap: 0.65rem 1rem; align-items: center; margin: 0 0 0.85rem; padding: 0.65rem 0; border-block: 1px solid var(--lgk-colp-line); } .lgk-colp-toolbar__count { margin: 0; text-align: center; font-size: 0.88rem; color: var(--lgk-colp-muted); } .lgk-colp-filter-btn, .lgk-colp-drawer__close, .lgk-colp-drawer__apply, .lgk-colp-sort__select { min-height: 2.75rem; border-radius: 999px; border: 1px solid var(--lgk-colp-line); background: rgba(255, 255, 255, 0.05); color: var(--lgk-colp-ink); font: inherit; font-weight: 700; padding: 0 1rem; cursor: pointer; } .lgk-colp-filter-btn { background: color-mix(in srgb, var(--lgk-colp-accent) 16%, transparent); border-color: color-mix(in srgb, var(--lgk-colp-accent) 40%, transparent); } .lgk-colp-sort { display: inline-flex; align-items: center; gap: 0.45rem; } .lgk-colp-sort__label { font-size: 0.78rem; color: var(--lgk-colp-muted); white-space: nowrap; } .lgk-colp-chips { display: flex; gap: 0.4rem; overflow-x: auto; margin: 0 0 1rem; padding-bottom: 0.2rem; scrollbar-width: thin; } .lgk-colp-chips__item, .lgk-colp-chips__clear { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 2.25rem; padding: 0 0.75rem; border-radius: 999px; border: 1px solid var(--lgk-colp-line); text-decoration: none; font-size: 0.8rem; color: var(--lgk-colp-ink); white-space: nowrap; } .lgk-colp-chips__clear { color: var(--lgk-colp-accent); border-color: transparent; } /* —— Layout sidebar + grid —— */ .lgk-colp-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; align-items: start; } .lgk-colp-layout__filters { display: none; } @media (min-width: 980px) { .lgk-colp-drawer-root { display: none; } .lgk-colp-layout { grid-template-columns: minmax(240px, 280px) minmax(0, 1fr); gap: 1.75rem; } .lgk-colp-layout__filters { display: block; position: sticky; top: calc(var(--sticky-area-height, 4.5rem) + 0.75rem); max-height: calc(100dvh - var(--sticky-area-height, 4.5rem) - 1.5rem); overflow: auto; scrollbar-width: thin; } .lgk-colp .lgk-cf { --lgk-cf-accent: var(--lgk-colp-accent); } } .lgk-colp-layout__main { min-width: 0; } /* —— Product grid (own namespace, never .product-list) —— */ .lgk-colp-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.85rem; } @media (min-width: 360px) { .lgk-colp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 640px) { .lgk-colp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 900px) { .lgk-colp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1200px) { .lgk-colp-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1440px) { .lgk-colp-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 1920px) { .lgk-colp-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (min-width: 2560px) { .lgk-colp-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); } } /* —— Product card —— */ .lgk-spc { display: flex; min-width: 0; min-height: 100%; flex-direction: column; border: 1px solid var(--lgk-colp-line); border-radius: 0.95rem; background: var(--lgk-colp-surface); overflow: hidden; } .lgk-spc__figure { position: relative; } .lgk-spc__media { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #f8f9fa; } .lgk-spc__media img, .lgk-spc__image { position: absolute; inset: 0; width: 100%; height: 100% !important; max-width: none; max-height: none; object-fit: contain; display: block; } .lgk-spc__wish { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 0; border-radius: 999px; background: rgba(12, 14, 18, 0.72); color: #fff; cursor: pointer; } .lgk-spc__wish.is-active { color: #fb7185; } .lgk-spc__badges { position: absolute; left: 0.5rem; top: 0.5rem; z-index: 2; display: flex; flex-direction: column; gap: 0.3rem; } .lgk-spc__badge { display: inline-flex; align-items: center; min-height: 1.4rem; padding: 0 0.45rem; border-radius: 999px; background: rgba(12, 14, 18, 0.78); color: #fff; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; } .lgk-spc__badge--sale { background: #e11d48; } .lgk-spc__body { display: flex; flex: 1; flex-direction: column; gap: 0.28rem; padding: 0.75rem 0.8rem 0.9rem; } .lgk-spc__vendor { margin: 0; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--lgk-colp-muted); } .lgk-spc__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em; margin: 0; color: var(--lgk-colp-ink); font-size: clamp(0.8125rem, 1.1vw, 1rem); font-weight: 650; line-height: 1.25; text-decoration: none; } .lgk-spc__price { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: baseline; margin: 0.15rem 0 0; } .lgk-spc__price-now { font-size: 0.98rem; font-weight: 800; } .lgk-spc__price-was { font-size: 0.78rem; color: var(--lgk-colp-muted); text-decoration: line-through; } .lgk-spc__stock { margin: 0; font-size: 0.75rem; } .lgk-spc__stock.is-in { color: #4ade80; } .lgk-spc__stock.is-low { color: #fbbf24; } .lgk-spc__stock.is-out { color: #fb7185; } .lgk-spc__cta { display: inline-flex; margin-top: auto; min-height: 2.5rem; align-items: center; justify-content: center; border-radius: 999px; background: color-mix(in srgb, var(--lgk-colp-accent) 18%, transparent); color: var(--lgk-colp-accent); font-size: 0.8rem; font-weight: 700; text-decoration: none; } @media (max-width: 899px) { .lgk-spc__cta { min-height: 2.25rem; font-size: 0.75rem; } } /* —— Pagination / empty / seo / related —— */ .lgk-colp-pager { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: space-between; align-items: center; margin-top: 1.5rem; } .lgk-colp-pager__pages { display: flex; flex-wrap: wrap; gap: 0.3rem; } .lgk-colp-pager__link, .lgk-colp-pager__page { min-width: 2.75rem; min-height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.75rem; border-radius: 0.7rem; border: 1px solid var(--lgk-colp-line); color: inherit; text-decoration: none; } .lgk-colp-pager__page.is-current { background: var(--lgk-colp-accent); color: #04120e; border-color: transparent; } .lgk-colp-pager__link.is-disabled { opacity: 0.35; pointer-events: none; } .lgk-colp-empty { display: grid; gap: 0.75rem; justify-items: start; padding: 2rem 0; color: var(--lgk-colp-muted); } .lgk-colp-empty a, .lgk-colp-empty button { color: var(--lgk-colp-accent); } .lgk-colp-seo { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--lgk-colp-line); } .lgk-colp-seo h2, .lgk-colp-related h2 { margin: 0 0 0.75rem; font-size: clamp(1.15rem, 2vw, 1.45rem); } .lgk-colp-seo p { margin: 0; max-width: 48rem; color: var(--lgk-colp-muted); font-size: 0.95rem; line-height: 1.6; } .lgk-colp-related { margin-top: 2.25rem; } .lgk-colp-related__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } @media (min-width: 700px) { .lgk-colp-related__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lgk-colp-rel { display: grid; gap: 0.45rem; text-decoration: none; color: inherit; } .lgk-colp-rel__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 0.85rem; background: #111; } .lgk-colp-rel__media img { position: absolute; inset: 0; width: 100%; height: 100% !important; max-width: none; object-fit: cover; } .lgk-colp-rel__body h3 { margin: 0; font-size: 0.92rem; } .lgk-colp-rel__body p { margin: 0.15rem 0 0; font-size: 0.78rem; color: var(--lgk-colp-muted); } /* —— Drawer —— */ .lgk-colp-drawer { width: min(100%, 28rem); max-width: 100%; margin: auto 0 0 auto; border: 0; padding: 0; background: transparent; } .lgk-colp-drawer::backdrop { background: rgba(0, 0, 0, 0.62); } .lgk-colp-drawer__sheet { display: flex; flex-direction: column; height: min(88dvh, 40rem); border-radius: 1.1rem 1.1rem 0 0; background: #0e1218; color: #fff; } .lgk-colp-drawer__head, .lgk-colp-drawer__foot { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.9rem 1rem; border-block: 1px solid var(--lgk-colp-line); } .lgk-colp-drawer__head h2 { margin: 0; font-size: 1.05rem; } .lgk-colp-drawer__body { overflow: auto; padding: 0.75rem 1rem 1rem; flex: 1; } .lgk-colp-drawer__apply { width: 100%; background: var(--lgk-colp-accent); color: #04120e; border: 0; } .lgk-colp-skel { display: block; background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06)); background-size: 200% 100%; animation: lgk-colp-shimmer 1.2s ease-in-out infinite; } .lgk-colp-skel--btn { width: 7rem; height: 2.75rem; border-radius: 999px; } .lgk-colp-skel--line { height: 0.85rem; width: 80%; border-radius: 6px; margin: 0.35rem 0; } .lgk-colp-skel--short { width: 45%; } @keyframes lgk-colp-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } html.lgk-storefront--wayne .lgk-spc__media, html.lgk-storefront--wayne .product-card__media { aspect-ratio: 3 / 4; background: #141210; } html.lgk-storefront--wayne .lgk-spc__media img, html.lgk-storefront--wayne .lgk-spc__image, html.lgk-storefront--wayne .product-card__media img, html.lgk-storefront--wayne .product-card__image { object-fit: cover; } @media (max-width: 359px) { .lgk-colp-toolbar { grid-template-columns: 1fr; } .lgk-colp-toolbar__count { text-align: left; } }