/*
 * BestPazar vitrin stilleri — PROD (2026-10-01): kullanıcı talebi "render edilen
 * sayfalarda her şey iç içe, JS/CSS dosyalara bölünmeliydi". Önceden
 * layouts/storefront.blade.php içinde satır içi <style> olarak HER sayfada
 * yeniden gönderiliyordu (~26 KB); artık tarayıcı önbelleğinden gelir.
 * Önbellek kırma: ?v=<dosya değişim zamanı> (bkz. App\Support\Assets).
 */
:root {
    /* PROD TASARIM (2026-09-30): Kullanıcı talebi — "siyah zeminli
       etkileşim istemiyorum, daha soft olmalı, Etsy gibi". Koyu
       zeminler (topbar, kategori barı, footer) kaldırıldı; sıcak,
       açık tonlar + yumuşak köşeler. --dark artık zemin değil sadece
       yazı rengi olarak kullanılır. */
    --brand:#f1641e; --brand-dark:#d4541a; --brand-soft:#fdebe1;
    --dark:#222222; --dark-2:#3a3a3a; --muted:#6f6a64;
    --soft:#f8f5f1; --cream:#fbf8f4; --line:#ece6df; --radius:.9rem;
}
* { font-family:'Poppins',system-ui,sans-serif; }
body { color:#2f2f2f; background:#fff; }
a { text-decoration:none; }
.text-brand { color:var(--brand) !important; }
.bg-brand { background:var(--brand) !important; }
.btn-brand { background:var(--brand); border-color:var(--brand); color:#fff; border-radius:2rem; }
.btn-brand:hover { background:var(--brand-dark); border-color:var(--brand-dark); color:#fff; }
.btn-outline-brand { border-color:var(--brand); color:var(--brand); border-radius:2rem; }
.btn-outline-brand:hover { background:var(--brand); color:#fff; }

/* ---- Top utility bar ---- */
.topbar { background:var(--cream); color:var(--muted); font-size:.8rem; border-bottom:1px solid var(--line); }
.topbar a { color:var(--muted); }
.topbar a:hover { color:var(--brand); }
.topbar .divider { border-left:1px solid var(--line); height:14px; }

/* ---- Header ---- */
.site-header { padding:1rem 0; }
.site-logo { font-weight:800; font-size:1.7rem; color:var(--dark) !important; letter-spacing:-.5px; }
.site-logo span { color:var(--brand); }
.header-search-wrap { max-width:640px; }
.header-search { position:relative; }
.header-search .form-select { max-width:150px; border-right:0; border-radius:.5rem 0 0 .5rem; font-size:.85rem; }
.header-search .form-control { border:1.5px solid var(--dark-2); border-right:0; border-radius:2rem 0 0 2rem; padding-left:1.1rem; background:#fff; }
.header-search .form-control:focus { box-shadow:0 0 0 .2rem rgba(241,100,30,.15); border-color:var(--brand); }
.header-search .btn { border-radius:0 2rem 2rem 0; padding-inline:1.1rem; }
.header-icon-link { color:var(--dark); position:relative; text-align:center; }
.header-icon-link .icon { font-size:1.35rem; }
.header-icon-link .lbl { font-size:.7rem; display:block; color:var(--muted); }
.icon-badge { position:absolute; top:-6px; right:-10px; font-size:.62rem; }
.site-header { background:#fff; }

/* ---- Category / mega nav ---- */
.category-nav { background:#fff; border-bottom:1px solid var(--line); }
.category-nav .all-cat-toggle { background:var(--brand-soft); color:var(--brand-dark); font-weight:600; padding:.5rem 1.1rem; margin:.4rem 0; border-radius:2rem; display:inline-flex; align-items:center; gap:.5rem; font-size:.9rem; }
.category-nav .all-cat-toggle:hover { background:#fbdccb; }
.category-nav .nav-link { color:var(--dark-2); font-size:.9rem; padding:.85rem 1rem; border-bottom:2px solid transparent; }
.category-nav .nav-link:hover, .category-nav .nav-link.active { color:var(--brand); border-bottom-color:var(--brand); }
.mega-menu { border:1px solid var(--line); border-radius:.9rem; box-shadow:0 12px 30px rgba(60,40,20,.10); padding:0; min-width:280px; margin-top:.2rem !important; }
/* PROD DÜZELTMESİ (2026-09-04): Kullanıcı talebi — "ok olan (alt
   kategorisi olan) satırların yanına gelince scroll çıkıyor ama alt
   menü açılmıyor". Sebep: bu kapsayıcıda (ve aşağıdaki .cat-flyout'ta)
   duran max-height + overflow-y:auto, CSS'te overflow-x'i de örtük
   olarak 'auto' yapar — bu da içindeki position:absolute; left:100%
   ile YANA açılması gereken iç içe flyout'ları GÖRÜNMEZ şekilde
   KIRPIYORDU (scroll çubuğu bu yüzden çıkıyordu, flyout ise hiç
   görünmüyordu). Kategori taksonomisi pratikte sığ olduğu için
   (bkz. Category::navTree() docblock'u) yükseklik sınırı tamamen
   kaldırıldı — liste gerektiği kadar uzayabilir, artık hiçbir
   seviyedeki alt menü kırpılmaz. */
.mega-menu .cat-tree-root { overflow:visible; }
.mega-menu .cat-link { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.55rem 1.1rem; color:#444; font-size:.9rem; }
.mega-menu .cat-link:hover { color:var(--brand); background:var(--soft); }

/* ---- Kategori hover flyout'ları (iç içe alt kategoriler) ----
   PROD DÜZELTMESİ (2026-09-04): kullanıcı talebi — "alt kategoriler
   hover ile gelmeli, iç içe" (bkz. partials.storefront.category-flyout,
   Category::navTree()). Saf CSS :hover ile çalışır, JS gerekmez.
   overflow:visible olmasının nedeni yukarıdaki .cat-tree-root notuyla
   AYNI — bir .cat-flyout'un overflow'u auto/hidden olursa, İÇİNDEKİ
   bir sonraki seviyenin yana açılan flyout'u kırpılır. */
.cat-flyout { position:absolute; top:0; left:100%; min-width:220px; overflow:visible; margin:0; background:#fff; border:1px solid var(--line); border-radius:.7rem; box-shadow:0 12px 30px rgba(60,40,20,.10); padding:.35rem 0; display:none; z-index:1070; }
.cat-flyout-item { position:relative; }
.cat-flyout-link { display:flex; align-items:center; justify-content:space-between; gap:.6rem; padding:.5rem .9rem; color:#444; font-size:.86rem; white-space:nowrap; }
.cat-flyout-link:hover { background:var(--soft); color:var(--brand); }
/* Kategoriye/URL'e bağlı olmayan, sadece alt öğe açan başlık satırları
   (bkz. App\Models\MenuItem, partials.storefront.menu-flyout) —
   tıklanabilir GÖRÜNMESİN diye imleç ve hover rengi farklı. */
.cat-flyout-label { cursor:default; }
.cat-flyout-label:hover { background:transparent; color:#444; }
.cat-flyout-item.has-children:hover > .cat-flyout { display:block; }
.mega-menu .cat-tree-root > .cat-flyout-item:hover > .cat-flyout { display:block; }
.category-nav .nav-item-cat { position:relative; display:flex; align-items:stretch; }
.category-nav .nav-item-cat > .cat-flyout { top:100%; left:0; }
.category-nav .nav-item-cat.has-children:hover > .cat-flyout { display:block; }
.category-nav .nav-link-label { cursor:default; }

/* ---- Section titles ---- */
.section-title { font-weight:600; font-size:1.35rem; color:var(--dark); letter-spacing:-.2px; }
.section-tabs { gap:.4rem; }
.section-tabs .nav-link { border:1px solid var(--line); border-radius:2rem; color:var(--dark-2); font-weight:500; font-size:.85rem; padding:.35rem .95rem; background:#fff; }
.section-tabs .nav-link:hover { background:var(--soft); }
.section-tabs .nav-link.active { color:#fff; background:var(--dark-2); border-color:var(--dark-2); }

/* ---- Product card ---- */
.product-card { border:0; border-radius:var(--radius); overflow:hidden; transition:.25s; height:100%; background:#fff; position:relative; }
.product-card:hover { box-shadow:0 8px 24px rgba(60,40,20,.10); }
.product-card .img-wrap { position:relative; aspect-ratio:1/1; background:var(--soft); overflow:hidden; border-radius:var(--radius); }
.product-card .img-wrap img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; padding:.5rem; transition:.35s; }
.product-card:hover .img-wrap img { transform:scale(1.04); }
.product-card .badges { position:absolute; top:.6rem; left:.6rem; display:flex; flex-direction:column; gap:.3rem; }
.product-card .badges .badge { font-weight:600; font-size:.68rem; }
.product-card .quick-actions { position:absolute; right:.6rem; top:.6rem; display:flex; flex-direction:column; gap:.4rem; opacity:0; transform:translateX(6px); transition:.2s; }
.product-card:hover .quick-actions { opacity:1; transform:translateX(0); }
.product-card .quick-actions .qa-btn { width:34px; height:34px; border-radius:50%; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.15); display:flex; align-items:center; justify-content:center; color:var(--dark); }
.product-card .quick-actions .qa-btn:hover { background:var(--brand); color:#fff; }
.product-card .body { padding:.7rem .4rem .8rem; }
.product-card .cat { font-size:.72rem; color:var(--muted); text-transform:uppercase; }
.product-card .name { font-weight:500; font-size:.9rem; color:var(--dark); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.price-old { text-decoration:line-through; color:#aaa; font-size:.82rem; }
.price-new { color:var(--dark); font-weight:700; }
.rating i { color:#ffb400; font-size:.75rem; }

/* horizontal scroller for trending/featured rails */
.scroller { display:flex; gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:.5rem; }
.scroller::-webkit-scrollbar { height:6px; }
.scroller::-webkit-scrollbar-thumb { background:#ddd; border-radius:3px; }
.scroller > * { flex:0 0 220px; scroll-snap-align:start; }

/* ---- Deal of the day ---- */
.deal-card { border:1px solid var(--line); background:var(--cream); border-radius:var(--radius); padding:1rem; display:flex; gap:1rem; align-items:center; }
.deal-card img { width:90px; height:90px; object-fit:contain; background:#fff; border-radius:.6rem; padding:.3rem; }
.deal-progress { height:6px; border-radius:3px; }

/* ---- Anasayfa (Etsy esinli) — PROD TASARIM 2026-09-30 ---- */
.section-sub { color:var(--muted); font-size:.9rem; }
.see-all { color:var(--dark-2); font-weight:500; font-size:.9rem; border-bottom:1px solid currentColor; padding-bottom:1px; }
.see-all:hover { color:var(--brand); }
.picks-band { background:var(--cream); border:1px solid var(--line); border-radius:1.2rem; padding:1.5rem; }
.p-tile { display:flex; flex-direction:column; gap:.35rem; color:var(--dark); height:100%; }
.p-tile-img { position:relative; display:block; aspect-ratio:1/1; background:#fff; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); }
.p-tile-img img { width:100%; height:100%; object-fit:contain; padding:.75rem; transition:transform .35s; }
.p-tile:hover .p-tile-img img { transform:scale(1.04); }
.p-tile:hover .p-tile-img { box-shadow:0 8px 22px rgba(60,40,20,.10); }
.p-tile-price { position:absolute; left:.6rem; bottom:.6rem; background:#fff; border-radius:2rem; padding:.2rem .7rem; font-weight:600; font-size:.82rem; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.p-tile-name { font-size:.86rem; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.p-tile:hover .p-tile-name { text-decoration:underline; }
.p-tile-meta { font-size:.75rem; color:var(--muted); }
.p-tile-lg { height:100%; }
.p-tile-lg .p-tile-img { aspect-ratio:auto; flex:1 1 auto; min-height:320px; }
.p-tile-lg .p-tile-img img { position:absolute; inset:0; padding:1.5rem; }
.p-tile-lg .p-tile-price { font-size:1rem; padding:.35rem 1rem; }
.p-tile-lg .p-tile-name { font-size:1rem; font-weight:500; }
.tile-scroller > * { flex:0 0 200px; }
.cat-band { border-radius:1.2rem; padding:1.5rem; }
.cat-band.tone-peach { background:#fdf0e7; }
.cat-band.tone-sage { background:#eef3ec; }
.cat-band.tone-sky { background:#ebf2f8; }
.cat-band.tone-lilac { background:#f3eef7; }
.cat-band .p-tile-img { border-color:transparent; }
.cat-band-head { display:flex; flex-direction:column; height:100%; }
.cat-band-head .eyebrow { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }
.cat-band-title { font-weight:600; font-size:1.55rem; margin:.25rem 0 .2rem; color:var(--dark); }
.chip { display:inline-block; background:#fff; color:var(--dark-2); border-radius:2rem; padding:.3rem .8rem; font-size:.8rem; border:1px solid transparent; }
.chip:hover { border-color:var(--dark-2); color:var(--dark); }
.chip-outline { border-color:var(--line); }
.btn-dark-soft { background:var(--dark-2); color:#fff; border-radius:2rem; padding:.45rem 1.1rem; font-size:.88rem; }
.btn-dark-soft:hover { background:var(--dark); color:#fff; }
.brand-pill { display:inline-flex; align-items:center; gap:.5rem; background:#fff; border:1px solid var(--line); border-radius:2rem; padding:.3rem .9rem .3rem .3rem; color:var(--dark-2); font-size:.85rem; font-weight:500; }
.brand-pill:hover { border-color:var(--dark-2); color:var(--dark); }
.brand-dot { width:28px; height:28px; border-radius:50%; background:var(--brand-soft); color:var(--brand-dark); display:inline-flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:600; }
.why-band { background:var(--cream); border:1px solid var(--line); border-radius:1.2rem; padding:2.5rem 1.5rem; }
.why-ic { font-size:1.6rem; color:var(--brand); background:var(--brand-soft); width:60px; height:60px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; }
@media (max-width: 991.98px) { .p-tile-lg .p-tile-img { min-height:260px; } }

/* ---- Canlı arama önerileri (autocomplete) — PROD 2026-09-30 ---- */
.ls-panel { position:absolute; top:calc(100% + 6px); left:0; right:0; background:#fff; border:1px solid var(--line); border-radius:1rem; box-shadow:0 16px 40px rgba(60,40,20,.14); z-index:1080; max-height:75vh; overflow-y:auto; display:none; }
.ls-panel.open { display:block; }
.ls-sec { padding:.6rem 0; border-bottom:1px solid var(--line); }
.ls-sec:last-child { border-bottom:0; }
.ls-head { display:flex; justify-content:space-between; align-items:center; padding:.2rem 1rem .35rem; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:600; }
.ls-head button { border:0; background:none; color:var(--muted); font-size:.72rem; text-transform:none; letter-spacing:0; padding:0; }
.ls-head button:hover { color:var(--brand); }
.ls-item { display:flex; align-items:center; gap:.7rem; padding:.45rem 1rem; color:var(--dark-2); font-size:.88rem; cursor:pointer; }
.ls-item:hover, .ls-item.active { background:var(--soft); color:var(--dark); }
.ls-item .ls-ic { width:30px; height:30px; border-radius:50%; background:var(--soft); display:inline-flex; align-items:center; justify-content:center; color:var(--muted); flex-shrink:0; font-size:.85rem; }
.ls-item.active .ls-ic, .ls-item:hover .ls-ic { background:#fff; }
.ls-item mark { background:none; padding:0; font-weight:700; color:var(--dark); }
.ls-item .ls-count { margin-left:auto; font-size:.75rem; color:var(--muted); }
.ls-item .ls-in { color:var(--muted); font-size:.8rem; }
.ls-prod img { width:48px; height:48px; object-fit:contain; background:#fff; border:1px solid var(--line); border-radius:.6rem; padding:2px; flex-shrink:0; }
.ls-prod .ls-pname { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.3; }
.ls-prod .ls-pmeta { font-size:.74rem; color:var(--muted); }
.ls-prod .ls-price { margin-left:auto; text-align:right; white-space:nowrap; font-weight:600; font-size:.86rem; color:var(--dark); }
.ls-prod .ls-price s { display:block; font-weight:400; font-size:.72rem; color:#aaa; }
.ls-chips { display:flex; flex-wrap:wrap; gap:.4rem; padding:.1rem 1rem .3rem; }
.ls-chip { background:var(--soft); border:1px solid var(--line); border-radius:2rem; padding:.25rem .75rem; font-size:.8rem; color:var(--dark-2); cursor:pointer; }
.ls-chip:hover, .ls-chip.active { border-color:var(--dark-2); }
.ls-all { display:block; text-align:center; padding:.7rem; font-weight:600; font-size:.88rem; color:var(--brand) !important; }
.ls-all:hover, .ls-all.active { background:var(--brand-soft); }
.ls-empty { padding:1rem; font-size:.88rem; color:var(--muted); }
.ls-loading { position:absolute; right:64px; top:50%; transform:translateY(-50%); display:none; }
.header-search.loading .ls-loading { display:block; }
.header-search input[type=search]::-webkit-search-cancel-button { display:none; }
.header-search .ls-clear { position:absolute; right:60px; top:50%; transform:translateY(-50%); border:0; background:none; color:var(--muted); display:none; z-index:5; }
.header-search.has-value:not(.loading) .ls-clear { display:block; }

/* ---- Ürün sayfası: görsel galerisi (2026-10-01) ---- */
.pd-main { aspect-ratio:1/1; background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.pd-main-img { width:100%; height:100%; object-fit:contain; padding:1rem; cursor:zoom-in; }
.pd-nav { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; border:1px solid var(--line); background:rgba(255,255,255,.92); color:var(--dark); display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,.08); opacity:0; transition:opacity .2s; z-index:2; }
.pd-main:hover .pd-nav, .pd-lightbox .pd-nav { opacity:1; }
.pd-prev { left:.6rem; } .pd-next { right:.6rem; }
.pd-counter { position:absolute; left:.7rem; bottom:.7rem; background:rgba(255,255,255,.92); border-radius:2rem; padding:.15rem .6rem; font-size:.75rem; color:var(--dark-2); border:1px solid var(--line); }
.pd-zoom { position:absolute; right:.7rem; bottom:.7rem; width:34px; height:34px; border-radius:50%; border:1px solid var(--line); background:rgba(255,255,255,.92); color:var(--dark-2); }
.pd-thumbs { display:flex; gap:.5rem; margin-top:.75rem; overflow-x:auto; padding-bottom:.25rem; }
.pd-thumb { flex:0 0 72px; height:72px; border:1.5px solid var(--line); border-radius:.6rem; background:#fff; padding:.25rem; }
.pd-thumb img { width:100%; height:100%; object-fit:contain; }
.pd-thumb.active, .pd-thumb:hover { border-color:var(--brand); }
.pd-lightbox { position:fixed; inset:0; background:rgba(20,16,12,.92); z-index:2000; display:flex; align-items:center; justify-content:center; }
.pd-lightbox img { max-width:92vw; max-height:88vh; object-fit:contain; background:#fff; border-radius:.6rem; }
.pd-lb-close { position:absolute; top:1rem; right:1rem; width:44px; height:44px; border-radius:50%; border:0; background:#fff; font-size:1.1rem; }
.pd-lightbox .pd-prev { left:1rem; } .pd-lightbox .pd-next { right:1rem; }
@media (hover: none) { .pd-nav { opacity:1; } }
/* PROD (2026-10-01): kullanıcı talebi — "resimler altta ilk ekranda
   görünmüyor, yanda olmalı". Masaüstünde küçük resimler ana görselin
   SOLUNDA dikey şerit; ana görsel ekran yüksekliğine sığacak şekilde
   sınırlı. Mobilde (<768px) altta yatay şerit kalır. */
@media (min-width: 768px) {
    .pd-gallery { display:flex; gap:.75rem; align-items:flex-start; }
    .pd-gallery .pd-main { flex:1 1 auto; min-width:0; max-height:max(320px, calc(100vh - 300px)); max-width:max(320px, calc(100vh - 300px)); margin-inline:auto; }
    .pd-gallery .pd-thumbs { order:-1; flex:0 0 76px; flex-direction:column; margin-top:0; overflow-x:hidden; overflow-y:auto; max-height:max(320px, calc(100vh - 300px)); padding:0 .15rem 0 0; }
    .pd-gallery .pd-thumb { flex:0 0 72px; width:72px; }
}

/* ---- Ürün sayfası: açıklama / teknik özellik sekmeleri (2026-10-01) ---- */
.product-tabs .nav-link { color:var(--dark-2); font-weight:500; }
.product-tabs .nav-link.active { color:var(--dark); font-weight:600; }
.product-description { color:#3d3d3d; line-height:1.75; font-size:.95rem; }
.product-description p { margin-bottom:.8rem; }
.product-description ul { padding-left:1.2rem; }
.product-description img { border-radius:.6rem; }
.desc-table th, .spec-table th { width:32%; font-weight:600; color:var(--dark-2); background:var(--soft); }
.desc-table td, .spec-table td { color:#3d3d3d; }

/* ---- Footer (soft, SEO link footer) ----
   PROD TASARIM (2026-09-30): siyah footer yerine açık krem zemin;
   Hepsiburada/Trendyol tarzı kategori/marka link blokları. */
footer.site-footer { background:var(--cream); color:var(--muted); border-top:1px solid var(--line); }
footer.site-footer h6, footer.site-footer .ft-title { color:var(--dark); font-weight:600; font-size:.92rem; margin-bottom:.8rem; }
footer.site-footer a { color:var(--muted); }
footer.site-footer a:hover { color:var(--brand); }
footer.site-footer .ft-list li { margin-bottom:.45rem; font-size:.84rem; }
.ft-trust { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1rem 1.1rem; height:100%; display:flex; align-items:center; gap:.8rem; }
.ft-trust i { font-size:1.5rem; color:var(--brand); background:var(--brand-soft); width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ft-trust .t { color:var(--dark); font-weight:600; font-size:.88rem; }
.ft-trust .d { font-size:.78rem; }
.ft-seo { border-top:1px solid var(--line); }
.ft-seo .ft-cat-col a.root { color:var(--dark-2); font-weight:600; font-size:.86rem; }
.ft-seo .ft-cat-col ul li { font-size:.8rem; margin-bottom:.3rem; }
.ft-inline { font-size:.8rem; line-height:2; }
.ft-inline a { white-space:nowrap; }
.ft-inline a:not(:last-child)::after { content:'·'; margin:0 .45rem; color:#c9bfb4; }
.ft-social a { width:36px; height:36px; border-radius:50%; background:#fff; border:1px solid var(--line); display:inline-flex; align-items:center; justify-content:center; color:var(--dark-2) !important; }
.ft-social a:hover { background:var(--brand-soft); color:var(--brand) !important; }
.ft-bottom { border-top:1px solid var(--line); font-size:.8rem; }
.payment-icons span { background:#fff; border:1px solid var(--line); border-radius:2rem; padding:.25rem .7rem; font-size:.72rem; color:var(--dark-2); }
.ft-about { font-size:.8rem; line-height:1.7; }

@media (max-width: 991.98px) {
    .category-nav .nav-link, .category-nav .nav-item-cat { display:none; }
}

/* ---- Yardımcı sınıflar — PROD (2026-10-01): şablonlardaki satır içi
   style="" nitelikleri bu sınıflara taşındı. ---- */
.fs-xxs { font-size:.6rem; }
.fs-4rem { font-size:4rem; }
.lh-175 { line-height:1.75; }
.ws-pre-line { white-space:pre-line; }
.cursor-pointer { cursor:pointer; }
.facet-scroll { max-height:260px; overflow-y:auto; }
.w-80px { width:80px; } .w-90px { width:90px; } .w-140px { width:140px; }
.minw-280 { min-width:280px; } .minw-300 { min-width:300px; }
.mw-160 { max-width:160px; } .mw-170 { max-width:170px; } .mw-220 { max-width:220px; }
.mw-260 { max-width:260px; } .mw-280 { max-width:280px; } .mw-360 { max-width:360px; }
.mw-420 { max-width:420px; } .mw-480 { max-width:480px; } .mw-640 { max-width:640px; }
.mw-700 { max-width:700px; } .mw-720 { max-width:720px; } .mw-860 { max-width:860px; }
.mw-75p { max-width:75%; }