.view-toggle{border:1px solid #e2e8f0;border-radius:.375rem;overflow:hidden}.view-toggle,.view-toggle-btn{display:flex;align-items:center}.view-toggle-btn{justify-content:center;width:2.25rem;height:2.25rem;background:#fff;border:none;color:#94a3b8;cursor:pointer;transition:all .15s}.view-toggle-btn:not(:last-child){border-right:1px solid #e2e8f0}.view-toggle-btn:hover{background:#f8fafc;color:#475569}.view-toggle-btn.active{background:var(--blue-800);color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.catalog-list{display:flex;flex-direction:column;gap:.5rem}.product-list-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:box-shadow .2s,border-color .2s}.product-list-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.05);border-color:#cbd5e1}.product-list-item.selected{border-color:var(--orange-600);box-shadow:0 0 0 2px var(--orange-600)}.product-list-item-thumb{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:.375rem;background:#f8fafc;border:1px solid #f1f5f9;flex-shrink:0;overflow:hidden;padding:.25rem}.product-list-item.selected .product-list-item-thumb{border-color:var(--orange-200)}.product-list-item-no-img{font-size:.625rem;color:#cbd5e1;text-align:center}.product-list-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.product-list-item-top{display:flex;align-items:flex-start;gap:.625rem;min-width:0;flex-wrap:wrap}.product-list-item-top h3{font-size:.875rem;font-weight:600;color:#1e293b;line-height:1.3;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.product-list-item-top h3 a{display:inline}.product-list-item-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.product-list-item-meta .code-label{font-size:.6875rem;color:#94a3b8;font-family:ui-monospace,monospace}@media (max-width:640px){.product-list-item{flex-wrap:wrap;gap:.5rem}.product-list-item-top{flex-direction:column;gap:.125rem}}.product-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden;transition:box-shadow .2s,border-color .2s}.product-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:#cbd5e1}.product-card.selected{border-color:var(--orange-600);box-shadow:0 0 0 2px var(--orange-600)}.product-card-image{position:relative;width:100%;aspect-ratio:4/3;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;padding:.75rem}.product-card-body{flex:1;display:flex;flex-direction:column;padding:.875rem 1rem;gap:.25rem}.product-card-body h3{font-size:.875rem;font-weight:600;color:#1e293b;line-height:1.3}.product-card-body .category-label{font-size:.75rem;color:#64748b}.product-card-body .code-label{font-size:.6875rem;color:#94a3b8;font-family:ui-monospace,monospace}.brand-chip{display:inline-block;align-self:flex-start;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--orange-700);background:var(--orange-50);border:1px solid var(--orange-200);border-radius:.25rem;line-height:1.2}.impa-overflow{color:#b0b8c4;font-style:italic}.product-card-footer{padding:.5rem 1rem .875rem}.product-select-btn{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;transition:color .15s;background:none;border:none;padding:0}.product-select-btn:hover{color:var(--orange-600)}.product-select-btn.active{color:var(--orange-600);font-weight:600}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.25rem;margin:-.25rem}.filter-chip{padding:.375rem .875rem;border-radius:9999px;font-size:.8125rem;font-weight:500;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-chip:hover{border-color:#cbd5e1;background:#f8fafc}.filter-chip.active{background:var(--orange-600);color:#fff;border-color:var(--orange-600)}.filter-chip-featured{display:inline-flex;align-items:center;gap:.375rem;background:#fff;border-color:var(--orange-300);color:var(--orange-600);font-weight:600}.filter-chip-featured:hover{background:var(--orange-50);border-color:var(--orange-400);color:var(--orange-700)}.filter-chip-featured.active{background:var(--orange-600);color:#fff;border-color:var(--orange-600)}.filter-chip-featured.active:hover{background:var(--orange-700);border-color:var(--orange-700);color:#fff}.filter-chip-brand{background:#fff;border-color:var(--blue-300);color:var(--blue-700);font-weight:500}.filter-chip-brand:hover{background:var(--blue-100);border-color:var(--blue-400);color:var(--blue-800)}.filter-chip-brand.active{background:var(--blue-800);color:#fff;border-color:var(--blue-800)}.filter-chip-brand.active:hover{background:var(--blue-700);border-color:var(--blue-700);color:#fff}.filter-chip-group-trigger{display:inline-flex;align-items:center;gap:.25rem;background:#fff;border-color:var(--blue-300);color:var(--blue-800);font-weight:600}.filter-chip-group-trigger:hover{background:var(--blue-100);border-color:var(--blue-400);color:var(--blue-900)}.filter-chip-group-trigger.active{background:var(--blue-800);border-color:var(--blue-800);color:#fff}.filter-chip-group-trigger.active:hover{background:var(--blue-700);border-color:var(--blue-700);color:#fff}.filter-chip-impa{background:var(--cat-bg);border-color:var(--cat-border);color:var(--cat-text)}.filter-chip-impa:hover{background:var(--cat-bg-hover);border-color:var(--cat-border)}.filter-chip-impa.active{background:var(--cat-active-bg);border-color:var(--cat-active-bg);color:var(--cat-active-text)}.inquiry-panel{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 24px rgba(0,0,0,.08);transition:transform .3s cubic-bezier(.4,0,.2,1)}.inquiry-panel.hidden{transform:translateY(100%)}.inquiry-panel-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem;background:var(--orange-600);color:#fff;border:none;cursor:pointer;transition:background .15s}.inquiry-panel-bar:hover{background:#d97706}.inquiry-panel-bar-left{display:flex;align-items:center;gap:.5rem}.inquiry-panel-bar-title{font-size:.875rem;font-weight:600}.inquiry-panel-bar-badge{font-size:.75rem;font-weight:500;opacity:.8;padding-left:.25rem}.inquiry-panel-bar-right{display:flex;align-items:center;gap:.75rem}.inquiry-panel-bar-hint{font-size:.75rem;opacity:.7}.inquiry-panel-content{max-height:35vh;overflow-y:auto;background:#fff}.inquiry-panel-items{padding:.25rem 1rem;display:flex;flex-direction:column;max-height:9rem;overflow-y:auto;scrollbar-gutter:stable}.inquiry-item-wrapper{padding:.3rem 0;border-bottom:1px solid #f1f5f9}.inquiry-item-wrapper:last-child{border-bottom:none}.inquiry-item{display:flex;align-items:center;gap:.5rem}.inquiry-item-notes{width:100%;margin-top:.2rem;padding:.2rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;font-size:.7rem;color:#475569;transition:border-color .15s}.inquiry-item-notes::-moz-placeholder{color:#94a3b8}.inquiry-item-notes::placeholder{color:#94a3b8}.inquiry-item-notes:focus{outline:none;border-color:var(--orange-600);box-shadow:0 0 0 2px rgba(12,74,110,.1)}.inquiry-item-info{flex:1;min-width:0}.inquiry-item-info h4{font-size:.8125rem;font-weight:600;color:#1e293b;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inquiry-item-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.inquiry-item-remove{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.25rem;border:none;background:none;color:#94a3b8;cursor:pointer;transition:color .15s,background .15s}.inquiry-item-remove:hover{color:#dc2626;background:#fef2f2}.inquiry-panel-actions{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-top:1px solid #e2e8f0;background:#f8fafc}.inquiry-btn-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;background:var(--orange-600);color:#fff;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.inquiry-btn-primary:hover{background:#d97706}.inquiry-btn-primary:disabled{opacity:.5;cursor:not-allowed}.inquiry-btn-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;color:#475569;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .1s,border-color .1s}.inquiry-btn-secondary:hover{background:#f8fafc;border-color:#9ca3af}.inquiry-panel-email-shortcut{padding:.75rem 1rem 0}.inquiry-email-row{display:flex;align-items:stretch;border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden;transition:border-color .15s ease}.inquiry-email-row:focus-within,.inquiry-email-row:hover{border-color:#111827}.inquiry-email-link{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#111827;text-decoration:none}.inquiry-email-link:hover{background:#f9fafb}.inquiry-email-copy{display:flex;align-items:center;justify-content:center;padding:0 .75rem;border:none;border-left:1px solid #d1d5db;background:transparent;color:#4b5563;cursor:pointer;transition:background-color .15s ease,color .15s ease}.inquiry-email-copy:hover{background:#f9fafb;color:#111827}.inquiry-email-icon{width:1rem;height:1rem}.inquiry-email-icon-check{color:#16a34a}.inquiry-email-hint{font-size:.75rem;color:#6b7280;text-align:center;margin-top:.5rem}.inquiry-panel-form{padding:.5rem 1rem}.inquiry-form-items-summary{border-top:1px solid #e2e8f0;padding:.4rem 1rem}.inquiry-form-items-header{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.375rem}.inquiry-form-item-row{padding:.3rem 0;border-bottom:1px solid #f1f5f9}.inquiry-form-item-row:last-child{border-bottom:none}.inquiry-form-item-row-main{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.inquiry-form-item-name{font-size:.8125rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.inquiry-form-item-qty{font-size:.75rem;font-weight:500;color:#64748b;flex-shrink:0}.inquiry-form-item-notes{font-size:.6875rem;color:#94a3b8;font-style:italic;margin-top:.125rem}.inquiry-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem .75rem}.inquiry-form-col-wide{grid-column:1/-1}.inquiry-form label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:.125rem}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;padding:.4rem .625rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#1e293b;transition:border-color .15s}.inquiry-form input:focus,.inquiry-form textarea:focus{outline:none;border-color:var(--orange-600);box-shadow:0 0 0 2px rgba(12,74,110,.15)}.inquiry-form .field-error{font-size:.6875rem;color:#dc2626;margin-top:.125rem}.qty-control{display:inline-flex;align-items:center;border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden}.qty-control button{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:none;cursor:pointer;font-size:.875rem;color:#475569;transition:background .1s}.qty-control button:hover{background:#e2e8f0}.qty-control input{width:2rem;height:1.5rem;text-align:center;border:1px solid #d1d5db;border-top:none;border-bottom:none;font-size:.75rem;color:#1e293b;padding:0}.qty-control input:focus{outline:none}.inquiry-panel-success{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem}.inquiry-panel-success-icon{width:2.25rem;height:2.25rem;border-radius:9999px;background:#059669;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inquiry-panel-success-title{font-size:.875rem;font-weight:600;color:#1e293b}.inquiry-panel-success-ref{font-size:.75rem;color:#64748b;font-family:ui-monospace,monospace}.inquiry-panel-success-msg{font-size:.75rem;color:#94a3b8}@media (max-width:640px){.inquiry-form-grid{grid-template-columns:1fr}.inquiry-panel-content{max-height:40vh}}.catalog-page-wrapper{padding-bottom:4rem}.homepage-catalog-section{padding:3rem 0 2rem;border-top:1px solid #e2e8f0}.homepage-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.homepage-catalog-full-link{font-size:.875rem;font-weight:500;color:var(--orange-600);white-space:nowrap}.homepage-catalog-full-link:hover{text-decoration:underline}.homepage-catalog-filters-wrap{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.homepage-catalog-filters{flex:1;min-width:0;display:flex;gap:.5rem;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.25rem;margin:-.25rem 0;scroll-behavior:smooth;position:relative}.homepage-catalog-filters::-webkit-scrollbar{display:none}.filter-scroll-arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9999px;background:white;border:1px solid #e5e7eb;color:#4b5563;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:background-color .15s ease,color .15s ease,transform .15s ease}.filter-scroll-arrow:hover{background:#f9fafb;color:#111827;transform:scale(1.05)}.filter-scroll-arrow:active{transform:scale(.95)}.filter-scroll-arrow:disabled{opacity:.35;cursor:default}.filter-scroll-arrow:disabled,.filter-scroll-arrow:disabled:hover{background:white;color:#4b5563;transform:none}.homepage-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.homepage-catalog-footer{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.homepage-catalog-footer .showing-text{font-size:.8125rem;color:#64748b}.homepage-catalog-footer .show-more-btn{padding:.5rem 1.5rem;border:1px solid var(--orange-600);border-radius:.375rem;font-size:.875rem;font-weight:600;color:var(--orange-600);background:#fff;cursor:pointer;transition:background .15s,color .15s}.homepage-catalog-footer .show-more-btn:hover{background:var(--orange-600);color:#fff}.homepage-catalog-footer a{font-size:.875rem;font-weight:500;color:var(--orange-600)}.homepage-catalog-footer a:hover{text-decoration:underline}@media (max-width:640px){.homepage-catalog-grid{grid-template-columns:1fr}.homepage-catalog-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem}}.vessel-stack{position:relative}.category-container-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;list-style:none;padding:0;margin:0}@media (min-width:640px){.category-container-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-container-grid>li:first-child{grid-column-start:var(--start-sm,1)}}@media (min-width:1024px){.category-container-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-container-grid>li:first-child{grid-column-start:var(--start-lg,1)}}@media (min-width:1280px){.category-container-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.category-container-grid>li:first-child{grid-column-start:var(--start-xl,1)}}.container-card{--c-accent:var(--blue-600,#195eff);--c-accent-soft:var(--blue-50,#eff6ff);position:relative;display:flex;flex-direction:column;width:100%;min-height:76px;padding:.75rem .625rem .5rem;background:#ffffff;background-image:repeating-linear-gradient(90deg,rgba(15,23,42,.035) 0,rgba(15,23,42,.035) 1px,transparent 0,transparent 6px);border:1px solid var(--c-accent);border-radius:3px;box-shadow:1px 1px 0 0 rgba(15,23,42,.06),2px 2px 0 0 rgba(15,23,42,.04);overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.container-card[data-accent=orange]{--c-accent:var(--orange-600,#ea580c);--c-accent-soft:var(--orange-50,#fff7ed)}.container-card:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 0 rgba(15,23,42,.08),4px 4px 0 0 rgba(15,23,42,.05);background-color:var(--c-accent-soft)}.container-card:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--c-accent),1px 1px 0 0 rgba(15,23,42,.06)}.container-lid{position:absolute;top:0;left:0;right:0;height:4px;background:var(--c-accent)}.container-lid:after,.container-lid:before{content:"";position:absolute;top:0;width:6px;height:4px;background:#fff}.container-lid:before{left:0}.container-lid:after{right:0}.container-serial-row{display:flex;align-items:center;justify-content:space-between;gap:.375rem;margin-top:.125rem;margin-bottom:.25rem}.container-serial-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5625rem;letter-spacing:.1em;font-weight:600;color:var(--c-accent);text-transform:uppercase}.container-serial-dot{opacity:.55}.container-name{flex:1;font-size:.75rem;font-weight:700;line-height:1.2;color:#0f172a;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.container-arrow{width:.75rem;height:.75rem;flex-shrink:0;color:var(--c-accent);opacity:.35;transform:translate(-1px,1px);transition:opacity .2s,transform .2s}.container-card:hover .container-arrow{opacity:1;transform:translate(0)}.vessel-hull{position:relative;margin-top:-2px;height:36px;width:100%;background:var(--blue-800,#1e40af);clip-path:polygon(0 0,100% 0,97% 60%,92% 100%,8% 100%,3% 60%);box-shadow:0 1px 0 rgba(15,23,42,.06)}.vessel-bridge{position:absolute;top:-10px;right:6%;width:28px;height:12px;background:#ffffff;border:1px solid var(--blue-800,#1e40af);border-bottom:none;border-radius:2px 2px 0 0}.vessel-bridge:after{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%);width:6px;height:4px;background:var(--orange-600,#ea580c);border-radius:1px}.vessel-portholes{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(18px,6vw,48px);padding:0 14%;pointer-events:none}.vessel-portholes>span{width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(15,23,42,.3)}.vessel-waterline{position:absolute;left:-2%;right:-2%;bottom:-6px;height:2px;background:linear-gradient(90deg,transparent 0,rgba(25,94,255,.35) 10%,rgba(25,94,255,.35) 90%,transparent)}@media (max-width:640px){.vessel-bridge{right:8%;width:22px;height:10px;top:-8px}.vessel-hull{height:28px}}