:root{--pokupop-primary: #D8A6FF;--pokupop-primary-light: #E8C8FF;--pokupop-accent: #FF99D8;--pokupop-text-primary: #2D2D2D;--pokupop-text-secondary: #6B6B6B;--pokupop-bg-light: #FAFAFA;--pokupop-bg-white: #FFFFFF;--pokupop-border-light: #F0F0F0;--pokupop-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--pokupop-shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--pokupop-shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--pokupop-shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--pokupop-shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--pokupop-spacing-xs: 4px;--pokupop-spacing-sm: 8px;--pokupop-spacing-md: 16px;--pokupop-spacing-lg: 24px;--pokupop-spacing-xl: 32px;--pokupop-spacing-2xl: 48px;--pokupop-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pokupop-font-size-sm: 12px;--pokupop-font-size-base: 14px;--pokupop-font-size-lg: 16px;--pokupop-font-size-xl: 18px;--pokupop-font-size-2xl: 20px;--pokupop-font-size-3xl: 24px;--pokupop-font-weight-normal: 400;--pokupop-font-weight-medium: 500;--pokupop-font-weight-semibold: 600;--pokupop-font-weight-bold: 700;--pokupop-radius-sm: 8px;--pokupop-radius-md: 12px;--pokupop-radius-lg: 20px;--pokupop-radius-full: 9999px;--pokupop-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--pokupop-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--pokupop-transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}.pokupop-category-grid{width:100%;padding:var(--pokupop-spacing-lg);background-color:var(--pokupop-bg-light);margin:0;font-family:var(--pokupop-font-family-base);color:var(--pokupop-text-primary)}.pokupop-category-grid__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--pokupop-spacing-xl);gap:var(--pokupop-spacing-md);flex-wrap:wrap}.pokupop-category-grid__title-wrapper{display:flex;align-items:center;gap:var(--pokupop-spacing-sm);flex:1;min-width:200px}.pokupop-category-grid__sparkle{flex-shrink:0;width:24px;height:24px;color:var(--pokupop-accent);animation:pokupop-sparkle 2s ease-in-out infinite}@keyframes pokupop-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.pokupop-category-grid__title{font-size:var(--pokupop-font-size-2xl);font-weight:var(--pokupop-font-weight-bold);line-height:1.3;margin:0;color:var(--pokupop-text-primary)}.pokupop-category-grid__view-all{display:inline-flex;align-items:center;gap:var(--pokupop-spacing-sm);padding:var(--pokupop-spacing-sm) var(--pokupop-spacing-md);font-size:var(--pokupop-font-size-base);font-weight:var(--pokupop-font-weight-semibold);color:var(--pokupop-primary);text-decoration:none;transition:all var(--pokupop-transition-fast);border-radius:var(--pokupop-radius-md)}.pokupop-category-grid__view-all:hover{background-color:#d8a6ff14}.pokupop-category-grid__view-all:focus-visible{outline:2px solid var(--pokupop-primary);outline-offset:2px}.pokupop-category-grid__view-all-arrow{width:16px;height:16px;color:var(--pokupop-primary);transition:transform var(--pokupop-transition-fast)}.pokupop-category-grid__view-all:hover .pokupop-category-grid__view-all-arrow{transform:translate(4px)}.pokupop-category-grid__container{display:none;gap:var(--pokupop-spacing-md);width:100%}.pokupop-category-grid__container--mobile{display:grid}.pokupop-category-grid__container--mobile{grid-template-columns:repeat(4,1fr);gap:var(--pokupop-spacing-md)}.pokupop-category-icon{display:flex;flex-direction:column;align-items:center;gap:var(--pokupop-spacing-sm);text-decoration:none;color:var(--pokupop-text-primary);transition:transform var(--pokupop-transition-base);animation:pokupop-fade-in var(--pokupop-transition-slow)}.pokupop-category-icon:hover{transform:translateY(-6px)}.pokupop-category-icon:focus-visible{outline:none}.pokupop-category-icon:focus-visible .pokupop-category-icon__circle{outline:2px solid var(--pokupop-primary);outline-offset:4px}.pokupop-category-icon__circle{position:relative;width:56px;height:56px;border-radius:var(--pokupop-radius-full);background-color:var(--category-bg-color, #F5E6FF);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:var(--pokupop-shadow-md);transition:all var(--pokupop-transition-base)}.pokupop-category-icon:hover .pokupop-category-icon__circle{box-shadow:var(--pokupop-shadow-lg);transform:scale(1.08)}.pokupop-category-icon__image{width:100%;height:100%;object-fit:contain;object-position:center}.pokupop-category-icon__label{font-size:var(--pokupop-font-size-sm);font-weight:var(--pokupop-font-weight-medium);text-align:center;margin:0;line-height:1.3;color:var(--pokupop-text-primary);word-break:break-word;width:100%;min-height:32px;display:flex;align-items:center;justify-content:center;padding:0 var(--pokupop-spacing-xs)}@media(min-width:768px){.pokupop-category-grid__container--mobile{display:none}.pokupop-category-grid__container--desktop{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pokupop-spacing-md)}.pokupop-category-grid{padding:var(--pokupop-spacing-xl)}.pokupop-category-grid__title{font-size:var(--pokupop-font-size-3xl)}}@media(min-width:1024px){.pokupop-category-grid__container--desktop{grid-template-columns:repeat(6,1fr)}.pokupop-category-grid{padding:var(--pokupop-spacing-2xl)}.pokupop-category-grid__header{margin-bottom:var(--pokupop-spacing-2xl)}}.pokupop-category-card{display:flex;align-items:flex-end;min-height:180px;width:100%;background:linear-gradient(135deg,var(--category-bg-color, #F5E6FF) 0%,rgba(255,255,255,.6) 100%);border:1px solid rgba(255,255,255,.8);border-radius:var(--pokupop-radius-lg);padding:var(--pokupop-spacing-md);text-decoration:none;color:var(--pokupop-text-primary);overflow:hidden;transition:all var(--pokupop-transition-base);box-shadow:var(--pokupop-shadow-md);position:relative;animation:pokupop-fade-in var(--pokupop-transition-slow);cursor:pointer}@keyframes pokupop-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pokupop-category-card:hover{transform:translateY(-6px);box-shadow:var(--pokupop-shadow-xl);border-color:#fffffff2}.pokupop-category-card:focus-visible{outline:2px solid var(--pokupop-primary);outline-offset:2px}.pokupop-category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none}.pokupop-category-card__content{display:flex;flex-direction:column;width:100%;gap:var(--pokupop-spacing-md);position:relative;z-index:1}.pokupop-category-card__image-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:0;opacity:.85}.pokupop-category-card__image{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform var(--pokupop-transition-base)}.pokupop-category-card:hover .pokupop-category-card__image{transform:scale(1.05)}.pokupop-category-card__text-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--pokupop-spacing-md);width:100%}.pokupop-category-card__title{font-size:var(--pokupop-font-size-lg);font-weight:var(--pokupop-font-weight-semibold);line-height:1.4;margin:0;flex:1;color:var(--pokupop-text-primary)}.pokupop-category-card__arrow{flex-shrink:0;width:20px;height:20px;color:var(--pokupop-primary);transition:transform var(--pokupop-transition-base)}.pokupop-category-card:hover .pokupop-category-card__arrow{transform:translate(4px)}.pokupop-category-grid__empty{display:flex;align-items:center;justify-content:center;min-height:200px;border:2px dashed var(--pokupop-border-light);border-radius:var(--pokupop-radius-md);background-color:#d8a6ff0a;padding:var(--pokupop-spacing-lg)}.pokupop-category-grid__empty-text{text-align:center;color:var(--pokupop-text-secondary);font-size:var(--pokupop-font-size-base);margin:0}@media(prefers-reduced-motion:reduce){.pokupop-category-grid__sparkle{animation:none;opacity:1;transform:none}.pokupop-category-icon,.pokupop-category-icon__circle,.pokupop-category-card,.pokupop-category-card__image,.pokupop-category-card__arrow,.pokupop-category-grid__view-all,.pokupop-category-grid__view-all-arrow{animation:none;transition:none}.pokupop-category-icon:hover,.pokupop-category-icon:hover .pokupop-category-icon__circle,.pokupop-category-card:hover,.pokupop-category-card:hover .pokupop-category-card__image,.pokupop-category-card:hover .pokupop-category-card__arrow,.pokupop-category-grid__view-all:hover .pokupop-category-grid__view-all-arrow{transform:none}}@media(prefers-contrast:more){.pokupop-category-card{border-width:2px}.pokupop-category-grid__view-all{border:1px solid var(--pokupop-primary)}.pokupop-category-icon:focus-visible .pokupop-category-icon__circle{outline-width:3px}.pokupop-category-card:focus-visible{outline-width:3px}}@media(prefers-color-scheme:dark){:root{--pokupop-text-primary: #F5F5F5;--pokupop-text-secondary: #BFBFBF;--pokupop-bg-light: #1A1A1A;--pokupop-bg-white: #2D2D2D;--pokupop-border-light: #3A3A3A}.pokupop-category-grid{background-color:var(--pokupop-bg-light)}.pokupop-category-card{background:linear-gradient(135deg,var(--category-bg-color, #2D1F47) 0%,rgba(40,40,40,.6) 100%);border-color:#ffffff1a}.pokupop-category-card:before{background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%)}}@media print{.pokupop-category-grid{padding:0;background-color:transparent}.pokupop-category-grid__container{gap:16px}.pokupop-category-card{page-break-inside:avoid;box-shadow:none;border:1px solid #e0e0e0}}@media(max-width:480px){.pokupop-category-grid{padding:var(--pokupop-spacing-md)}.pokupop-category-grid__title{font-size:var(--pokupop-font-size-xl)}.pokupop-category-grid__header{margin-bottom:var(--pokupop-spacing-lg);flex-direction:column;align-items:flex-start}.pokupop-category-grid__view-all{font-size:var(--pokupop-font-size-sm);padding:var(--pokupop-spacing-xs) var(--pokupop-spacing-sm)}.pokupop-category-icon__label{font-size:11px}}@media(min-width:1440px){.pokupop-category-grid{padding:var(--pokupop-spacing-2xl);max-width:1400px;margin:0 auto}.pokupop-category-grid__container--desktop{gap:var(--pokupop-spacing-lg)}.pokupop-category-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:220px;padding:20px;position:relative;overflow:hidden}.pokupop-category-card__content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%}.pokupop-category-card__image-wrapper{position:relative;width:100%;height:150px;display:flex;justify-content:center;align-items:center;margin-bottom:15px}.pokupop-category-card__text-wrapper{display:flex;width:100%;justify-content:space-between;align-items:center}.pokupop-category-card__image{max-width:100%;max-height:140px;width:auto;height:auto;object-fit:contain;transition:.3s}.pokupop-category-card__title{font-size:var(--pokupop-font-size-xl)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/pokupop-category-grid.css.map */