.drive-classifieds { background:var(--drive-ui-page,var(--drive-ui-surface)); color:var(--drive-ui-text); padding-block:clamp(1.5rem,4vw,3.5rem); }
.drive-classifieds > .drive-container { max-inline-size:1180px; }
.drive-classified-intro { max-inline-size:780px; padding-block:1rem; }
.drive-ma-site .site .drive-classifieds h1 { color:var(--drive-ui-heading); font-size:clamp(1.8rem,3.5vw,2.8rem) !important; line-height:1.2 !important; margin:1rem 0 !important; }
.drive-ma-site .site .drive-classifieds h2 { color:var(--drive-ui-heading); font-size:1.4rem !important; line-height:1.4 !important; margin:.5rem 0 1rem !important; }
.drive-classifieds p,.drive-classifieds li { line-height:1.75; max-inline-size:75ch; }
.drive-classified-intro ol { padding-inline-start:1.35rem; margin-block:1.5rem; }
.drive-classified-intro li { padding-inline-start:.3rem; margin-block:.5rem; }
.drive-classified-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:1.5rem; margin-block-end:1.8rem; }
.drive-classified-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.8rem 1.2rem; margin-block:1.2rem; }
.drive-classified-actions a:not(.drive-classified-button) { padding-block:.7rem; }
.drive-classified-button { display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.5rem; min-block-size:46px; padding:.8rem 1.1rem; background:var(--drive-action,#2960c5); color:#fff !important; border:1px solid var(--drive-action,#2960c5); border-radius:6px; line-height:1.4; font:inherit; font-weight:700; text-align:center; text-decoration:none; cursor:pointer; }
.drive-classified-button:hover { background:var(--drive-action-hover,#1e47a2); }
.drive-classified-button:active { background:var(--drive-action-pressed,#173575); }
.drive-classified-button.is-secondary { background:var(--drive-ui-surface); border-color:var(--drive-ui-border); color:var(--drive-ui-link) !important; }
.drive-classified-button.is-secondary:hover { background:var(--drive-ui-info-bg); border-color:var(--drive-ui-link); }
.drive-classifieds :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid var(--drive-ui-link); outline-offset:3px; }
.drive-classified-form { display:grid; gap:1.5rem; }
.drive-classified-form fieldset,.drive-classified-panel { min-inline-size:0; background:var(--drive-ui-surface); color:var(--drive-ui-text); border:1px solid var(--drive-ui-border); border-radius:10px; padding:clamp(1rem,2.5vw,2rem); margin:0; }
.drive-classified-form legend { font-weight:700; font-size:1.2rem; color:var(--drive-ui-heading); padding-inline:.5rem; }
.drive-classified-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.25rem; }
.drive-classified-form label { display:grid; gap:.5rem; line-height:1.5; margin-block:0 1rem; font-weight:600; min-inline-size:0; }
.drive-classified-form :is(input:not([type="checkbox"]),select,textarea) { box-sizing:border-box; inline-size:100%; min-inline-size:0; min-block-size:46px; max-inline-size:100%; padding:.7rem .8rem; border:1px solid var(--drive-ui-border); border-radius:6px; background:var(--drive-ui-input-bg,var(--drive-ui-surface)); color:var(--drive-ui-text); font:inherit; font-weight:400; }
.drive-classified-form textarea { min-block-size:150px; resize:vertical; }
.drive-classified-form small { font-size:.85rem; font-weight:400; color:var(--drive-ui-muted); line-height:1.65; }
.drive-classified-form input[type="file"] { font-size:.9rem; padding:.7rem; }
.drive-classified-form .drive-classified-check { display:flex; align-items:flex-start; gap:.7rem; font-weight:400; margin-block:.75rem; }
.drive-classified-check input[type="checkbox"] { flex:0 0 20px; inline-size:20px; block-size:20px; margin-block-start:.2rem; }
.drive-classified-equipment { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.25rem 1rem; }
.drive-classified-form details { padding-block:.8rem; border-block-start:1px solid var(--drive-ui-border); }
.drive-classified-form summary { cursor:pointer; font-weight:700; color:var(--drive-ui-heading); min-block-size:32px; }
.drive-classified-notice { padding:1rem; border:1px solid var(--drive-ui-info-border); border-inline-start:4px solid var(--drive-action); background:var(--drive-ui-info-bg); color:var(--drive-ui-info-text); border-radius:6px; margin-block:1rem; line-height:1.65; }
.drive-classified-notice.is-error { border-inline-start-color:#d33b32; color:var(--drive-ui-text); background:var(--drive-ui-surface); }
.drive-classified-list { display:grid; gap:1.25rem; }
.drive-classified-status { display:inline-block; padding:.3rem .65rem; border:1px solid var(--drive-ui-border); border-radius:5px; background:var(--drive-ui-info-bg); color:var(--drive-ui-info-text); font-weight:650; font-size:.9rem; }
.drive-classified-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.drive-classified-photo-grid img { inline-size:100%; block-size:150px; object-fit:contain; border:1px solid var(--drive-ui-border); border-radius:6px; }
.drive-classified-detail { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); align-items:start; gap:1.5rem; }
.drive-classified-detail article { min-inline-size:0; }
.drive-classified-gallery { display:grid; gap:1rem; margin-block-end:1.5rem; }
.drive-classified-gallery img { display:block; inline-size:100%; block-size:auto; max-block-size:650px; object-fit:contain; background:var(--drive-ui-surface-soft); border:1px solid var(--drive-ui-border); border-radius:8px; }
.drive-classified-detail dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.drive-classified-detail dt { color:var(--drive-ui-muted); font-size:.9rem; }
.drive-classified-detail dd { margin:0; font-weight:650; }
.drive-classified-price { display:block; color:var(--drive-ui-heading); font-size:clamp(1.8rem,4vw,2.7rem); }
.drive-classified-description { white-space:normal; overflow-wrap:anywhere; }
@media(max-width:780px) { .drive-classified-detail { grid-template-columns:1fr; } .drive-classified-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .drive-classified-heading { display:block; } .drive-classified-fields,.drive-classified-equipment { grid-template-columns:1fr; } .drive-classified-actions { align-items:stretch; flex-direction:column; } .drive-classified-actions > :is(a,button) { inline-size:100%; box-sizing:border-box; } }