/* Doruk ürün listeleme sayfası */
.doruk-product-listing { background: #fff; color: #20272d; }
body:not(.homepage) .doruk-site-header { position: relative !important; top: auto !important; left: auto !important; }
.doruk-product-listing__main { padding: 42px 0 82px; }
.doruk-product-listing a, .doruk-product-listing a:hover, .doruk-product-listing a:focus { text-decoration: none !important; }
.doruk-product-listing__heading { position: relative; top: auto; left: auto; z-index: auto; width: auto; margin-bottom: 24px; }
.doruk-product-listing__heading h1 { margin: 0 0 9px; color: #222a31; font-size: 34px; font-weight: 800; letter-spacing: -.035em; line-height: 1.08; }
.doruk-product-listing__heading p { max-width: 790px; margin: 0; color: #68727a; font-size: 14px; line-height: 1.55; }
.doruk-product-listing__categories { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 17px; padding: 12px; border: 1px solid #e7ecef; border-radius: 10px; background: #fff; box-shadow: 0 3px 12px rgba(29,43,53,.05); }
.doruk-product-category-pill { min-height: 39px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #e4e9ec; border-radius: 5px; background: #f8fafb; color: #3e474e !important; font-size: 11px; font-weight: 800; line-height: 1; white-space: nowrap; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.doruk-product-category-pill i { color: #00adef; font-size: 13px; }
.doruk-product-category-pill:hover, .doruk-product-category-pill:focus, .doruk-product-category-pill:active, .doruk-product-category-pill.is-active { border-color: #00adef; background: #00adef; color: #fff !important; font-size: 11px !important; }
.doruk-product-category-pill:hover i, .doruk-product-category-pill:focus i, .doruk-product-category-pill.is-active i { color: #fff; }
.doruk-product-listing__filters { display: grid; grid-template-columns: 1.45fr repeat(3,1fr) auto; align-items: end; gap: 12px; margin-bottom: 20px; padding: 14px; border: 1px solid #e7ecef; border-radius: 10px; background: #fff; box-shadow: 0 3px 12px rgba(29,43,53,.045); }
.doruk-product-listing__filters label { min-width: 0; margin: 0; position: relative; }
.doruk-product-listing__filters label > span { position: absolute; top: 5px; left: 13px; z-index: 1; color: #7b858c; font-size: 9px; font-weight: 800; letter-spacing: .02em; }
.doruk-product-listing__filters select, .doruk-product-search input { width: 100%; height: 46px; padding: 17px 34px 4px 13px; border: 1px solid #e2e7ea; border-radius: 6px; outline: none; background: #fff; color: #354049; font-family: inherit; font-size: 12px; font-weight: 700; }
.doruk-product-listing__filters select:disabled { cursor: default; color: #58636b; opacity: 1; }
.doruk-product-search { display: block; }
.doruk-product-search i { position: absolute; top: 15px; left: 13px; z-index: 1; color: #63707a; font-size: 15px; }
.doruk-product-search input { padding: 0 13px 0 37px; font-weight: 500; }
.doruk-product-search input:focus, .doruk-product-listing__filters select:focus { border-color: #00adef; box-shadow: 0 0 0 3px rgba(0,173,239,.12); }
.doruk-product-listing__filters strong { padding: 0 8px 11px; color: #68737b; font-size: 13px; white-space: nowrap; }
.doruk-product-listing__result { min-height: 20px; margin: -9px 0 9px; color: #0096cf; font-size: 12px; font-weight: 700; }
.doruk-product-listing__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.doruk-product-card { min-width: 0; overflow: hidden; border: 1px solid #e5eaed; border-radius: 9px; background: #fff; box-shadow: 0 3px 12px rgba(28,42,51,.04); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.doruk-product-card:hover { border-color: #00adef; box-shadow: 0 12px 25px rgba(19,53,72,.11); transform: translateY(-3px); }
.doruk-product-card__image { height: 190px; padding: 14px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(145deg,#f4f6f7,#fff); }
.doruk-product-card__image img { width: 100%; height: 100%; display: block; object-fit: contain; transition: transform .25s ease; }
.doruk-product-card:hover .doruk-product-card__image img { transform: scale(1.045); }
.doruk-product-card__body { min-height: 197px; padding: 16px 15px 14px; display: flex; flex-direction: column; }
.doruk-product-card h2 { margin: 0 0 7px; font-size: 17px; font-weight: 800; letter-spacing: -.025em; line-height: 1.18; }
.doruk-product-card h2 a { color: #29333b; }
.doruk-product-card h2 a:hover { color: #00adef; }
.doruk-product-card p { min-height: 38px; margin: 0 0 12px; color: #69747c; font-size: 11px; line-height: 1.45; }
.doruk-product-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 13px; }
.doruk-product-card__tags span { padding: 5px 7px; border-radius: 4px; background: #f3f6f7; color: #68737a; font-size: 9px; font-weight: 800; line-height: 1; text-transform: uppercase; }
.doruk-product-card__link, .doruk-product-card__link:hover, .doruk-product-card__link:focus, .doruk-product-card__link:active { margin-top: auto; color: #00adef !important; font-size: 12px !important; font-weight: 800; }
.doruk-product-card__link b { margin-left: 7px; font-size: 16px; line-height: 0; }
.doruk-product-listing__empty { margin-top: 15px; padding: 24px; border: 1px dashed #cfd9de; border-radius: 8px; color: #66727a; text-align: center; }
.doruk-product-listing__categories-mobile { display: none; }
@media (max-width:1199px) { .doruk-product-listing__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .doruk-product-listing__filters { grid-template-columns:repeat(2,minmax(0,1fr)); } .doruk-product-listing__filters strong { padding-bottom:4px; } }
@media (max-width:767px) { .doruk-product-listing__main { padding:30px 0 52px; } .doruk-product-listing__heading h1 { font-size:28px; } .doruk-product-listing__categories--desktop { display:none; } .doruk-product-listing__categories-mobile { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:8px; margin-bottom:17px; padding:10px; border:1px solid #e7ecef; border-radius:10px; background:#fff; box-shadow:0 3px 12px rgba(29,43,53,.05); } .doruk-product-category-all { min-height:40px; padding:0 10px; display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid #dce6e9; border-radius:6px; background:#f8fafb; color:#3e474e !important; font-size:11px; font-weight:800; text-decoration:none !important; white-space:nowrap; } .doruk-product-category-all i { color:#00adef; font-size:13px; } .doruk-product-category-all:hover, .doruk-product-category-all:focus { border-color:#00adef; color:#009bd7 !important; } .doruk-product-category-select { min-width:0; margin:0; position:relative; } .doruk-product-category-select:after { position:absolute; top:50%; right:13px; transform:translateY(-50%); color:#00adef; font-family:FontAwesome; font-size:12px; content:"\\f078"; pointer-events:none; } .doruk-product-category-select select { width:100%; height:40px; padding:0 30px 0 12px; border:1px solid #dce6e9; border-radius:6px; outline:0; appearance:none; -webkit-appearance:none; background:#fff; color:#3e474e; font-family:inherit; font-size:11px; font-weight:800; text-overflow:ellipsis; } .doruk-product-category-select select:focus { border-color:#00adef; box-shadow:0 0 0 3px rgba(0,173,239,.12); } .doruk-product-listing__filters { grid-template-columns:1fr; gap:9px; } .doruk-product-listing__filters strong { padding:5px 0 0; } .doruk-product-listing__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .doruk-product-card__image { height:135px; padding:9px; } .doruk-product-card__body { min-height:184px; padding:13px 11px 12px; } .doruk-product-card h2 { font-size:14px; } .doruk-product-card p { font-size:10px; } }
@media (max-width:460px) { .doruk-product-listing__grid { grid-template-columns:1fr; } .doruk-product-card__image { height:180px; } }
@media (max-width:767px) { .doruk-product-category-all, .doruk-product-category-all:hover, .doruk-product-category-all:focus, .doruk-product-category-all:active { font-size:11px !important; line-height:1; } .doruk-product-category-select:after { color:#fff; content:"\f078"; } .doruk-product-category-select select { border-color:#009bd7; background:#009bd7; color:#fff; } .doruk-product-category-select select:focus { border-color:#0089bf; box-shadow:0 0 0 3px rgba(0,173,239,.2); } }