.l-search{max-width:1280px;margin:0 auto;padding:40px}@media(max-width:768px){.l-search{padding:40px 20px}}.p-search{margin:0 auto}.p-search__header{margin:0 auto 40px}.car-search-formsearch{display:grid;grid-template-columns:auto 1fr;gap:8px}#car-search-form .search__input{padding-inline-start:24px;padding-inline-end:90px}#car-search-form .search__submit{right:0;left:auto;padding:0 24px}.search__form{position:relative}.search__formArrow{position:absolute;top:50%;right:8px;transform:translateY(-50%);pointer-events:none;width:16px}.u-searching{margin:40px auto;text-align:center}.u-searching.u-searching--error{color:red}#search-results{margin-top:20px}.search-result-card{border:1px solid #ddd;padding:20px;margin-bottom:20px;display:flex;align-items:center}.search-result-card img{max-width:150px;height:auto;margin-right:20px}.search-result-info{display:flex;flex-direction:column}.search-result-info h3{margin:0 0 10px;font-size:20px}.search-result-info p{margin:0 0 5px}@media(max-width:768px){#car-search-form{flex-direction:column}#car-code-input{width:100%;margin:0 0 10px}#search-results{margin-top:10px}.search-result-card{flex-direction:column;text-align:center}.search-result-card img{max-width:100%;margin-bottom:15px}}.car-details{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(1,1fr);gap:40px}.car-detail{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;padding:40px 0;border-bottom:1px solid rgba(0,0,0,.12)}.car-details__inner{display:grid;grid-template-columns:240px 1fr;gap:20px}.car-details__imageWrapper{flex:1;width:100%;max-width:240px;margin:0 auto}.car-details__image{width:100%;height:auto;object-fit:cover}.car-details__contents{flex:3}.car-details__table{display:flex;flex-wrap:wrap;gap:0}.car-details__tableCell{flex:1 1 155px;border:solid .5px rgba(0,0,0,.12);display:grid;grid-template-columns:repeat(1,1fr);gap:0;padding:8px 16px}.car-details__tableHead{font-weight:700;font-size:12px;line-height:1.5;display:flex;justify-content:center;align-items:center;text-align:center;padding:0;margin:0;height:auto}.car-details__tableData{font-size:14px;line-height:1.5;color:#666;display:flex;justify-content:center;align-items:safe center;text-align:center;padding:0;height:auto;margin:0;max-height:60px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.car-details__tableData::-webkit-scrollbar{display:none}.car-details__relatedProducts.md\:mb-12{margin-bottom:0}.car-details__relatedProducts .card{width:100%}.car-details__relatedProducts .gap-y-16{row-gap:calc(8* var(--space-unit))}.search__input#car-ruibetsu,.search__input#car-katashiki{width:49.5%}.car-search-tabs__buttons{gap:10px;display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-bottom:20px}.collection-button,.tab-button{background:#f5f5f5;border:1px solid #ccc;padding:10px;cursor:pointer;border-radius:4px}.tab-button.active{background:#212b33;color:#fff;border-color:#212b33}.car-search-tabs__content .tab-content{display:none}.car-search-tabs__content .tab-content.active{display:block}.collection-buttons,.maker-buttons{gap:10px;display:grid;grid-template-columns:repeat(4,1fr);width:100%;text-align:center}.collection-buttons a{display:block;width:100%;height:100%}.vehicle-names-container{gap:10px;display:grid;grid-template-columns:repeat(5,1fr);width:100%}.vehicle-name-button{padding:10px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;display:inline-block}.vehicle-name-button:hover{background-color:#e0e0e0}.vehicle-name-button.active{background-color:#0073e6;color:#fff;border-color:#005bb5}.p-howto{margin-top:16px}.p-howto img{display:block;max-width:480px;margin:0}.p-tab-head{margin:0 auto 16px;padding:0 0 16px;border-bottom:solid 1px rgba(0,0,0,.12)}.p-tab-head__title{font-size:20px;line-height:1.4;margin:0 0 8px}.p-tab-head__text{font-size:16px;line-height:1.4;margin:0}.product-filter{margin-bottom:20px}.product-filter label{cursor:pointer}.product-filter .filter-checkbox{margin-right:10px}.car-details .card__media{position:relative;padding-top:100%}.car-details__filtersWrapper{width:100%;max-width:480px;display:grid;grid-template-columns:repeat(1,1fr);gap:8px;margin:0 auto}.car-details__filtersWrapper.grid-cols-2{gap:20px}.car-details__filtersWrapper label{font-size:16px;font-weight:700}.car-details__filters{width:100%;display:grid;grid-template-columns:repeat(1,1fr);gap:8px}.category-container:not(:has(>*:not(:empty))){display:none}.subcategory-container{width:100%;display:grid;grid-template-columns:repeat(1,1fr);gap:8px}.subsubcategory-container select{width:100%}@media(max-width:768px){.car-details__filtersWrapper.grid-cols-2{max-width:480px;display:grid;grid-template-columns:repeat(1,1fr);gap:20px}.car-details__inner{grid-template-columns:repeat(1,1fr);gap:20px}.car-details__imageWrapper{max-width:100%}#search-field{width:100%}.car-search-formsearch{grid-template-columns:repeat(1,1fr);gap:8px}#car-search-form .search__input{padding-inline-start:24px;padding-inline-end:48px}.search__input#car-ruibetsu{width:100%;margin-top:8px}.search__input#car-katashiki{width:100%}#car-search-form .search__submit{padding:0 16px;position:relative;top:auto;right:auto;width:100%;background:#212b33;color:#fff;height:40px;border-radius:40px;margin-top:8px}.collection-buttons,.maker-buttons{grid-template-columns:repeat(2,1fr);gap:4px}.car-search-tabs__buttons{grid-template-columns:repeat(1,1fr);gap:4px}.car-search-tabs__buttons .tab-button{width:100%}.vehicle-names-container{grid-template-columns:repeat(2,1fr);gap:4px}.car-details__filters,.subcategory-container{grid-template-columns:repeat(1,1fr)}}.car-details__tableData.is-truncated{-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}.car-details__showAllWrapper{text-align:center;margin-top:12px}.car-detail-modal[hidden]{display:none}.car-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.car-detail-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.car-detail-modal__dialog{position:relative;background:#fff;border-radius:12px;width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000040}.car-detail-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1)}.car-detail-modal__title{font-size:16px;font-weight:700;margin:0}.car-detail-modal__close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:#666;padding:0 4px;flex-shrink:0}.car-detail-modal__body{padding:8px 20px 20px;overflow-y:auto}.car-detail-modal__imageWrapper{text-align:center;padding:12px 0 4px}.car-detail-modal__image{max-width:60%;max-height:160px;width:auto;height:auto;object-fit:contain}.car-detail-modal__row{display:grid;grid-template-columns:minmax(110px,26%) 1fr auto;align-items:center;gap:4px 16px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}.car-detail-modal__label{font-size:13px;font-weight:700;color:#333}.car-detail-modal__value{font-size:14px;color:#555;word-break:break-word}@media(max-width:640px){.car-detail-modal__row{grid-template-columns:38% 1fr}.car-detail-modal__searchOne{grid-column:1 / -1;justify-self:start;margin-top:8px}}.car-detail-modal__allParts{text-align:center;padding:4px 0 14px}.car-detail-modal__searchOne{justify-self:end;flex-shrink:0;font-size:12px;line-height:1.4;color:rgb(var(--btn-bg-color));background:none;border:1px solid rgb(var(--btn-bg-color));border-radius:999px;padding:4px 14px;cursor:pointer;white-space:nowrap}.car-detail-modal__searchOne:hover{opacity:.7}.car-details__relatedProducts.is-sectioned{display:block}.parts-section{margin-bottom:32px}.parts-section__title{font-size:16px;font-weight:700;margin:0 0 12px;padding-bottom:6px;border-bottom:2px solid rgb(var(--btn-bg-color))}.centered{text-align:center;margin:40px auto}.car-detail select{width:100%}
/*# sourceMappingURL=/cdn/shop/t/35/assets/car-search.css.map */