*,:after,:before,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box}ol,ul,menu{list-style:none}body,button,input,label,select,textarea{font-family:"PT Serif",serif}body{padding:20px;margin:0;background-color:#f7f7fa;color:#333;line-height:1.6;font-size:16px;overflow-x:hidden}.header{display:flex;align-items:center;justify-content:space-between;height:80px;width:100%;background-color:#e6e6e7;color:#686666;padding:0 1.5rem;border-radius:12px;box-shadow:0 2px 6px #0000001f;font-family:"PT Serif",serif;flex-wrap:wrap;position:relative}.left-section,.center-section,.header-right{display:flex;align-items:center}.center-section{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;justify-content:center;width:100%;max-width:340px}.header-right{gap:1rem;font-size:24px}.menu-icon{font-size:30px;color:#686666;cursor:pointer;transition:color .3s ease,transform .3s ease}.logo{height:50px;cursor:pointer;object-fit:contain;transition:transform .3s ease}.logo:hover{transform:scale(1.2)}.logo-button{margin-left:3rem;border:none;cursor:pointer;background-color:#e6e6e7}.header-right .header-icon:hover,.menu-icon:hover{color:#0798e6;transform:scale(1.3);transition:color .3s ease,transform .3s ease;cursor:pointer}.user-name{color:#635757;cursor:pointer;font-weight:700;font-size:18px;border:none;background-color:#e6e6e7}.user-name:hover{color:#0798e6}.user-section{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.6rem}@media (max-width: 900px){.logo{margin-left:0rem}}@media (max-width: 720px){.header{flex-wrap:nowrap;height:60px}.center-section{flex-grow:0;width:100%;justify-content:center}.logo{width:18cqh;margin:0}.user-name{font-size:10px}}@media (max-width: 480px){.header{flex-direction:row;padding:1rem;width:auto}.center-section{width:50%;justify-content:center}.left-section{width:50%;justify-content:flex-start;margin-bottom:.5rem}.menu-icon{font-size:24px;margin-right:.2rem}.header-right{justify-content:flex-end;margin-bottom:.5rem;flex-direction:row}.header-icon{width:15px}.logo{width:14cqh}.user-name{font-size:9px}}.search-form{position:relative;max-width:350px;width:100%;margin:0 auto}.search-input{display:flex;align-items:center;gap:1rem;font-family:"PT Serif",serif;flex-direction:row;width:100%;padding:10px 45px 10px 15px;border-radius:25px;border:1.5px solid #ccc;background-color:#fafafa;font-size:15px;color:#444;outline:none;transition:border-color .3s ease}.search-bar-inline{max-width:350px;width:100%}.search-input:focus{border-color:#0798e6;background-color:#fff;box-shadow:0 0 8px #0798e680}.search-button{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0;color:#888;font-size:20px;transition:color .3s ease}.search-button:hover{color:#0798e6}.search-icon{pointer-events:none}.search-bar-wrapper{display:none;width:100%;padding:0 1.5rem;margin-top:.5rem;box-sizing:border-box}@media (max-width: 600px){.search-bar-wrapper{width:100%;display:flex;justify-content:center;margin-top:.5rem;padding:0 1rem}.search-form{width:100%;max-width:100%}.search-bar-inline{display:none}}.sidebar{position:fixed;top:0;left:-220px;width:220px;height:100%;background:linear-gradient(135deg,#e9e8e8 50%,#0789e6);padding:20px;transition:left .5s ease-in-out;border-radius:0 10px 10px 0;box-shadow:2px 0 8px #00000026;z-index:1000;font-family:"PT Serif",serif}.sidebar.open{left:0}.sidebar-title{margin:1.5rem 0;color:#0789e6;font-size:23px;font-weight:600}.category-list{list-style:none;padding:0;margin:0}.category-list li{margin-bottom:5px}.category-btn{width:100%;background-color:transparent;border:none;color:#443b3b;font-size:16px;font-family:"PT Serif",serif;text-align:left;padding:10px;border-radius:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.category-btn:hover{background-color:#ffffff1a;color:#000;transform:scale(1.1);transition:background-color .3s ease,color .3s ease,transform .3s ease}.category-btn:focus{outline:2px solid #047fc0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer;transition:color .3s ease;font-size:16px}.sidebar ul li:hover{color:#b3d4fc}.close-btn{position:absolute;top:12px;right:12px;font-size:24px;background:none;border:none;cursor:pointer;color:#0789e6;transition:color .3s ease}.close-btn:hover{color:#000;transform:scale(1.1)}@media (max-width: 480px){.sidebar{width:180px;padding:15px}.sidebar-title,.sidebar h4{font-size:18px}.category-btn,.sidebar ul li{font-size:14px;padding:8px}.close-btn{font-size:20px}}@media (max-width: 768px) and (min-width: 481px){.sidebar{width:200px;padding:18px}.sidebar-title,.sidebar h4{font-size:19px}.category-btn,.sidebar ul li{font-size:15px;padding:10px}.close-btn{font-size:22px}}.logout-button{color:#635757;cursor:pointer;font-weight:700;font-size:18px;border:none;background-color:#e6e6e7}.logout-button:hover{color:#ef0c0c}@media (max-width: 720px){.logout-button{font-size:10px}}@media (max-width: 480px){.logout-button{font-size:9px}}.footer{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem 2rem;background-color:#e6e6e7;height:50px;border-radius:12px;margin-top:auto;font-size:.95rem;color:#333;box-shadow:0 2px 4px #0000001a;text-align:center;flex-wrap:wrap;font-family:"PT Serif",serif}@media (max-width: 480px){.footer{gap:1rem;font-size:.8rem;padding:.8rem 1rem;height:auto}}@media (max-width: 768px) and (min-width: 481px){.footer{gap:1.5rem;font-size:.88rem;padding:.9rem 1.5rem;height:auto}}.slider-wrapper{position:relative;width:100%;height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:none;padding:.5rem 0;font-family:"PT Serif",serif;margin:-1rem auto 1rem}.slider-container{display:flex;gap:1rem;overflow-x:hidden;scroll-behavior:smooth;width:100%;max-width:1000px;height:450px;padding:1rem 0;scroll-snap-type:x mandatory;margin-top:.5rem}.item-card:hover{box-shadow:0 4px 12px #00000026}.arrow-right,.arrow-left{font-size:4rem;background:none;border:none;cursor:pointer;padding:0 1rem;color:#555;transition:color .2s ease;z-index:10;-webkit-user-select:none;user-select:none}.arrow-right:hover,.arrow-left:hover{color:#0798e6;transform:scale(1.3)}.arrow:disabled{color:#ccc;cursor:not-allowed}.slider-logo{width:400px;height:200px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease;display:block;justify-content:center}.slider-logo:hover{animation:bounce .7s 2}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-width: 480px){.slider-container{max-width:80%;gap:.5rem;padding:.5rem 0;-webkit-overflow-scrolling:touch}.arrow{font-size:2rem;padding:0 .5rem}.slider-title{font-size:.6rem;padding-left:1rem}.slider-logo{width:120px;height:100px}}@media (max-width: 768px) and (min-width: 481px){.slider-container{max-width:90%;gap:.8rem;padding:.8rem 0;-webkit-overflow-scrolling:touch}.arrow{font-size:2.2rem;padding:0 .8rem}.slider-title{font-size:.8rem;padding-left:1.5rem}.slider-logo{width:clamp(150px,9vw,150px)}}.item-card{min-width:180px;border:1px solid #ccc;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a;background-color:#fff;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;width:100%;height:auto;box-sizing:border-box;max-width:300px;margin:0 auto;font-family:"PT Serif",serif}.item-card:hover{transform:scale(1.01);box-shadow:0 6px 15px #0003;transition:transform .25s ease,box-shadow .25s ease}.item-card:hover h3{font-weight:700}.item-card img{width:100%;aspect-ratio:1 / 1;display:block;object-fit:contain;background-color:#e1dfdf;border:1px solid #ccc;border-radius:8px}.item-card h3{font-weight:700;margin:0 0 10px;font-size:1.2rem;color:#0798e6}.items-list .item-card h3{font-size:1.1rem;line-height:1.2;max-height:2.4em;width:200px;text-align:center;overflow:hidden;text-overflow:ellipsis}.item-card p{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-height:2.4em;white-space:normal;margin:0 0 8px}.items-list .item-card{max-width:100%;margin:0;display:flex;align-items:center;gap:1rem;padding:14px 22px;cursor:default;transform:none;box-shadow:0 1px 4px #0000001a;border-color:#aaa;border-radius:8px;background-color:#fafafa;justify-content:space-between}.items-list .item-card img{width:100%;max-width:150px;height:auto;border:1px solid #ccc;border-radius:8px}.item-condition-excellent{background-color:#d4edda;color:#155724;font-weight:700;border-radius:4px;padding:2px}.item-condition-good{background-color:#cce5ff;color:#004085;font-weight:700;border-radius:4px;padding:2px}.item-condition-fair{background-color:#fff3cd;color:#856404;font-weight:700;border-radius:4px;padding:2px}.available{color:green;font-weight:700}.unavailable{color:#ccc;font-weight:700}@media (max-width: 768px){.item-card{max-width:100%;padding:12px;margin:0 auto 20px}.items-list .item-card{flex-direction:column;align-items:center;gap:10px;padding:16px 12px;cursor:pointer;box-shadow:0 3px 8px #0000001a;justify-content:flex-start}.items-list .item-card img{max-width:80%;height:auto;border-radius:8px;margin-bottom:8px}.items-list .item-card h3{width:100%;text-align:center;font-size:1rem;max-height:none;white-space:normal}.items-list .item-card p{max-height:none}}.rating-stars{display:flex;align-items:center;gap:.1rem;color:#f39c12;margin-bottom:.5rem}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999;font-family:"PT Serif",serif}.loader-spinner{border:6px solid #ccc;border-top:6px solid #007bff;border-radius:50%;width:60px;height:60px;animation:spin .8s linear infinite}.visual-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:red;padding:2rem;text-align:center}.explain-text{background-color:#fff;padding:2rem;text-align:center;border-radius:100px;margin:3rem auto;width:80%;height:100%;max-width:1000px;box-shadow:0 1px 5px #0000001a;transition:box-shadow .3s ease}.explain-text:hover{box-shadow:0 6px 24px #0003}.explain-text h2{font-size:clamp(2.2rem,2.5vw,2.5rem);color:#0798e6;margin-bottom:1rem;overflow:hidden;animation:fadeIn 2s ease forwards}.explain-text p{margin-top:1rem;font-size:clamp(1.4rem,1.5vw,1.15rem);color:#333;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.explain-text{padding:1.5rem 1rem;margin:4rem 1rem}.explain-text h2{font-size:1rem}.explain-text p{font-size:.8rem}}.share-prompt-section{background-color:#fff;padding:2rem;text-align:center;border-radius:100px;margin:7rem auto;width:80%;height:100%;max-width:1000px;box-shadow:0 1px 5px #0000001a;transition:box-shadow .3s ease}.share-prompt-section:hover{box-shadow:0 6px 24px #0003}.share-prompt-section h2{font-size:1.7rem;color:#f0983b;font-weight:600;letter-spacing:.04em;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.share-prompt-section p{margin:.5rem 0 1.5rem;font-size:1.1rem;color:#444}.btn{display:inline-block;margin-top:1rem;background-color:#0798e6;color:#fff;border:none;padding:.7rem 1.5rem;font-size:1rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .35s ease,transform .2s ease;box-shadow:0 4px 12px #0798e666}.btn:hover,.btn:focus{background-color:#28a2f3;transform:translateY(-2px);box-shadow:0 6px 18px #0570b999;outline:none}@media (max-width: 480px){.share-prompt-section{padding:2rem 1rem;max-width:95%}.btn{width:100%;padding:.85rem 0;font-size:1.2rem}}.wallpaper-container{background-image:url(/assets/banner-DIPIy-Xz.jpg);background-size:cover;background-position:center;height:600px;width:100%;aspect-ratio:16 / 9;border-radius:16px;display:flex;align-items:center;justify-content:flex-start;margin:4rem auto;padding:2rem 1rem;position:relative;box-shadow:0 4px 12px #00000026;overflow:hidden;transition:all .3s ease-in-out}@media (max-width: 840px){.wallpaper-container{height:45vh;margin:2rem auto}}@media (max-width: 768px){.wallpaper-container{height:40vh;margin:2rem auto}}@media (max-width: 480px){.wallpaper-container{height:30vh;margin:1rem auto;padding:1rem}}.shape{display:block;margin:1rem auto;max-width:100%;height:auto}@media (max-width: 480px){.shape{margin:6rem auto 4rem;width:90%}}.pagination{text-align:center;margin-top:1.5rem;font-family:"PT Serif",serif}.pagination-btn{background-color:#f0f0f0;border:1px solid #ccc;padding:.5rem 1.2rem;margin:0 6px;cursor:pointer;border-radius:6px;font-size:1rem;font-weight:500;color:#444;transition:background-color .3s ease,color .3s ease,border-color .3s ease;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background-color:#0798e6;color:#fff;border-color:#006bb3}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;background-color:#ddd;color:#999}.pagination-btn.active{font-weight:700;background-color:#0798e6;border-color:#006bb3;color:#fff;box-shadow:0 0 8px #0798e6b3}.view-toggle-container{text-align:right;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:flex-end}.view-toggle-btn{display:flex;align-items:center;gap:.5rem;font-family:"PT Serif",serif;padding:.6rem 1.2rem;background:linear-gradient(135deg,#0798e6,#007acc);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:0 4px 8px #00000026;transition:all .3s ease}.toggle-label{font-weight:600;margin-right:.5rem;color:#333}.view-toggle-btn:hover{background:linear-gradient(135deg,#007acc,#86ccfb);transform:translateY(-2px);box-shadow:0 6px 12px #0003}.view-toggle-btn:focus{outline:2px solid #86ccfb}.view-toggle-container label{margin-right:.5rem;font-weight:700;color:#333}.view-toggle-container select{padding:.4rem .8rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;background-color:#fff;margin-right:1rem;transition:border-color .2s ease}.view-toggle-container select:focus{border-color:#0798e6;outline:none}.view-toggle-container>div{display:flex;align-items:center;gap:.5rem}@media (max-width: 600px){.view-toggle-container{flex-direction:column;align-items:flex-start;text-align:left}.view-toggle-container>div{width:100%;justify-content:space-between}.view-toggle-btn{width:100%;font-size:1rem;padding:.6rem 1.2rem}}.result-container .items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;font-family:"PT Serif",serif}.items-grid>*{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.items-grid>*:hover{box-shadow:0 4px 12px #0003}.items-list{display:flex;flex-direction:column;gap:1rem}.items-list>*{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 4px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.items-list>*:hover{box-shadow:0 3px 8px #00000026}.content-with-sidebar{display:flex;flex-direction:row;gap:1rem;align-items:flex-start;padding:1rem 0;background-color:#f9f9f9;border-radius:10px;font-family:"PT Serif",serif}.filter-sidebar{flex:0 0 280px;max-width:280px}.main-content{flex:1;background-color:#fff;padding:1rem;border-radius:10px;box-shadow:0 2px 8px #0000000d}.items-grid>*:hover,.items-list>*:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}@media (max-width: 1024px){.items-grid{grid-template-columns:repeat(3,1fr)}.content-with-sidebar{flex-direction:column}.main-content{width:100%;padding:1rem}.items-list{max-width:80%;display:flex;flex-direction:column;overflow:hidden;word-wrap:break-word;gap:1rem;padding-left:1rem;padding-right:1rem}.items-list>*{overflow:hidden;word-wrap:break-word}}@media (max-width: 768px){.items-grid{grid-template-columns:repeat(1,1fr)}.content-with-sidebar{flex-direction:column}.filter-sidebar{max-width:100%;width:100%;margin-bottom:.5rem}}@media (max-width: 480px){.content-container .items-grid{grid-template-columns:1fr;gap:1rem}.items-grid>*,.items-list>*{padding:.8rem}.main-content,.filter-sidebar{padding:.5rem;border-radius:8px}.content-with-sidebar{padding:.3rem;gap:.5rem}.view-toggle-container select{width:100%;padding:.5rem;font-size:.9rem}}.filter-sidebar{font-family:"PT Serif",serif;font-size:1rem;color:#444;background-color:#fff;width:280px;padding:1.5rem 1.75rem;border-radius:12px;box-shadow:0 8px 20px #0000001a;display:flex;flex-direction:column;gap:2rem;position:sticky;top:1.5rem;height:max-content;-webkit-user-select:none;user-select:none;border:2px solid #e0e7f1;margin-top:.2rem}.filter-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 14px;background-color:#e6e6e7;font-weight:700;border-radius:8px}.filter-arrow{display:inline-block;transition:transform .3s ease}.filter-arrow.open{transform:rotate(180deg)}.filter-sidebar h3{margin:0 0 1rem;font-weight:700;font-size:1.1rem;color:#0798e6;border-bottom:2px solid #0798e6;padding-bottom:.3rem;letter-spacing:.03em}.filter-option{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;padding:.4rem .6rem;border-radius:6px;transition:background-color .3s ease;cursor:pointer}.filter-option:hover{background-color:#e6f0fc}.filter-option input[type=radio]{cursor:pointer;accent-color:#0798e6;flex-shrink:0;width:20px;height:20px;border-radius:50%;transition:accent-color .3s ease}.filter-option input[type=radio]:focus-visible{outline:2px solid #027ac9;outline-offset:3px}.filter-option label{flex-grow:1;-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:500}.filter-input{font-size:1.05rem;border:1.5px solid #e1d9cb;border-radius:8px;padding:.5rem 1rem;width:100%;background-color:#fff;box-shadow:inset 0 1px 3px #0000001a;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;margin:.5rem 0}.filter-input:focus{border-color:#0798e6;outline:none;box-shadow:0 0 8px #a0cdfb;background-color:#fff}.filter-apply-btn{font-family:"PT Serif",serif;font-weight:700;font-size:1rem;background:linear-gradient(135deg,#0798e6,#007acc);color:#fff;border:none;padding:.65rem 1.2rem;border-radius:10px;cursor:pointer;box-shadow:0 5px 15px #0798e680;width:100%;transition:background-color .3s ease,transform .15s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.filter-apply-btn:hover{background-color:#027ac9;box-shadow:0 7px 20px #027ac999}.filter-apply-btn:active{transform:scale(.96);box-shadow:0 4px 10px #027ac9cc}.filter-sidebar>div>button.filter-apply-btn{margin-top:1rem}@media (max-width: 1024px){.filter-sidebar{width:100%;padding:1rem 1.25rem;position:relative;top:auto;border-radius:12px;border:1px solid #e0e7f1;background-color:#fff;margin-top:.2rem}.filter-sidebar h3{border-bottom:1px solid #0798e6;margin-bottom:1rem}.filter-apply-btn{font-size:1rem;padding:.6rem 1rem}}@media (max-width: 768px){.filter-sidebar{width:100%;padding:1rem;border-radius:10px;position:relative;top:auto;border:1px solid #e0e7f1;background-color:#fff;margin-top:0}.filter-sidebar h3{border-bottom:none;color:#0798e6;margin-bottom:.8rem}.filter-option{flex-direction:row;gap:.75rem}.filter-option span{font-weight:500}.filter-input,.filter-apply-btn{width:100%}.filter-apply-btn{padding:.6rem 1rem;font-size:.95rem}}.borrow-button{background-color:#0798e6;color:#fff;font-weight:700;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;margin-top:16px;transition:background-color .2s ease-in-out;z-index:1000}.borrow-button:hover{background-color:#0056b3}.borrow-button:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.details-page-wrapper{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;padding:2rem;color:#333}.details-content-container{display:flex;flex-wrap:wrap;background:#fff;border-radius:1rem;box-shadow:0 4px 20px #0003;padding:2rem}.item-info-section{flex:1;display:flex;flex-direction:column;gap:1rem}.item-image-box{text-align:center}.item-image-box img{width:100%;max-width:400px;border-radius:1rem;object-fit:cover}.item-text-box{flex:1;width:100%;padding:1rem}.item-text-box h1{font-size:2rem;font-weight:700;color:#0798e6}.item-text-box p{font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;line-height:1.4;margin:0 0 8px}.owner-box{flex:1;min-width:250px;max-width:300px;background-color:#f4f4f4;padding:1.5rem;border-radius:1rem;border:1px solid #ddd;box-shadow:0 4px 20px #0000000d;height:fit-content;align-self:flex-start}.owner-box h3{margin-top:0;font-size:1.25rem}.owner-box p{margin:.25rem 0;font-size:.95rem}.latest-reviews-section{margin-top:3rem;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px #0003}.latest-reviews-section h2{margin-bottom:1rem}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-card{padding:1rem;border-left:4px solid #ddd;background:#f4f4f4;border-radius:.5rem;box-shadow:0 4px 20px #0000000d}.review-card p{margin:.3rem 0}@media (max-width: 768px){.details-content-container{flex-direction:column}.item-image-box,.owner-box,.item-text-box,.borrow-button{width:100%}}@media (max-width: 480px){.details-page-wrapper{padding:1rem}.details-content-container{padding:1rem;flex-direction:column;align-items:center}.item-image-box img{max-width:60%;height:auto}.item-text-box h1,.item-text-box p{font-size:1rem}.owner-box{width:100%;min-width:0;max-width:300px;padding:1rem;margin:1rem auto;align-self:center}.owner-box p,.owner-box h3{font-size:.9rem;text-align:center}.latest-reviews-section{padding:1rem}.review-card{padding:.8rem;font-size:.8rem}.item-text-box{flex:1;width:70%;padding:.2rem}.review-card h2{font-size:1.2rem;margin-bottom:.5rem}}.auth-container{max-width:400px;width:90%;min-height:350px;margin:60px auto;padding:30px 20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;font-family:"PT Serif",serif;transition:all .3s ease}.auth-container h2{text-align:center;margin-bottom:24px;font-size:24px;color:#333}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{font-weight:600;margin-bottom:4px;color:#444}.auth-form input{padding:12px;font-size:16px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .3s,box-shadow .3s}.auth-form input:focus{border-color:#0798e6;box-shadow:0 0 0 3px #0798e640}.auth-form button{padding:12px;background-color:#0798e6;color:#fff;font-size:16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s}.auth-form button:hover{background-color:#057dc0}.switch-text{text-align:center;margin-top:20px;font-size:14px;color:#666}.switch-btn{background:none;border:none;color:#0798e6;margin-left:5px;cursor:pointer;font-weight:700;font-size:14px}.switch-btn:hover{text-decoration:underline}.forgot-password{color:#0798e6;cursor:pointer;font-size:.9rem}@media (max-width: 480px){.auth-container{padding:24px 16px}.auth-container h2{font-size:20px}.auth-form input,.auth-form button{font-size:15px;padding:10px}}.add-item-form{max-width:600px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 10px 20px #0000001a}.add-item-form h2{text-align:center;margin-bottom:1.5rem;color:#333}.add-item-form input,.add-item-form select,.add-item-form textarea{width:100%;padding:10px;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}label{font-weight:600;margin-bottom:.5rem;display:block;color:#333}.add-item-form input[type=checkbox]{width:auto;margin-right:.5rem;transform:scale(1.3)}.upload-label{display:inline-block;padding:10px 20px;background-color:#7d8388;color:#fff;font-weight:500;border-radius:6px;cursor:pointer;margin-bottom:1rem;text-align:center;transition:background-color .3s ease}.upload-label:hover{background-color:#5a6268}.preview{margin-top:1rem;max-width:100%;height:auto;border-radius:10px;box-shadow:0 10px 20px #0000001a}.add-item-form button[type=submit]{width:100%;background-color:#007bff;color:#fff;padding:12px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer}.add-item-form button[type=submit]:hover{background-color:#0056b3}.custom-file-upload{margin:1rem;align-items:center;justify-content:center;display:flex}.upload-label{display:inline-block;padding:10px 20px;text-align:center;background-color:#007bff;color:#fff;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.upload-label:hover{background-color:#0056b3}.preview{margin-top:1rem;max-width:100%;height:auto;border-radius:10px;box-shadow:0 0 10px #0000001a}.checkbox-container{display:flex;align-items:center;margin-bottom:1rem}.checkbox-container input{width:50px;height:50px;accent-color:#007bff;cursor:pointer;margin-left:22rem}.preview-container{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.preview-box{position:relative}.preview{width:200px;height:200px;object-fit:cover;border-radius:10px;box-shadow:0 4px 10px #0003}.remove-button{position:absolute;top:-8px;right:-8px;background-color:#e74c3c;border:none;color:#fff;font-size:16px;border-radius:50%;cursor:pointer;width:25px;height:25px}.profile-container{display:flex;flex-direction:column;align-items:center;padding:2rem}.profile-info{padding:1.5rem;background-color:#f4f4f4;border-radius:1rem;border:1px solid #ddd;box-shadow:0 4px 20px #0000000d;text-align:center;margin-bottom:1rem}.profile-info p{color:#635757;font-weight:700;font-size:18px;border:none;padding:.3rem}.avatar{width:100px;height:100px;border-radius:50%;margin-bottom:1rem}.items-section{display:flex;justify-content:space-between;width:100%;gap:2rem;max-width:1000px;padding:1.5rem}.items-box{flex:1;background-color:#f9f9f9;padding:1rem;border-radius:10px;box-shadow:0 0 12px #0000000d}.items-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:1rem}.arrow{font-size:24px;display:inline-block;transition:transform .3s ease}.rotate{transform:rotate(180deg)}.items-section .items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:1rem}.edit-profile-button{display:none;background-color:#0798e6;color:#fff;border:none;padding:.4rem 1rem;margin:1rem 0;font-size:1rem;border-radius:6px;cursor:pointer;transition:background .3s ease}.edit-profile-button:hover{background-color:#024c71}@media (max-width: 600px){.profile-container{padding:1rem}.profile-info p{font-size:16px}.items-grid{grid-template-columns:1fr}.edit-profile-button{font-size:.95rem;padding:.4rem .8rem}.items-box{padding:.8rem}}@media (max-width: 480px){.avatar{width:80px;height:80px}.profile-info p{font-size:15px}.items-grid{grid-template-columns:1fr!important;gap:1rem}.items-header h3{font-size:1.1rem}.arrow{font-size:18px}.edit-profile-button{width:100%;font-size:1rem;padding:.5rem}.items-section{flex-direction:column}}.edit-profile-form{max-width:400px;margin:2rem auto;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:1rem}.edit-profile-form h3{text-align:center;margin-bottom:1rem}.edit-profile-form label{font-weight:700;margin-bottom:.3rem}.edit-profile-form input{padding:.9rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.edit-profile-form button{background-color:#007bff;color:#fff;border:none;padding:.8rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background .3s ease}.edit-profile-form button:hover{background-color:#0250a3}.edit-profile-form .error{color:red;font-size:.9rem;text-align:center}
