.brand{min-height:744px;background-image:url(/assets/images/brand/bg.jpg);background-repeat:no-repeat;background-position:top;background-size:cover;padding-top:68px;padding-bottom:74px}.brand .container{width:min(90%,75rem);margin-inline:auto;text-align:center}.brand .container .brand-title{font-size:42px;color:var(--primary-clr);margin-bottom:8px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.brand .container .brand-subtitle{font-size:18px;color:hsla(0,0%,100%,.7);margin-bottom:40px;letter-spacing:1px}.brand .container .brand-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.brand .container .brand-list .brand-card{border:1px solid hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;cursor:pointer;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);transition:all .3s ease;display:flex;flex-direction:column;height:100%;position:relative;box-shadow:0 4px 15px rgba(0,0,0,.4)}.brand .container .brand-list .brand-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary-clr),transparent);opacity:0;transition:opacity .3s ease}.brand .container .brand-list .brand-card:hover:before{opacity:1}.brand .container .brand-list .brand-card:hover{transform:translateY(-6px);box-shadow:0 8px 25px rgba(0,0,0,.6),0 0 20px rgba(218,165,32,.15);border-color:rgba(218,165,32,.3)}.brand .container .brand-list .brand-card .brand-image-wrapper{padding:20px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);height:180px;display:flex;align-items:center;justify-content:center;position:relative}.brand .container .brand-list .brand-card .brand-image-wrapper:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(218,165,32,.4),transparent)}.brand .container .brand-list .brand-card .brand-name{height:56px;background:linear-gradient(180deg,#0f0f0f,#000);color:#e0e0e0;text-align:center;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 16px;text-transform:uppercase;letter-spacing:1.5px}.brand .container .brand-list .brand-card .brand-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.brand .container .brand-list .brand-card:hover .brand-name{background:linear-gradient(180deg,var(--primary-clr) 0,#b8960f 100%);color:#000}@media (max-width:1000px){.brand .container .brand-list{grid-template-columns:repeat(3,1fr)}.brand .container .brand-title{font-size:36px}}@media (max-width:768px){.brand .container .brand-list{grid-template-columns:repeat(2,1fr);gap:16px}.brand .container .brand-list .brand-card .brand-image-wrapper{height:150px;padding:16px}.brand .container .brand-list .brand-card .brand-name{height:50px;font-size:14px}.brand .container .brand-title{font-size:28px}.brand .container .brand-subtitle{font-size:16px}}@media (max-width:480px){.brand{padding-top:40px;padding-bottom:40px}.brand .container .brand-list{gap:12px}.brand .container .brand-list .brand-card .brand-image-wrapper{height:120px;padding:12px}.brand .container .brand-list .brand-card .brand-name{height:45px;font-size:12px;letter-spacing:1px}}.intro{min-height:400px;background-image:radial-gradient(circle,rgba(0,0,0,.5),rgba(0,0,0,.95)),url(/assets/images/intro/intro_bg.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;padding-block:60px}.intro .container{width:min(90%,75rem);margin-inline:auto;text-align:center}.intro .container .group{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.intro .container .group>*{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:2px solid var(--primary-clr);border-radius:4px;font-size:20px;font-weight:600;padding-block:14px;width:200px;color:var(--primary-clr);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:all .3s ease}.intro .container .group>:before{top:0}.intro .container .group>:after,.intro .container .group>:before{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary-clr),transparent)}.intro .container .group>:after{bottom:0}@media (max-width:768px){.intro{padding-block:50px;min-height:auto}.intro .container p{font-size:22px!important}.intro .container .group>*{font-size:16px;width:160px;padding-block:10px}}@media (max-width:480px){.intro .container p{font-size:18px!important}.intro .container .group{gap:12px}.intro .container .group>*{font-size:14px;width:100%;max-width:200px}}.search-section{background-color:#111;padding:28px 0}.search-section .container{width:min(90%,75rem);margin-inline:auto}.search-section .search-wrapper{display:flex;align-items:center;gap:20px;justify-content:center}.search-section .search-label{font-size:18px;color:var(--primary-clr);font-weight:600;white-space:nowrap}.search-section .search-input-container{position:relative;flex:1 1;max-width:650px}.search-section .search-input-box{display:flex;align-items:center;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.search-section .search-input{flex:1 1;border:none;outline:none;height:48px;padding:0 16px;font-size:16px;background:transparent;min-width:0}.search-section .search-input::placeholder{color:#999}.search-section .search-spinner{margin-right:12px}.search-section .search-btn{background-color:var(--primary-clr);border:none;color:#000;font-size:15px;font-weight:600;padding:0 24px;height:48px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:background-color .2s ease}.search-section .search-btn:hover{background-color:#c9a227}.search-section .search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;max-height:400px;overflow-y:auto}.search-section .search-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #eee}.search-section .search-item:hover{background-color:#f5f5f5}.search-section .search-item-icon{color:#999;font-size:14px}.search-section .search-item-content{flex:1 1;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}.search-section .search-item-title{color:#333;font-size:14px;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-section .search-item-price{color:var(--primary-clr);font-size:13px;font-weight:500;white-space:nowrap}.search-section .search-view-all{padding:12px 14px;text-align:center;color:var(--primary-clr);font-size:14px;cursor:pointer;font-weight:500}.search-section .search-view-all:hover{background-color:#fffbeb}@media (max-width:600px){.search-section .search-wrapper{flex-direction:column;gap:10px}.search-section .search-input-container{max-width:100%;width:100%}}