.user-form{grid-template-columns:1fr;align-items:start;gap:20px;width:30%;margin:0 auto;display:grid}.form-group{justify-content:space-between;align-items:center;gap:40px;display:flex;position:relative}.form-group>label{font-family:var(--font-family);font-size:var(--p-font-size-l);color:#000}.small-section-title{font-size:var(--h2-font-size-s);color:var(--primary-color);text-align:center;margin-bottom:var(--margin-20)}.form-group .search-input{font-size:var(--p-font-size-l);font-weight:var(--font-light-weight);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);text-align:var(--text-alignment);transition:all var(--transition-base);box-shadow:var(--shadow-sm);font-family:var(--font-family)}.form-group .search-input:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.form-group .search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #b320251a}.form-group .search-input::placeholder{color:var(--text-secondary);font-size:var(--p-font-size-l);transition:opacity var(--transition-base)}.form-group .search-input:focus::placeholder{opacity:.5}.user-action-container{padding:var(--padding-20) var(--padding-20) 0 var(--padding-20);margin-bottom:var(--margin-20);background-color:#fff}.form-group .search-input{width:100%;max-width:400px;height:50px}.user-submit{background:linear-gradient(135deg, var(--secondary-color) 0%, #15803d 100%);font-size:var(--add-to-cart-icon-font-size-xl);cursor:pointer;border-radius:var(--border-radius-lg);border:none;justify-content:center;align-items:center;gap:8px;width:fit-content;height:40px;margin:0 auto 20px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;color:var(--link-color)!important}.user-submit-link{width:fit-content;margin:0 auto}.user-section-link{padding-bottom:20px}.user-submit:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-submit:hover:before{width:100%;height:300px}.user-submit:hover{background:linear-gradient(135deg, var(--button-hover-color) 0%, var(--secondary-color) 100%)}.user-submit:active{transform:scale(.98)}.wrapper-item{margin-bottom:var(--margin-20);justify-content:space-between;gap:20px;display:flex}.item{text-align:center;cursor:pointer;color:#000;background:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;width:33%;padding:20px;transition:all .25s;display:flex}.item img{border-radius:10px;height:100%;max-height:350px;display:block}.item h3{font-size:22px;font-weight:var(--font-bold-weight);margin:15px 0 10px}.item p{font-size:var(--p-font-size-l);color:#333;line-height:1.5}.item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.saznaj-vise-btn{background:linear-gradient(135deg, var(--secondary-color) 0%, #15803d 100%);width:fit-content;text-align:var(--text-alignment);padding:var(--section-button-padding);border-radius:var(--border-radius-lg);font-weight:var(--font-bold-weight);font-size:var(--p-font-size-xl);margin-top:var(--space-5);transition:all var(--transition-base);box-shadow:var(--shadow-md);cursor:pointer;border:none;display:inline-block;color:#fff!important}.saznaj-vise-btn:hover{background:linear-gradient(135deg, var(--button-hover-color) 0%, var(--secondary-color) 100%);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.vaucer-container{width:100%;margin-bottom:var(--margin-20);justify-content:center;align-items:center;gap:40px;display:flex}.vaucer-link{width:fit-content;height:fit-content;transition:all .8s;display:block}.vaucer-link:hover .vaucer-img{transition:all .3s;box-shadow:0 8px 25px #0000001f}.vaucer-text-container{width:80%;margin:0 auto}.vaucer-img{width:100%;max-width:300px}.vaucer-p{font-size:var(--p-font-size-l);padding-bottom:10px}.vaucer-p span{font-weight:var(--font-bold-weight)}.text-in-text-area{font-size:var(--p-font-size-l);font-weight:var(--font-light-weight);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);text-align:var(--text-alignment);transition:all var(--transition-base);box-shadow:var(--shadow-sm);width:100%;max-width:400px;font-family:var(--font-family)}.text-in-text-area:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.text-in-text-area:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #b320251a}.text-in-text-area::placeholder{color:var(--text-secondary);font-size:var(--p-font-size-l);transition:opacity var(--transition-base)}.text-in-text-area:focus::placeholder{opacity:.5}.zaboravljena:hover{padding-bottom:5px;text-decoration:underline}.chose-payment{justify-content:center;gap:40px;padding:0 20px 20px;display:flex}.chose-payment a{background:linear-gradient(135deg, var(--secondary-color) 0%, #15803d 100%);width:fit-content;text-align:var(--text-alignment);border-radius:var(--border-radius-lg);font-weight:var(--font-light-weight);font-size:var(--p-font-size-xl);color:#fff;height:40px;margin-bottom:var(--margin-10);transition:all var(--transition-base);box-shadow:var(--shadow-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:25px 15px;display:flex}.chose-payment a:hover{background:linear-gradient(135deg, var(--button-hover-color) 0%, var(--secondary-color) 100%);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.chose-payment a i{font-size:30px}.pass-eye{cursor:pointer;font-size:20px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}@media screen and (width<=1222px){.user-form{width:50%}.saznaj-vise-btn{font-size:var(--p-font-size-l);padding:var(--section-button-padding-m)}}@media screen and (width<=1024px){.item h3{font-size:19px}.item p{font-size:var(--p-font-size-m)}}@media screen and (width<=909px){.saznaj-vise-btn{margin:20px auto 0;display:block}.vaucer-text-container{width:100%}.chose-payment{flex-direction:column;justify-content:center;align-items:center;gap:20px}.user-form{width:85%}.wrapper-item{flex-direction:column}.item{width:100%}.item h3{font-size:22px}.item p{font-size:var(--p-font-size-l)}.vaucer-container{flex-direction:column;gap:10px;width:100%;display:flex}}@media screen and (width<=550px){.user-form,.user-submit{width:100%}.chose-payment a{font-size:var(--p-font-size-m)}.saznaj-vise-btn{width:100%}}@media (width<=355px){.saznaj-vise-btn{font-size:var(--p-font-size-m)}}
