.random-products-grid{--rpg-bg: #0e0e0e;--rpg-card-bg: #111;--rpg-text: #ffffff;--rpg-text-muted: rgba(255, 255, 255, .4);--rpg-text-subtle: rgba(255, 255, 255, .2);--rpg-border: rgba(255, 255, 255, .08);--rpg-border-hover: rgba(255, 255, 255, .25);--rpg-card-shadow: 0 4px 24px rgba(0, 0, 0, .5);--rpg-transition: .35s cubic-bezier(.4, 0, .2, 1);--rpg-accent: #002ed8;--rpg-radius: var(--gb-radius-xl);--rpg-stagger-delay: 60ms}.random-products-grid{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:2.5em 1rem;gap:1.5em;position:relative;overflow:hidden}@media(min-width:700px){.random-products-grid{padding:3.5em 2rem;gap:2em}}.rpg__header{text-align:center;max-width:600px}.rpg__title{font-family:var(--gb-heading-font);font-weight:var(--gb-heading-weight);font-size:1.4em;text-transform:var(--gb-heading-transform);letter-spacing:var(--gb-heading-tracking);color:var(--rpg-text);margin:0;line-height:1.2}@media(min-width:700px){.rpg__title{font-size:2.2em}}.rpg__subtitle{font-family:var(--gb-body-font);font-size:.9rem;color:var(--rpg-text-muted);margin:.4em 0 0;line-height:1.5}.rpg__toolbar{display:none}@media(min-width:700px){.rpg__toolbar{display:flex;justify-content:center}}.rpg__refresh-btn{display:inline-flex;align-items:center;gap:.5em;padding:10px 24px;border-radius:var(--gb-radius-pill);border:1px solid var(--rpg-border);background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--rpg-text);font-family:var(--gb-btn-font);font-weight:var(--gb-btn-weight);font-size:var(--gb-btn-size);letter-spacing:var(--gb-btn-tracking);text-transform:var(--gb-btn-transform);cursor:pointer;transition:transform var(--rpg-transition),background var(--rpg-transition),border-color var(--rpg-transition),box-shadow var(--rpg-transition);-webkit-user-select:none;user-select:none}.rpg__refresh-btn:hover{transform:scale(1.04);background:#ffffff0f;border-color:var(--rpg-border-hover)}.rpg__refresh-btn:active{transform:scale(.96)}.rpg__refresh-btn:disabled{opacity:.35;pointer-events:none}.rpg__refresh-icon{flex-shrink:0;transition:transform var(--gb-duration) var(--gb-ease)}.rpg__refresh-btn--loading .rpg__refresh-icon{animation:rpg-spin .8s linear infinite}.rpg__loading{display:flex;flex-direction:column;align-items:center;gap:1em;padding:4em 0;color:var(--rpg-text-muted);font-family:"Helvetica",var(--text-font-family);font-size:.85rem}.rpg__loading[hidden]{display:none}.rpg__spinner{width:32px;height:32px;border:3px solid var(--rpg-border);border-top-color:var(--rpg-accent);border-radius:50%;animation:rpg-spin .8s linear infinite}@keyframes rpg-spin{to{transform:rotate(360deg)}}@media(min-width:700px){.random-products-grid:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:70%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 40% 50%,rgba(0,46,216,.25) 0%,rgba(0,46,216,.12) 30%,rgba(0,46,216,.04) 55%,transparent 75%);filter:blur(80px);pointer-events:none;z-index:0;animation:rpg-glow-drift 12s ease-in-out infinite alternate}.random-products-grid>*{position:relative;z-index:1}}@keyframes rpg-glow-drift{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}33%{transform:translate(-45%,-48%) scale(1.05);opacity:1}66%{transform:translate(-55%,-52%) scale(.98);opacity:.8}to{transform:translate(-50%,-50%) scale(1.03);opacity:.9}}.rpg__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.rpg__grid:empty{display:none}@media(min-width:700px){.rpg__grid{grid-template-columns:repeat(4,1fr);gap:20px}}.rpg__card{display:block;background:var(--rpg-card-bg);border-radius:var(--rpg-radius);border:1px solid var(--rpg-border);box-shadow:var(--rpg-card-shadow);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--rpg-transition),border-color var(--rpg-transition),box-shadow var(--rpg-transition);-webkit-user-select:none;user-select:none}.rpg__card:hover{transform:translateY(-3px);border-color:var(--rpg-border-hover);box-shadow:0 8px 32px #0009}.rpg__card:active{transform:translateY(-1px)}.rpg__card-image-wrap{aspect-ratio:1 / 1;overflow:hidden;background:#0a0a0a}.rpg__card-image{display:block;width:100%;height:100%;object-fit:cover}.rpg__card-info{padding:.65em .75em;background:var(--rpg-card-bg)}@media(min-width:700px){.rpg__card-info{padding:.75em 1em}}.rpg__card-title{font-family:var(--gb-heading-font);font-weight:700;font-size:.7em;text-transform:var(--gb-heading-transform);letter-spacing:var(--gb-heading-tracking);color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}@media(min-width:700px){.rpg__card-title{font-size:.8em}}@keyframes rpg-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rpg__card--entering{animation:rpg-card-enter .4s cubic-bezier(.25,.46,.45,.94) both;animation-delay:calc(var(--rpg-index, 0) * var(--rpg-stagger-delay))}@keyframes rpg-card-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.rpg__card--exiting{animation:rpg-card-exit .2s cubic-bezier(.4,0,1,1) both;animation-delay:calc(var(--rpg-index, 0) * 35ms);pointer-events:none}.rpg__fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:100;width:52px;height:52px;border-radius:50%;background:var(--rpg-accent);color:#fff;border:none;box-shadow:0 4px 16px #002ed866;cursor:pointer;transition:transform var(--rpg-transition),box-shadow var(--rpg-transition);-webkit-user-select:none;user-select:none}.rpg__fab:hover{transform:translate(-50%) scale(1.08);box-shadow:0 6px 24px #002ed880}.rpg__fab:active{transform:translate(-50%) scale(.92)}.rpg__fab:disabled{opacity:.35;pointer-events:none}.rpg__fab--loading svg{animation:rpg-spin .8s linear infinite}@media(min-width:700px){.rpg__fab{display:none}}.rpg__empty{display:flex;flex-direction:column;align-items:center;gap:1em;padding:4em 1em;text-align:center;color:var(--rpg-text-muted);font-family:"Helvetica",var(--text-font-family);font-size:.9rem;width:100%}.rpg__empty[hidden]{display:none}.rpg__editor-error{text-align:center;padding:2em;color:var(--rpg-text-muted);font-family:"Helvetica",var(--text-font-family);font-size:.85rem;width:100%}
/*# sourceMappingURL=/cdn/shop/t/18/assets/random-products-grid.css.map */