.home-page html,.home-page body{height:100%;margin-bottom:30px}.home-page button{font-family:var(--font-family-primary);background-color:var(--color-primary-tulip);color:var(--color-basic-white);padding:0 clamp(20px,5vw,32px);height:clamp(40px,6vh,52px);border-radius:var(--border-radius-primary);border:none;cursor:pointer;z-index:1}.home-page .h2,.home-page .h3{font-family:var(--font-family-primary);color:var(--color-primary)}.home-page .sign-up{position:relative;background:url(../images/tomatoes2.jpg) center/cover no-repeat;height:100vh;width:100vw;color:var(--color-basic-white);padding:clamp(2px,4vw,20px);text-align:center;margin-top:0;z-index:1}.home-page .sign-up:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004d;z-index:1}.home-page .logo{position:absolute;top:3.5vh;left:50%;transform:translate(-50%);width:130px;height:auto;margin:0;display:block;z-index:2}.home-page .sign-up a{font-family:var(--font-family-primary);color:var(--color-basic-white);font-size:clamp(14px,5vw,20px);text-decoration:none;position:absolute;top:3.5vh;left:90%;transform:translate(-90%);z-index:2}.home-page .hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:35vh clamp(3px,4vw,40px) 0vh clamp(3px,4vw,40px);z-index:2}@media screen and (max-width: 380px){.home-page .hero-content{margin:20vh clamp(3px,4vw,40px) 0vh clamp(3px,4vw,40px)}}.home-page .hero-content h1{font-family:var(--font-family-primary);color:var(--color-basic-white);margin:0 3vw;z-index:2}.home-page .hero-content .p2{font-family:var(--font-family-manrope);margin:2vh clamp(.5vw,5vw,12vw) 0 clamp(.5vw,5vw,12vw);z-index:2}.home-page .hero-content button{margin-top:var(--spacing-ml)}.home-page .how-it-works{padding:25px clamp(20px,4vw,120px);text-align:center;margin-bottom:20px}.home-page .how-it-works .h2{margin-bottom:var(--spacing-xl);text-align:center;color:var(--color-primary)}.home-page .steps{display:flex;flex-wrap:nowrap;justify-content:center;max-width:100%;overflow-x:auto;padding:var(--spacing-xs) clamp(60px,9vw,100px);gap:var(--spacing-s)}.home-page .step{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:var(--spacing-sm);width:16em}.home-page .step img{height:auto;width:clamp(100px,4vw,30px)}.home-page .step-info{font-family:var(--font-family-manrope);color:var(--color-basic-dark);height:6em}.steps .h3{color:var(--color-primary)}@media screen and (max-width: 767px){.home-page .steps{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;overflow-x:auto;padding:var(--spacing-m) var(--spacing-m);gap:var(--spacing-ml)}.home-page .step{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:var(--spacing-sm);max-width:16em}.home-page .step img{height:auto;width:80px;margin:1em}.home-page .step-info{font-family:var(--font-family-manrope);color:var(--color-basic-dark);padding:0 1em;margin:0 1em}}.home-page #try-it-out{margin-top:4em}.home-page .about-info{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:5vh 15vw;gap:1vw}.home-page .text{font-family:var(--font-family-manrope);color:var(--color-primary);flex:1 1 500px;padding:var(--spacing-xs);max-width:600px}.home-page .text .p3{margin-top:var(--spacing-ml);font-family:var(--font-family-manrope);color:var(--color-basic-dark)}.home-page .about-info img{flex:1 1 500px;width:100%;height:auto;max-width:clamp(300px,480px,500px)}@media screen and (max-width: 767px){.home-page .about-info{display:flex;flex-wrap:wrap;flex-direction:row;align-items:start;justify-content:center;padding:clamp(20px,4vw,60px);gap:clamp(20px,4vw,60px)}.home-page .text{font-family:var(--font-family-manrope);color:var(--color-primary);flex:1 1 500px;padding:clamp(20px,4vw,40px);max-width:600px}.home-page .text .p3{margin-top:var(--spacing-ml);font-family:var(--font-family-manrope);color:var(--color-basic-dark)}.home-page .about-info img{width:100%;height:auto;max-width:400px}}.home-page footer{background-color:var(--color-primary);color:var(--color-basic-white);padding:2em;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.footer-info .h3{color:var(--color-basic-white);margin-bottom:var(--spacing-m)}.home-page .footer-info{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2em;gap:clamp(50px,30vw,400px);flex-wrap:wrap}@media (max-width: 1000px){.home-page .footer-info{gap:clamp(50px,10vw,200px)}}.home-page .footer-info .h2{color:var(--color-basic-white);margin-bottom:var(--spacing-m)}.home-page .footer-icons{display:flex;flex-direction:row;gap:var(--spacing-m);margin-top:var(--spacing-m)}.home-page .footer-icons img{width:var(--spacing-2xl);height:var(--spacing-2xl)}.home-page .footer-info .p3{font-family:var(--font-family-manrope)}.home-page #copyright{font-family:var(--font-family-manrope);font-size:.7rem;margin-top:1em}@media screen and (min-width: 769px){.edit-info-page{padding:100px 267px;display:flex;flex-direction:row;position:absolute;gap:50px}.edit-form-container{margin-top:80px}}.edit-icon{position:relative;left:50%;transform:translate(-50%,-200px);border-radius:50%;cursor:pointer;display:flex;justify-content:center;border:none;height:50px;width:50px}.edit-icon img{height:50px;width:50px}.edit-form-container{padding:20px}.item-name{width:100%;height:47px;font-size:14px;padding:10px 14px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;resize:none;margin-bottom:10px}.second-row{display:flex;gap:10px;width:100%;margin-bottom:10px;flex-direction:row}.select-bar,.price-input{flex:1;height:47px;border:1px solid #ccc;border-radius:5px;padding:10px 14px;font-size:14px;box-sizing:border-box}.select-bar{flex:.4}.price-input{flex:.6;margin-top:-1px}.edit-description{width:100%;font-size:14px;padding:10px 14px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;resize:none;margin-bottom:15px}.checkbox-group{display:flex;gap:10px;margin-bottom:15px;font-size:14px;color:#4a4a4a}.checkbox{width:20px;height:20px}.checkbox:checked{background-color:#501c19;border-color:#501c19}.edit-button-group{display:flex;gap:10px;width:100%;margin-bottom:15px;flex-direction:row;justify-content:center}.save-button,.cancel-button{flex:1;height:47px;border:1px solid #ccc;border-radius:5px;padding:10px 14px;font-size:14px;box-sizing:border-box;color:#fff;cursor:pointer}.save-button{background-color:#dd7474}.cancel-button{background-color:#c2c2c2}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}.nav-bar{position:fixed;top:0;left:0;right:0;height:80px;background:#541c14;display:flex;align-items:center;justify-content:space-between;padding:0;z-index:1000}.logo{position:absolute;left:50%;transform:translate(-50%);height:30px;cursor:pointer}.nav-menu{display:flex;align-items:center;margin-left:auto;margin-right:32px;gap:18px}.nav-item{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:10px;border:none;background:none;cursor:pointer;padding:5px}.nav-item img{width:24px;height:24px}@media screen and (max-width: 768px){.logo{display:none}.nav-bar{position:fixed;bottom:0;top:unset;left:0;right:0;height:80px;padding:8px 0;background:#541c14;display:flex;align-items:center;justify-content:space-around;z-index:1000}.nav-menu{display:flex;flex:1;justify-content:space-around;margin:5px;gap:0}.nav-item{flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:10px;padding:5px}.nav-item img{width:25px;height:25px}}.login-background{background:url(/images/squash2.jpg) center/cover no-repeat;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.login-content{display:flex;flex-direction:column;align-items:center;max-width:500px;width:100%;padding:20px;box-sizing:border-box}.top-logo{position:absolute;top:100px;left:50%;transform:translate(-50%);width:180px;z-index:2}.login-card{background-color:#0009;color:#fff;padding:40px;border-radius:16px;width:100%;text-align:center;box-shadow:0 10px 30px #0000004d}.auth-toggle{display:flex;justify-content:center;margin-bottom:20px;font-weight:700;font-size:1.1rem}.auth-toggle span{cursor:pointer;padding:0 10px;color:#ccc}.auth-toggle .active{color:#f08080}.divider{color:#999}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form input{padding:12px;border-radius:6px;border:none;font-style:italic}.name-fields{display:flex;gap:10px}.name-fields input{flex:1}.auth-form button{background-color:#d46a6a;color:#fff;padding:12px;border:none;border-radius:8px;font-size:1rem;margin-top:10px;cursor:pointer}.auth-form button:hover{background-color:#a94444}.forgot-password{text-align:left;color:#ccc;font-size:10px;font-style:italic}.social-login{margin-top:30px;text-align:left}.social-login p{font-size:11px;color:#ccc;font-style:italic;margin-bottom:10px}.social-icons{display:flex;gap:12px}.icon img{width:90%;height:90%;object-fit:cover}.back-link{display:inline-block;margin-top:30px;font-size:12px;color:#fff;text-decoration:none}.back-link:hover{text-decoration:underline}@media screen and (max-width: 768px){html,body{margin:0;padding:0;height:100%;overflow:hidden;background:transparent}#root{margin:0;padding:0;height:100%}.login-background{position:fixed;top:0;left:0;height:100vh;width:100vw;padding:0;margin:0;z-index:999;display:flex;justify-content:center;align-items:flex-start;background:url(/images/squash2.jpg) center/cover no-repeat}.login-content{padding-top:0}.top-logo{position:absolute;top:0;margin-top:50%;transform:translate(-50%);width:160px}.login-card{background-color:#000000a6;width:100vw;height:100vh;border-radius:0;padding:100px 20px 20px;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;box-sizing:border-box}.auth-toggle{font-size:1.1rem;margin-bottom:20px;display:flex;justify-content:center;width:100%;margin-top:50%}.auth-form{width:100%;display:flex;flex-direction:column;align-items:center;padding-left:20px;padding-right:20px}.auth-form input{width:100%;max-width:100%;text-align:left}.auth-form button{width:100%;max-width:100%;text-align:center}.social-login{width:100%;margin-top:30px;padding-left:20px}.social-icons{display:flex;gap:12px}.back-link{text-align:center;display:block;margin-top:19x}.back-link{display:none}}.auth-form input.error{border-color:#ff4d4f}.validation-error{color:#ff4d4f;font-size:.8rem;margin-top:-.5rem;margin-bottom:.5rem;text-align:left;width:100%}.auth-form input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.auth-form input.error:focus{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f33}@media screen and (min-width: 769px){.my-list-page .listing-section{padding:0 clamp(100px,20vw,297px);padding-bottom:100px}}.my-list-page .listing-section{padding-bottom:100px}.my-list-page .listing-text{color:var(--color-basic-dark)}.my-list-page .toggle-switch{position:relative;display:inline-block;width:40px;height:35px;border:1px solid #c4c4c4;border-radius:20px;overflow:hidden}.my-list-page .toggle-switch input{opacity:0;width:0;height:0}.my-list-page .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:background-color .3s ease-in-out;border-radius:20px;cursor:pointer}.my-list-page .slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:1.7px;background-color:#fff;transition:transform .3s ease-in-out;border-radius:50%}.my-list-page input:checked+.slider{background-color:#e07b7b}.my-list-page input:checked+.slider:before{transform:translate(20px)}.my-list-page .want-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 12px;margin-bottom:8px}.my-list-page .want-name{font-size:14px;color:#333;text-transform:lowercase}.my-list-page .want-delete-btn{background:none;border:none;cursor:pointer;padding:4px}.my-list-page .want-delete-btn img{width:18px;height:18px}.my-list-page .my-list-title{color:var(--color-primary)}.profile-container{display:flex;flex-direction:column;align-items:center;width:100%;margin:auto;background-color:#fff;min-height:100vh;padding:20px 20px 60px}.profile-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:267px;padding-left:267px}.profile-avatar{width:60px;height:60px;background:#ccc;border-radius:50%}.username,.gnomes{font-size:12px;color:gray}.edit-button{background:none;border:none;cursor:pointer}.divider{width:100%;border-top:1px solid #ddd;margin:15px 0}.profile-info{width:100%;padding-right:267px;padding-left:267px}.profile-info p{display:flex;justify-content:space-between;font-size:14px;padding:6px 0}.profile-divider{width:100%;border-top:1px solid #ddd;margin:20px 0}.delete-button{display:flex;align-items:center;gap:5px;background:none;color:#541c14;border:none;cursor:pointer;margin-top:20px;margin-right:250px;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.modal{background:#fff;padding:20px;width:300px;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0003;position:relative}.clickable{cursor:pointer;text-decoration:underline;color:#541c14;font-weight:500;transition:color .2s ease}.clickable:hover{color:#a3473f}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer}.modal-buttons{display:flex;justify-content:space-around;margin-top:20px}.delete-btn{background:#d9534f;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer}.cancel-btn{background:#ccc;color:#000;border:none;padding:8px 15px;border-radius:5px;cursor:pointer}.bottom-nav{display:flex;justify-content:space-around;background:#541c14;padding:10px 0;width:100%;position:fixed;bottom:0;left:0}.nav-item{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:10px;border:none;background:none;cursor:pointer}.nav-icon{width:24px;height:24px}.nav-item.active{font-weight:700}@media (max-width: 768px){.profile-container{padding:15px 15px 80px}.profile-header{flex-direction:column;align-items:center;justify-content:center;padding:0;text-align:center}.profile-avatar{width:80px;height:80px;margin-bottom:10px}.profile-details{margin-left:0}.profile-details h2{font-size:20px}.username,.gnomes{font-size:14px}.profile-info{padding:0}.profile-info p{flex-direction:column;align-items:flex-start;font-size:13px;padding:8px 0}.profile-divider{margin-top:60px}.delete-button{margin:20px auto 0}.modal{width:90%;padding:15px}.modal-buttons{flex-direction:column;gap:10px}.delete-btn,.cancel-btn{width:100%}.bottom-nav{flex-direction:row;justify-content:space-between;padding:10px 20px}.nav-item{font-size:12px}.nav-icon{width:20px;height:20px}}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-placeholder{width:100%;height:100%;background-color:#e0e0e0;border-radius:50%}.loading{text-align:center;padding:20px;font-size:16px;color:#666}.error{text-align:center;padding:20px;font-size:16px;color:#e74c3c}.profile-container h2,.profile-info p strong{color:var(--color-primary)}.profile-info p span{color:var(--color-basic-dark)}@media screen and (min-width: 769px){.marketplace-page .marketplace-container{padding:0 clamp(100px,20vw,297px);margin-bottom:100px;padding-top:60px;display:flex;flex-direction:row}}.marketplace-page .marketplace-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.marketplace-page .marketplace-header{flex-direction:row;display:flex;margin-bottom:10px;align-items:center;justify-content:space-between}.marketplace-page .main-title{display:block;color:#501c19;margin:var(--spacing-xl) auto 0}.marketplace-page .search-icon{position:relative;display:flex}.marketplace-page .tabs{font-family:var(--font-family-manrope);display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:14px;color:gray;cursor:pointer;padding:5px 10px;transition:color .2s ease;text-decoration:none}.marketplace-page .tab.active{font-weight:700;color:#541c14;border-bottom:2px solid #541c14}.marketplace-page .tab-divider{color:#bbb;padding:0 5px;font-size:14px;pointer-events:none}.marketplace-page .category-filters{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-bottom:15px}.marketplace-page .filter-btn-icon{background:transparent;border:1px solid;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;padding:10px;flex-shrink:none}.marketplace-page .filter-icon{width:15px;height:15px}.marketplace-page .filter-btn{padding:8px;border:none;border-radius:5px;background:#e0e0e0;color:#fff;font-size:13px;font-weight:500;cursor:pointer;display:flex}.marketplace-page .filter-btn.active{background:none;color:#fff;font-weight:600;border-color:#501c19;color:#501c19;border:1px solid;border-radius:5px;padding:8px;display:absolute}.marketplace-page .filter-btn:hover{opacity:.85}.marketplace-page .listings{display:flex;flex-direction:column;gap:10px}.marketplace-page .listing-card{display:flex;align-items:center;justify-content:space-between;background:#f9f9f9;padding:10px;border-radius:6px;gap:10px;cursor:pointer;transition:background-color .2s ease}.marketplace-page .listing-card:hover{background-color:#f1f1f1}.marketplace-page .listing-image{width:3.5em;height:3.3em}.marketplace-page .listing-info{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.marketplace-page .listing-text h3{font-family:var(--font-family-manrope);font-size:12px;font-weight:700;margin:0}.marketplace-page .listing-meta{display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:60px;gap:40px;text-align:center;position:relative}.marketplace-page .price.exchange{color:#427120;font-weight:500}.marketplace-page .price.giveaway{color:#8c2626;font-weight:500}.marketplace-page .seller-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-right:20px;position:relative;width:70px}.marketplace-page .seller-avatar{width:30px;height:30px;background-color:#888;border-radius:50%;flex-shrink:0;margin-bottom:5px}.marketplace-page .seller-name{font-size:10px;color:"black";text-align:center}.filter-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.filter-modal{background-color:#fff;width:90%;max-width:400px;border-radius:10px;padding:20px;position:relative}.modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px;position:relative;padding-left:50px}.close-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:20px;cursor:pointer;background:none}.modal-title{margin:0 auto;font-size:20px;font-weight:700;color:#541c14;text-align:center}.save-btn{background-color:#dd7474;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;font-weight:400;font-size:14px;color:#fff}.save-btn button.active{background-color:#dd7474}.filter-title{color:#292929;font-size:14px;margin-bottom:5px;margin-top:10px}.sort-section{display:flex;flex-direction:column;margin-top:15px;margin-bottom:10px}.sort-grid{display:flex;flex-direction:row;font-size:10px;color:#4a4a4a;margin-bottom:5px;gap:46px;margin-left:14px}.sort-labels{font-size:10px;color:#555}.show-filter{color:#fff;border:none;background-color:#c2c2c2;padding:8px;border-radius:5px;justify-content:center;align-items:center;cursor:pointer}.show-filter button.active{color:#fff;border:none;background-color:#dd7474;padding:8px;border-radius:5px}.filter-options button,.date-filter button{flex-direction:row;justify-content:space-between;padding:8px 10px;border-radius:5px;border:none;background-color:#c2c2c2;color:#fff;font-size:12px;cursor:pointer;transition:background-color .1s;margin-right:10px;margin-bottom:15px}.filter-options button.active,.date-filter button.active{background-color:#dd7474}.price-range{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;width:100%}.price-range input{flex:1;min-width:0;max-width:45%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}@media screen and (max-width: 768px){.filter-modal{background-color:#fff;width:100%;height:80%;max-width:1000px;padding:20px;position:relative;border-radius:30px;margin-bottom:30px}}.no-listings-message{text-align:center;padding:40px;color:gray;font-size:16px}.public-link{color:var(--color-primary);text-decoration:underline;cursor:pointer;font-weight:500}.public-link:hover{color:var(--color-primary-wine)}html,body{height:100%;margin:0;overflow-y:auto;overflow-x:hidden}.friends-page-container{max-width:900px;margin:0 auto;padding:100px 40px 120px;background-color:#fff;min-height:100vh;overflow-y:auto;box-sizing:border-box}.friends-header{display:flex;align-items:center;gap:12px;margin-bottom:10px;position:relative}.back-btn{position:absolute;left:0;background-color:#541c14;border:none;width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.friends-title{flex:1;text-align:center;font-size:42px;font-weight:600;color:#541c14}.friends-count{font-size:16px;color:gray;text-align:center;margin-bottom:24px}.search-bar{display:flex;align-items:center;background:#ddd;padding:10px 16px;border-radius:6px;width:100%;max-width:900px;margin:0 auto 30px}.search-bar input{border:none;outline:none;background:transparent;flex:1;font-size:15px}.search-icon{color:gray;margin-right:10px}.friends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 200px;max-width:600px;margin:0 auto}.friend-card{display:flex;flex-direction:row;align-items:center;gap:16px;padding-left:10px}.avatar-circle{width:48px;height:48px;background-color:#ccc;border-radius:50%}.friend-name{font-size:15px;color:#333;text-align:left}.divider{width:100%;border:none;border-top:1px solid #eee;margin:40px 0}.connect-section{text-align:center;margin-top:20px}.connect-section h2{color:#541c14;font-size:36px;font-weight:400;margin-bottom:24px}.connect-options{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.connect-item{display:flex;flex-direction:column;align-items:center;font-size:15px;color:#541c14}.connect-icon{width:48px;height:48px;border-radius:50%;border:1px solid #8b5e3c;display:flex;justify-content:center;align-items:center;margin-bottom:6px;background-color:#fff}.connect-icon img{width:22px;height:22px}.qr-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:240px;z-index:999}.qr-modal{background:#fff;padding:20px;border-radius:12px;width:280px;max-width:200%;text-align:center;position:relative}.qr-close-btn{position:absolute;top:12px;left:12px;background:none;border:none;font-size:20px;color:#333;cursor:pointer}.qr-modal h2{color:#541c14;font-size:18px;margin-top:0;margin-bottom:16px}.qr-image{width:180px;height:180px;cursor:pointer}.link-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.link-modal{background-color:#fff;width:90%;max-width:550px;border-radius:12px;padding:30px 32px;position:relative;box-shadow:0 4px 12px #00000026;text-align:center}.link-modal .qr-close-btn{position:absolute;top:12px;left:12px;background:none;border:none;font-size:20px;cursor:pointer}.link-modal h2{color:#541c14;font-size:22px;font-weight:600;margin-bottom:20px}.link-modal p{font-size:14px;color:#333;margin:6px 0;word-break:break-word}.link-modal .button-group{margin-top:24px;display:flex;justify-content:center;gap:16px}.link-modal .button-group button{padding:10px 32px;font-size:24px;border-radius:4px;border:none;cursor:pointer;font-family:inherit}.link-modal .button-group .copy-btn{background:#e57373;color:#fff}.link-modal .button-group .cancel-btn{background:#ddd;color:#555}@media (max-width: 768px){.friends-page-container{padding:80px 20px 120px}.friends-title{font-size:28px}.friends-grid{grid-template-columns:repeat(2,1fr);gap:16px 20px}.connect-options{gap:30px}}@media screen and (min-width: 769px){.sellerprofile-page{padding-left:10vw;padding-right:10vw;padding-bottom:100px;margin-top:10vh}}@media screen and (max-width: 768px){.add_friend{height:50px;width:109px}.friends_button{height:50px;width:94px}}.sellerprofile-page{padding-bottom:100px}.profile-header-bar{display:flex;justify-content:space-between;align-items:center;padding:0 16px;box-sizing:border-box}.add_friend{width:109px;height:50px;cursor:pointer}.friends_button{width:94px;height:50px;cursor:pointer}.profile-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:350px}.profile-avatar{width:80px;height:80px;background:#ccc;border-radius:50%;flex-shrink:0;margin-top:10px}.profile-details{flex-grow:1;margin-left:15px}.profile-details h2{margin:0;font-size:18px}.username,.gnomes,.city{font-size:12px;color:gray;margin:0}.back{width:30px;height:30px;flex-shrink:0;cursor:pointer;position:absolute}.ok-btn{background-color:#d38a89;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer}.message-bar{display:flex;align-items:center;background:#e4c3c2;padding:0 16px;height:80px;width:100%;position:fixed;bottom:0;left:0;z-index:1000;box-sizing:border-box}.message-input{flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:5px;margin-right:16px}.message-button{background-color:#5b211b;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}@media screen and (min-width: 769px){.message-bar{padding-left:267px;padding-right:267px}}@media screen and (min-width: 769px){.message-container{display:flex;flex-direction:column;align-items:start;background:#fff;font-family:sans-serif;width:100%;padding-top:20vh}}.message-container{display:flex;flex-direction:column;align-items:start;padding:2rem 1rem;background:#fff;font-family:sans-serif;width:100%}.message-header,.message-search,.message-list{width:100%;max-width:600px;margin-left:auto;margin-right:auto}.message-header{position:relative;display:flex;align-items:center;justify-content:flex-start;margin-bottom:1.5rem;padding:10px 20px;height:50px}.back-icon{margin-right:1rem;width:32px;height:32px;cursor:pointer}.message-title{font-family:var(--font-family-primary);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:2rem;color:#541c14;text-transform:lowercase;white-space:nowrap}.message-search{position:relative;margin-bottom:2rem}.message-search input{width:100%;height:40px;padding:0 1rem 0 3rem;border-radius:8px;border:none;background:#f0f0f0;font-size:1rem;color:#541c14;outline:none}.search-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);width:16px;height:16px;opacity:.7}.message-list{margin-top:0}.message-card{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee;cursor:pointer}.message-card:hover{background:#fafafa}.avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#ccc;margin-right:1rem}.message-main{flex:1}.top-row{display:flex;justify-content:space-between;align-items:center}.name{font-size:.9rem;font-weight:700;color:#444;text-transform:lowercase}.time{font-size:.8rem;color:#444;margin-left:auto}.preview{font-size:.8rem;color:#555;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-threads{text-align:center;color:#888;margin:2rem 0}@media screen and (min-width: 769px){.ListingContent-page{padding:100px 267px;display:flex;flex-direction:row;position:absolute;gap:50px}.ListingContent-section{margin-top:80px}.featured-image{margin-top:100px;padding-bottom:0}}.page{padding:10px}@media screen and (max-width: 768px){.ListingContent-section{padding-left:40px;padding-right:40px}}.ListingContent-page{padding-bottom:80px}.profile-header-bar{display:flex;gap:10px;align-items:center;padding:0 16px;box-sizing:border-box}.back{width:30px;height:30px;flex-shrink:0;cursor:pointer;position:absolute;margin:62px 19px}.content-bar{margin-top:20px;padding:0 16px}.top-row{display:flex;align-items:center;gap:8px;justify-content:flex-start;font-size:12px;font-weight:700}.label-left{color:#4a4a4a;font-family:var(--font-family-manrope)}.label-right{color:#dd7474;font-family:var(--font-family-manrope)}.content-row{display:flex;justify-content:space-between;align-items:center}.item-title{font-size:18px;font-weight:400;color:#541c14;margin:4px 0}.item-price{font-family:var(--font-family-manrope);font-size:14px;font-weight:700;color:#541c14;margin:4px 0}.profile-row{display:flex;align-items:center;gap:10px;margin-top:4px}.profile-avatar{width:36px;height:36px;border-radius:50%;background:#ccc;flex-shrink:0}.username{font-family:var(--font-family-manrope);font-size:13px;font-weight:500;color:#4a4a4a;margin:0;text-decoration:none}.city{font-family:var(--font-family-manrope);margin-left:auto;font-size:13px;color:#777}.description{font-family:var(--font-family-manrope);background-color:#eeecec;font-size:12px;border-radius:4px;line-height:1.4;padding:12px;margin-top:8px;white-space:pre-wrap;word-wrap:break-word;color:#333}.featured-image{width:100%;height:360px;display:flex;object-fit:cover}.listing-control{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin:40px 0;padding:0}.listing-delete,.listing-edit,.listing-share{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c2626;font-size:12px;border:none;background:none;cursor:pointer;padding:5px;width:60px;height:auto}.listing-control:has(.listing-share:only-child){justify-content:flex-start;margin-left:0}.listing-control img{width:40px;height:40px;margin-bottom:4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0003;position:relative;width:320px;text-align:center}.close-btn{position:absolute;top:30px;left:18px;width:24px;height:24px;background:none;border:none;cursor:pointer;text-align:left}.modal-title{font-size:18px;font-weight:700;color:#541c14;margin-bottom:10px}.modal-text{font-size:14px;color:#333;margin-bottom:24px}.modal-buttons{display:flex;justify-content:center;gap:12px}.delete-btn{background-color:#d38a89;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer}.cancel-btn{background-color:#d1d1d1;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.post-page{display:flex;flex-direction:column;justify-content:start}.post-container{width:100vw;max-height:100vh;margin-top:var(--spacing-sm);margin-bottom:0;background-color:var(--color-basic-white);border-radius:var(--border-radius-primary);display:flex;flex-direction:column;justify-content:start;align-items:center}.post-page-logo{display:block;margin:var(--spacing-4xl) auto var(--spacing-sm);width:9rem}@media screen and (min-width: 769px){.post-page-logo{display:none}}.post-tabs{text-align:center;font-size:1rem;margin:var(--spacing-m) 0}.post-page .post-form{border-radius:var(--border-radius-primary);border:solid var(--color-basic-super-light);padding:var(--spacing-m);margin:var(--spacing-xs);box-shadow:inset;max-height:440px}.post-tabs .tab{font-family:var(--font-family-manrope);cursor:pointer;color:var(--color-basic-dark);text-decoration:none;gap:var(--spacing-sm)}.post-tabs .tab.active{font-weight:700;color:var(--color-primary);border-bottom:2px solid #541c14}.post-page .category-buttons{display:flex;justify-content:center;gap:var(--spacing-xs);margin:0 clamp(20px,3em,24px) var(--spacing-sm) var(--spacing-l);padding:0 var(--spacing-m)}.post-page .category{background-color:var(--color-basic-light);border:none;padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--border-radius-primary);font-size:.75rem;color:var(--color-basic-dark);cursor:pointer;min-width:70px;height:32px;text-transform:lowercase}.post-page .category.active{background-color:var(--color-basic-white);color:var(--color-primary);border:1px solid var(--color-primary)}.post-page .input,.dropdown,.textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-basic-light);border-radius:var(--border-radius-primary);margin-bottom:clamp(8px,var(--spacing-sm),10px)}.post-page .textarea{height:100px}.post-page .photo-upload{display:flex;justify-content:start;margin-bottom:clamp(8px,var(--spacing-sm),10px)}.post-page .upload-box{width:clamp(130px,50em,150px);height:clamp(130px,50em,150px);background-color:var(--color-basic-super-light);border:2px solid var(--color-basic-light);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-primary);cursor:pointer}.post-page .checkbox-container{display:flex;justify-content:space-between;gap:7px;align-items:start;width:100%;max-width:400px;margin:0 auto;padding:0 var(--spacing-l)}.post-page .p3{color:var(--color-basic-dark)}.post-page .checkbox-container form{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--color-basic-dark)}.post-page .checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.post-page .primary-button{background-color:var(--color-primary-tulip);border:none;color:var(--color-basic-white);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--border-radius-primary);cursor:pointer;font-size:.9rem;height:3em;width:160px;text-align:center}.post-page .primary-button:hover{background-color:var(--color-primary-pink)}.post-page .post-type-select{display:flex;gap:var(--spacing-sm)}.post-page .item-input{display:flex;align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-sm);width:clamp(50px,50em,300px)}.post-page .add-item-button{background:none;border:none;font-size:1.5rem;color:var(--color-primary);cursor:pointer;margin-bottom:var(--spacing-s);padding:0}.post-page .delete-button{background:none;border:none;cursor:pointer;color:var(--color-primary);width:30px;height:50px;padding:0;margin:0 0 var(--spacing-sm) 0}.post-page .wishlist-button{margin-top:var(--spacing-sm)}.post-page .limit-text{text-align:start;color:var(--color-basic-light)}.personal-info-page .p2,.personal-info-page .location-sub{text-align:left;color:var(--color-basic-light);margin-bottom:clamp(5px,var(--spacing-xs),12px)}.personal-info-page .profile-upload{width:100%;display:flex;justify-content:flex-start;margin-bottom:clamp(5px,var(--spacing-xs),12px)}.personal-info-page .upload-box{width:clamp(200px,20vh,260px);height:clamp(200px,20vh,260px);background-color:var(--color-basic-light);border:2px solid var(--color-basic-super-light);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--border-radius-primary);cursor:pointer}.personal-info-page .upload-box p{color:var(--color-basic-super-light);text-align:center}.personal-info-page .location-info{width:100%;margin-top:var(--spacing-s)}.personal-info-page .input{width:100%;padding:10px;margin-bottom:8px;border-radius:var(--border-radius-primary);border:1px solid var(--color-basic-light)}.personal-info-page .half{width:50%}.personal-info-page .city-state{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.personal-info-page .buttons{margin-top:var(--spacing-m);display:flex;gap:var(--spacing-sm);align-items:center}.personal-info-page .primary-button{background-color:var(--color-primary-tulip);border:none;color:var(--color-basic-white);padding:var(--spacing-xs) var(--spacing-l);border-radius:var(--border-radius-primary);cursor:pointer}.personal-info-page .skip-link{white-space:nowrap;font-style:italic;color:var(--color-basic-super-light);margin-left:var(--spacing-xs);text-decoration:none}.search{width:100vw;min-height:100vh;background:#0000004d;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);box-sizing:border-box}.search-container{background:var(--color-basic-white);width:100%;max-width:420px;height:80vh;border-radius:20px;padding:var(--spacing-xl);box-sizing:border-box}.search-header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-m);margin-top:0}.search .close-btn{font-size:1.2rem;background:none;border:none;color:var(--color-basic-dark);cursor:pointer}.search .post-tabs{font-size:var(--p3);color:var(--color-primary);font-weight:600;gap:var(--spacing-m)}.search .tab{text-decoration:none;color:var(--color-basic-dark)}.search .tab.active{color:var(--color-primary-wine);font-weight:700;text-decoration:underline}.search .search-categories{display:flex;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-m)}.search .search-categories .category{background-color:var(--color-basic-light);border:none;padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--border-radius-primary);font-size:.75rem;color:var(--color-basic-dark);cursor:pointer;min-width:70px;height:32px;text-transform:lowercase}.search .category.active{border:1px solid var(--color-primary-wine);color:var(--color-primary-wine);background-color:transparent}.search .search-bar{position:relative;background:var(--color-basic-super-light);border-radius:var(--border-radius-primary);height:42px;width:100%}.search .search-icon{position:absolute;top:50%;left:var(--spacing-m);transform:translateY(-50%);width:1.2rem;height:1.2rem}.search .search-input{width:100%;padding:var(--spacing-sm) var(--spacing-xs) var(--spacing-sm) calc(var(--spacing-ml) + 1rem);border:none;background:transparent;font-size:var(--p3);outline:none}.messages-container{display:flex;flex-direction:column;height:100vh;max-width:600px;margin:0 auto;background:#fff;font-family:sans-serif}.chat-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #eee}.chat-header .back-icon{width:32px;height:32px;cursor:pointer;margin-right:1rem}.chat-header .chat-title{font-size:1.5rem;text-transform:lowercase;color:#541c14}.chat-profile{text-align:center;padding:1rem;border-bottom:1px solid #eee}.chat-profile .avatar{width:72px;height:72px;border-radius:50%;background:#ccc;margin:0 auto .5rem}.chat-profile .name{display:block;font-size:1.25rem;font-weight:700;color:#333}.chat-date-divider{position:relative;text-align:center;margin:1rem 0;font-size:.75rem;color:#666}.chat-date-divider:before,.chat-date-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ddd}.chat-date-divider:before{left:0}.chat-date-divider:after{right:0}.chat-messages{flex:1;overflow-y:auto;padding:0 1rem}.chat-message{display:flex;margin-bottom:1rem}.chat-message.incoming{justify-content:flex-start}.chat-message.outgoing{justify-content:flex-end}.chat-message .bubble{max-width:70%;padding:.75rem 1rem;border-radius:1rem;line-height:1.4;font-size:.9rem;word-wrap:break-word}.chat-message.incoming .bubble{background:#f1f0f0;color:#000;border-top-left-radius:0}.chat-message.outgoing .bubble{background:#e2c7c5;color:#000;border-top-right-radius:0}.chat-input-container{display:flex;padding:.75rem 1rem;border-top:1px solid #eee}.chat-input{flex:1;padding:.75rem 1rem;border:1px solid #ccc;border-radius:1rem;margin-right:.75rem;font-size:.9rem}.chat-send-button{background:#541c14;color:#fff;border:none;border-radius:1rem;padding:0 1.25rem;font-size:.9rem;cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}@media screen and (min-width: 769px){.post-page,.profile-container{margin-top:60px}.message-container{padding-top:90px}}@font-face{font-family:KohSantepheap;src:url(/assets/KohSantepheap-Thin-5SujtbZp.ttf) format("truetype");font-style:thin;font-weight:100}@font-face{font-family:KohSantepheap;src:url(/assets/KohSantepheap-Light-D_iWECc9.ttf) format("truetype");font-style:light;font-weight:300}@font-face{font-family:KohSantepheap;src:url(/assets/KohSantepheap-Regular-Z3GW-pWP.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:KohSantepheap;src:url(/assets/KohSantepheap-Bold-YdhLjdOn.ttf) format("truetype");font-style:bold;font-weight:700}@font-face{font-family:KohSantepheap;src:url(/assets/KohSantepheap-Black-BQRKeko_.ttf) format("truetype");font-weight:900;font-style:black}@font-face{font-family:Manrope;src:url(/assets/Manrope-ExtraLight-CZwPcVBo.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Manrope;src:url(/assets/Manrope-Light-Cx-P5V5h.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Manrope;src:url(/assets/Manrope-Regular-BjNcpSXg.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Manrope;src:url(/assets/Manrope-Bold-BNmhpqUF.ttf) format("truetype");font-weight:700;font-style:normal}:root{--color-primary: #501C19;--color-primary-wine: #8C2626;--color-primary-tulip: #DD7474;--color-primary-pink: #E4C3C2;--color-secondary: #24440D;--color-secondary-light-green: #427120;--color-secondary-neon-green: #8BD757;--color-basic-dark: #292929;--color-basic-medium: #E4A4A4A;--color-basic-light: #C2C2C2;--color-basic-super-light: #EEECEC;--color-basic-white: #FFFFFF;--font-family-primary: "KohSantepheap", sans-serif;--font-family-manrope: "Manrope", sans-serif;--font-style-primary: normal;--spacing-xs: .25rem;--spacing-s: .5rem;--spacing-sm: .75rem;--spacing-m: 1rem;--spacing-ml: 1.25rem;--spacing-l: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--border-radius-primary: 4px;--background-color-primary: var(--color-primary);--background-color-secondary: var(--color-primary-pink);font-family:var(--font-family-primary);font-style:var(--font-style-primary);width:100%;height:100%;margin:0;padding:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.app-container{flex:1;display:flex;flex-direction:column}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh}.h1{font-size:36pt}.h2{font-size:24pt}.h3{font-size:18pt}.h4{font-size:14pt}.p1{font-size:20pt}.p2{font-size:14pt}.p3{font-size:12pt}.p4{font-size:10pt}h1,h2,h3,h4{font-weight:400}.link{color:var(--color-basic-super-light);text-decoration:underline}.link:visited{color:var(--color-basic-super-light);text-decoration:none}.link:hover,.link:active{color:var(--color-primary-pink);text-decoration:none}.container{width:100%;height:100%;margin:0;padding:0}.personal-info-page{width:100vw;height:100vh;background-color:var(--color-primary);display:flex;justify-content:center;align-items:center;padding:var(--spacing-l);box-sizing:border-box;overflow-y:auto}.personal-info-page .logo{position:absolute;top:3.5vh;left:50%;transform:translate(-50%);width:130px;height:auto;margin:0;display:block;z-index:2}.personal-info-page .container{width:100%;max-width:420px;max-height:420px;padding:var(--spacing-l);display:flex;flex-direction:column;align-items:center}.personal-info-page .form-container{width:100%;max-width:400px;height:80%;padding:0;display:flex;flex-direction:column;align-items:flex-start;margin-top:10vh}.personal-info-page .h3{font-family:var(--font-family-primary);color:var(--color-basic-white);margin:var(--spacing-sm) 0 var(--spacing-sm)}.invite-page{width:100vw;height:100vh;background-color:var(--color-primary);display:flex;justify-content:center;align-items:center;padding:var(--spacing-l);box-sizing:border-box;overflow-y:auto}.invite-page .container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.invite-page .form-container{width:100%;max-width:400px;margin-top:10vh;padding:2vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.invite-page .logo{position:absolute;top:3.5vh;left:50%;transform:translate(-50%);width:130px;height:auto;margin:0;display:block;z-index:2}.invite-page .h3{font-size:18pt;color:var(--color-basic-white);margin-bottom:var(--spacing-xs)}.invite-page .p2{color:var(--color-basic-light);margin:var(--spacing-s) 0 var(--spacing-m)}.invite-options{color:var(--color-basic-white);display:flex;flex-direction:column;justify-content:start;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.invite-page .option-img{width:1cm;height:1cm}.invite-page .option-box{display:flex;flex-direction:row;align-items:center;padding:var(--spacing-xs) 0;width:100%;text-align:left;gap:var(--spacing-sm)}.invite-page .buttons{display:flex;align-items:center;gap:var(--spacing-s);margin-top:var(--spacing-5xl)}.invite-page .primary-button{font-family:var(--font-primary-);background-color:var(--color-primary-tulip);border:none;color:var(--color-basic-white);padding:var(--spacing-xs) var(--spacing-l);border-radius:var(--border-radius-primary);cursor:pointer}.invite-page .skip-link{white-space:nowrap;font-style:italic;color:var(--color-basic-super-light);margin-left:var(--spacing-xs);text-decoration:none}.filter-wrapper{position:fixed;top:0;left:0;width:100vw;min-height:100vh;background-color:var(--color-basic-super-light);display:flex;justify-content:center;align-items:center;padding-bottom:var(--spacing-2xl);box-sizing:border-box;overflow:visible}.filter-wrapper .p1{color:var(--color-basic-dark)}.filter-wrapper .filter-modal{width:100%;max-width:420px;height:clamp(400px,80vh,700px);background-color:var(--color-basic-white);border-radius:20px;padding:var(--spacing-xl);display:flex;flex-direction:column;box-sizing:border-box;z-index:9999}.filter-wrapper .filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.filter-wrapper .filter-header h2{position:absolute;left:7.5em;transform:translate(-50%);font-weight:700}.filter-wrapper .close-btn{color:var(--color-basic-dark);background:none;border:none;font-size:1.2rem;cursor:pointer;position:absolute;left:5%}.filter-wrapper .save-btn{background-color:var(--color-primary-tulip);color:var(--color-basic-white);padding:var(--spacing-xs) var(--spacing-l);border-radius:var(--border-radius-primary);border:none;cursor:not-allowed;height:50px;position:absolute;left:75%}.filter-wrapper .label{font-size:1rem;font-weight:600;color:var(--color-basic-dark);margin-bottom:var(--spacing-sm)}.filter-wrapper .filter-section{margin-bottom:var(--spacing-l)}.filter-wrapper .filter-options,.filter-wrapper .chip-row{display:flex;flex-wrap:no-wrap;gap:var(--spacing-xs)}.filter-wrapper .chip{padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--border-radius-primary);background-color:var(--color-basic-light);color:var(--color-basic-dark);border:none;cursor:pointer;font-size:.9rem;width:clamp(60px,90px,120px);height:38px}.filter-wrapper .chip.active{background-color:var(--color-primary-tulip);color:var(--color-basic-white)}.filter-wrapper .chip:hover{background-color:var(--color-primary-pink);color:var(--color-basic-white)}.filter-wrapper .price-inputs{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-wrapper .input{width:100%;max-width:130px;padding:var(--spacing-sm);border:1px solid var(--color-basic-light);border-radius:var(--border-radius-primary)}.notification-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:100vh;width:100vw;font-family:var(--font-family-primary)}.notification-wrapper .friend-invi-image{position:relative;background:url(../images/friendInvi.png) center/cover no-repeat;width:100vw;color:var(--color-basic-white);padding:clamp(2px,4vw,20px);text-align:center;z-index:1}.notification-card{background-color:var(--color-basic-white);max-width:100%;width:100%;margin-top:10vh;padding:var(--spacing-xl);box-sizing:border-box;text-align:center}.notification-wrapper .logo{position:absolute;top:4vh;left:50%;transform:translate(-50%);width:150px;height:auto;margin:0;display:block;z-index:2}.notification-wrapper .title{font-size:var(--p2);font-weight:600;color:var(--color-basic-dark);margin-bottom:var(--spacing-m)}.notification-wrapper .h2{margin-bottom:var(--spacing-l);color:var(--color-basic-dark)}.notification-wrapper .highlight{color:var(--color-primary-wine)}.notification-wrapper .match-image{width:100%;border-radius:var(--border-radius-primary);margin-bottom:var(--spacing-m)}.notification-wrapper .friend-invi-image{width:100vw;display:flex;flex-direction:column}.notification-wrapper .message-section{align-items:center;font-size:var(--p3);color:var(--color-basic-dark);margin-top:var(--spacing-l);margin-bottom:var(--spacing-l);text-align:center}.notification-wrapper .message{text-align:left}.notification-wrapper .item-name{color:var(--color-primary-wine)}.email-button{background-color:var(--color-primary-tulip);color:var(--color-basic-white);border:none;padding:var(--spacing-sm) var(--spacing-4xl);border-radius:var(--border-radius-primary);cursor:pointer;font-size:var(--p3);font-family:var(--font-family-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:center}.notification-wrapper hr{margin:var(--spacing-l) 0;border:.5px solid var(--color-basic-super-light)}.email-footer{font-family:var(--font-style-primary);text-align:center;font-size:var(--p4);color:var(--color-basic-dark)}.email-footer .h2{font-family:var(--font-family-primary);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs);color:var(--color-primary)}.email-footer .socials{display:flex;justify-content:center;gap:var(--spacing-l);margin-bottom:var(--spacing-sm)}.email-footer .community-tag,.email-footer .email,.email-footer .copyright{line-height:1.4;margin-bottom:var(--spacing-xs)}.email-footer .copyright{line-height:1.4;margin-top:var(--spacing-l);margin-bottom:var(--spacing-xs)}.friend-invi-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100vw;font-family:var(--font-family-primary)}.friend-invi-wrapper .friend-invi-image{position:relative;background:url(../images/friendInvi.png) center/cover no-repeat;height:40vh;width:100%;color:var(--color-basic-white);padding:clamp(2px,4vw,20px);text-align:center;z-index:1}.invitation-card{background-color:var(--color-basic-white);max-width:100%;width:100%;margin-top:var(--spacing-xl);padding:var(--spacing-xl);box-sizing:border-box;text-align:center}.friend-invi-wrapper .logo{position:absolute;top:4vh;left:50%;transform:translate(-50%);width:150px;height:auto;margin:0;display:block;z-index:2}.friend-invi-wrapper .h2{margin-bottom:var(--spacing-l);color:var(--color-basic-dark)}.friend-invi-wrapper .message-section{align-items:center;font-size:var(--p3);color:var(--color-basic-dark);margin-bottom:var(--spacing-l);text-align:center}.friend-invi-wrapper .message{text-align:left}