.stock-page{max-width:1440px;margin:0 auto;padding:0 24px 64px}.stock-filter-shell{position:relative;margin-bottom:20px}.stock-quick-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) 54px;gap:10px;align-items:end;background:#fff;border:1px solid #d9e0e8;border-radius:12px;padding:12px;box-shadow:0 4px 18px rgba(13,31,53,.06)}.stock-quick-bar label{min-width:0;margin:0}.stock-quick-bar label span{display:block;font-size:12px;font-weight:800;color:#526173;margin:0 0 4px}.stock-quick-bar select{width:100%;height:48px;min-width:0;margin:0;padding:0 34px 0 12px;border:1px solid #cbd5e1;border-radius:8px;background-color:#fff;color:#13253c;font-weight:700}.filter-funnel{position:relative;width:54px;height:48px;border:1px solid #bcc8d6;border-radius:8px;background:#fff;color:#13253c;display:grid;place-items:center;cursor:pointer}.filter-funnel svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.filter-funnel b{position:absolute;right:-6px;top:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:#e93446;color:#fff;font-size:11px;line-height:21px}.stock-filter-overlay{position:fixed;inset:0;z-index:1000;background:rgba(6,18,34,.55);opacity:0;transition:opacity .2s}.stock-filter-overlay.is-open{opacity:1}.stock-filter-drawer{position:fixed;z-index:1001;top:0;right:0;width:min(560px,94vw);height:100dvh;background:#f8fafc;box-shadow:-16px 0 45px rgba(0,0,0,.18);transform:translateX(105%);transition:transform .22s ease;display:flex;flex-direction:column;overflow:hidden}.stock-filter-drawer.is-open{transform:none}.stock-filter-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;background:#10233d;color:#fff}.stock-filter-drawer header small{color:#f14a58;font-weight:800;letter-spacing:.12em}.stock-filter-drawer header h2{margin:3px 0 0;color:#fff}.stock-filter-drawer header button{width:44px;height:44px;border:0;background:rgba(255,255,255,.12);border-radius:50%;color:#fff;font-size:28px;cursor:pointer}.stock-filter-drawer form{display:flex;flex:1;min-height:0;flex-direction:column}.filter-scroll{overflow:auto;padding:18px 18px 110px}.filter-keyword{display:block;font-weight:700;margin-bottom:14px}.filter-keyword input{margin-top:6px}.filter-error{padding:11px 12px;margin-bottom:12px;background:#fff0f1;border:1px solid #efabb2;color:#9f1d2c;border-radius:8px}.stock-filter-group{border:1px solid #d5dde6;background:#fff;border-radius:10px;margin-bottom:12px;overflow:hidden}.stock-filter-group summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:800;color:#172b45;display:flex;justify-content:space-between;align-items:center}.stock-filter-group summary::-webkit-details-marker{display:none}.stock-filter-group summary span{transition:transform .18s}.stock-filter-group[open] summary span{transform:rotate(180deg)}.stock-filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 16px 18px;border-top:1px solid #e4e9ef}.stock-filter-fields label{min-width:0;font-size:13px;font-weight:700;color:#415166}.stock-filter-fields input,.stock-filter-fields select{width:100%;height:45px;margin-top:5px;min-width:0}.filter-check-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.filter-check-grid label{display:flex;align-items:center;gap:8px;min-height:40px}.filter-check-grid input{width:18px;height:18px;margin:0}.filter-actions{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:13px 18px calc(13px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d7dee7;box-shadow:0 -8px 22px rgba(8,25,45,.08)}.filter-actions .btn{min-height:45px}.stock-filter-open{overflow:hidden}.stock-results{min-width:0}.stock-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.stock-toolbar form label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.stock-toolbar select{height:42px}.stock-list{display:grid;grid-template-columns:1fr;gap:14px}.stock-list-card{display:grid;grid-template-columns:minmax(240px,32%) minmax(0,1fr);min-height:230px;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:visible;box-shadow:0 4px 16px rgba(12,34,57,.055)}.stock-card-photo{position:relative;display:block;min-width:0;background:#edf1f5;border-radius:11px 0 0 11px;overflow:hidden}.stock-card-photo img{width:100%;height:100%;min-height:230px;display:block;object-fit:cover}.stock-card-photo>span{height:100%;min-height:230px;display:grid;place-items:center;color:#617085;font-weight:700}.stock-card-photo>b{position:absolute;left:8px;bottom:8px;background:rgba(8,25,45,.82);color:#fff;border-radius:12px;padding:4px 8px;font-size:11px}.stock-card-info{min-width:0;padding:15px 17px;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.58fr);grid-template-areas:"heading price" "specs port" "actions total" "note note";column-gap:18px;align-content:center}.stock-card-heading{grid-area:heading;min-width:0}.stock-card-heading a{text-decoration:none;color:#13253c}.stock-card-heading h2{font-size:20px;line-height:1.25;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stock-card-heading small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#69788a}.stock-card-specs{grid-area:specs;display:flex;flex-wrap:wrap;gap:5px 8px;margin:12px 0;color:#4c5c6e;font-size:13px}.stock-card-specs i{width:1px;height:15px;background:#ced6df}.stock-card-price{grid-area:price;display:flex;flex-direction:column;align-items:flex-end}.stock-card-price span{font-size:12px;color:#677589}.stock-card-price strong{font-size:21px;color:#e93446}.stock-card-port{grid-area:port;font-size:12px;font-weight:800;color:#46566a}.stock-card-port select{width:100%;height:42px;margin-top:4px;min-width:0}.stock-card-total{grid-area:total;align-self:center;margin:7px 0;color:#263c55;font-size:13px;font-weight:700;text-align:right}.stock-card-actions{grid-area:actions;display:flex;align-items:center;gap:8px;margin-top:8px}.stock-card-actions .btn{min-height:42px;padding:10px 14px}.stock-card-more{position:relative}.stock-card-more>summary{list-style:none;width:44px;height:42px;border:1px solid #c8d2dd;border-radius:7px;display:grid;place-items:center;cursor:pointer;font-weight:900}.stock-card-more>summary::-webkit-details-marker{display:none}.stock-card-more>div{position:absolute;left:0;top:48px;z-index:10;min-width:190px;background:#fff;border:1px solid #d6dee7;border-radius:8px;padding:5px;box-shadow:0 10px 28px rgba(0,0,0,.15)}.stock-card-more form{margin:0}.stock-card-more button{display:block;width:100%;padding:10px;border:0;background:#fff;text-align:left;color:#233952;cursor:pointer}.stock-estimate-note{grid-area:note;margin-top:9px;color:#728093}.stock-card-total strong{color:#e93446}
@media(min-width:1200px){.stock-list{grid-template-columns:1fr 1fr}.stock-list-card{grid-template-columns:34% minmax(0,1fr);min-height:245px}.stock-card-info{display:flex;flex-direction:column;padding:13px}.stock-card-price{align-items:flex-start;margin-top:7px}.stock-card-port{margin-top:7px}.stock-card-total{text-align:left;margin:5px 0}.stock-card-actions{margin-top:6px}.stock-card-photo img{min-height:245px}.details-button{display:none}}
@media(max-width:767px){.stock-page-title{padding-bottom:16px}.stock-page{padding:0 10px 42px}.stock-quick-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.85fr) 48px;gap:5px;padding:8px;border-radius:8px}.stock-quick-bar label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.stock-quick-bar select{height:45px;padding-left:8px;padding-right:23px;font-size:13px}.filter-funnel{width:48px;height:45px}.stock-filter-drawer{width:100vw}.stock-filter-drawer>header{padding:14px 16px}.filter-scroll{padding:12px 12px 105px}.stock-filter-fields{gap:9px;padding:11px}.filter-actions{grid-template-columns:1fr auto auto;padding-left:12px;padding-right:12px}.filter-actions span{font-size:12px}.stock-toolbar{margin-top:2px}.stock-toolbar form label{font-size:0}.stock-toolbar select{font-size:13px}.stock-list{gap:10px}.stock-list-card{grid-template-columns:38% minmax(0,62%);min-height:188px;border-radius:8px}.stock-card-photo{border-radius:7px 0 0 7px}.stock-card-photo img,.stock-card-photo>span{min-height:188px;height:100%}.stock-card-info{display:flex;flex-direction:column;padding:9px 9px 8px;min-height:188px}.stock-card-heading h2{font-size:15px;line-height:1.2;margin-bottom:2px}.stock-card-heading small{font-size:10px}.stock-card-specs{font-size:11px;gap:3px 5px;margin:6px 0}.stock-card-specs i{height:12px}.stock-card-price{align-items:flex-start;flex-direction:row;gap:5px;line-height:1.15}.stock-card-price strong{font-size:15px}.stock-card-port{margin-top:5px;font-size:10px}.stock-card-port select{height:35px;margin-top:2px;font-size:11px;padding:2px 22px 2px 5px}.stock-card-total{text-align:left;font-size:10px;margin:4px 0;line-height:1.25}.stock-card-actions{margin-top:auto;gap:5px}.stock-card-actions .btn{min-height:36px;padding:7px 9px;font-size:12px}.stock-card-actions .details-button{display:none}.stock-card-more>summary{width:38px;height:36px}.stock-card-more>div{left:auto;right:0;top:40px}.stock-estimate-note{display:none}.stock-card-photo>b{font-size:9px;left:5px;bottom:5px}.stock-card-photo>span{font-size:11px;text-align:center;padding:8px}}
@media(max-width:339px){.stock-page{padding-left:6px;padding-right:6px}.stock-quick-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.78fr) 44px}.filter-funnel{width:44px}.stock-list-card{grid-template-columns:38% minmax(0,62%)}.stock-card-info{padding:7px}.stock-card-heading h2{font-size:14px}.stock-card-actions .btn{padding:6px 7px}.filter-actions span{display:none}.filter-actions{grid-template-columns:1fr 1.3fr}}