.shop{position:relative;z-index:100}.shop .nav{margin-top:-92px}.shop .nav li{margin:1em .8em 0 0}.shop .nav li a{display:block;width:120px;background-color:var(--secondary-color);border-radius:var(--border-radius-large);padding:1em;color:var(--text-color);text-decoration:none;transition:background-color var(--t-d-small)ease}.shop .nav li a.current{background-color:var(--primary-color);border:2px solid var(--accent-color);font-weight:var(--font-weight-medium)}.shop .nav li a:hover{background-color:var(--accent-color)}.shop .prod-div .prod-card{border-radius:var(--border-radius-medium);background-color:var(--secondary-color);min-height:100%;transition:background-color var(--t-d-small)ease}.shop .prod-div .prod-card a{position:relative;text-decoration:none;color:var(--text-color);transition:color var(--t-d-medium)var(--easeInOutQuint)}.shop .prod-div .prod-card a .product-front{transition:opacity var(--t-d-small)var(--easeInOutSine)}.shop .prod-div .prod-card a .product-back{position:absolute;top:0;left:0;opacity:0;transition:opacity var(--t-d-medium)var(--easeInOutSine)}.shop .prod-div .prod-card a img{border-radius:var(--border-radius-medium)}.shop .prod-div .prod-card a p{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;--card-title-h:1.5em;line-height:var(--card-title-h);height:calc(var(--card-title-h) * 2)}.shop .prod-div .prod-card:hover{background-color:var(--primary-color)}.shop .prod-div .prod-card:hover a{color:var(--text2-color)}.shop .prod-div .prod-card:hover a .product-back{opacity:1}