/*
 * Haşere Market Category UI v1.0
 * Canonical shared category stylesheet
 * Source reference: approved category standalone v1.5 (10.08.2026)
 * Scope: .hm-category only
 */
.hm-category{--g:#1f4d04;--gd:#143603;--o:#fd6506;--t:#243024;--m:#667066;--b:#dbe6d7;--s:#f5faf3;--c:#fff8f1;width:calc(100% - 24px);max-width:1460px;margin:24px auto;padding:0;color:var(--t);font:400 14.3px/1.58 Arial,Helvetica,sans-serif}
.hm-category *{box-sizing:border-box}
.hm-category a{color:var(--g);font-weight:600;text-decoration:none}
.hm-category a:hover{color:var(--o)}
.hm-category h2,.hm-category h3,.hm-category h4{margin:0 0 8px;line-height:1.24;letter-spacing:-.01em}
.hm-category h2{font-size:22px;font-weight:620}
.hm-category h3{font-size:18.5px;font-weight:620;color:var(--gd)}
.hm-category h4{font-size:14.4px;font-weight:620;color:var(--gd)}
.hm-category p{margin:0 0 9px}
.hm-category .hmx-mut{color:var(--m)}
.hm-category .hm-cat-hero{display:grid;grid-template-columns:minmax(0,1.35fr) 215px;gap:16px;align-items:center;padding:22px;border:1px solid #245d17;border-radius:17px;background:radial-gradient(circle at 85% 18%,#3f7b19 0,#1f4d04 34%,#102b05 100%);box-shadow:0 12px 28px #14360324}
.hm-category .hm-cat-hero h2,.hm-category .hm-cat-hero p{color:#fff}
.hm-category .hm-cat-hero p{opacity:.95}
.hm-category .hm-cat-section{margin-top:18px;padding:19px;scroll-margin-top:82px}
.hm-category .hm-cat-soft{background:var(--s)}
.hm-category .hm-cat-cream{background:var(--c)}
.hm-category .hm-cat-kicker,.hm-category .hm-cat-summary{display:inline-block;border-radius:99px;font-size:11.5px;font-weight:620}
.hm-category .hm-cat-kicker{margin-bottom:8px;padding:4px 9px;background:#fff3eb;color:var(--o)}
.hm-category .hm-cat-summary{margin-top:5px;padding:4px 8px;background:#ffffff1f;color:#fff;border:1px solid #ffffff38}
.hm-category .hm-cat-hero-media{display:block;width:100%;max-width:198px;aspect-ratio:4/5;object-fit:contain;margin:auto;border-radius:15px;background:#ffffff12;filter:drop-shadow(0 11px 16px #0004)}
.hm-category .hm-cat-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}
.hm-category .hm-cat-nav a{display:flex;justify-content:space-between;gap:9px;min-height:58px;padding:11px 13px;border:1px solid #ffffff30;border-radius:13px;background:#ffffff12;color:#fff;font-size:13.2px}
.hm-category .hm-cat-nav a:hover{background:#ffffff1d;color:#fff}
.hm-category .hm-cat-nav small{display:block;margin-top:2px;color:#ffffffbd;font-size:11.35px;font-weight:400}
.hm-category .hm-cat-nav-arrow{flex:0 0 auto;align-self:center;width:24px;height:24px;border-radius:50%;background:var(--o);color:#fff;display:grid;place-items:center;font-size:16px}
.hm-category .hm-cat-heading{display:flex;align-items:center;gap:9px;margin-bottom:2px}
.hm-category .hm-cat-heading:before{content:"";width:6px;height:23px;border-radius:9px;background:linear-gradient(var(--o),#ff9a52)}
.hm-category .hm-cat-compact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:13px}
.hm-category .hm-cat-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:13px;border:1px solid var(--b);border-radius:14px;background:#fff}
.hm-category .hm-cat-card:hover{border-color:#b9d2b3;box-shadow:0 7px 16px #14360312}
.hm-category .hm-cat-card p{color:var(--m);font-size:13.15px;line-height:1.52}
.hm-category .hm-cat-card .hm-cat-card-image,.hm-category .hm-cat-card .hm-cat-icon{position:absolute;right:12px;top:12px;margin:0;background:#f2f6f1}
.hm-category .hm-cat-card-image{width:48px;height:48px;border-radius:13px;object-fit:cover}
.hm-category .hm-cat-icon{width:35px;height:35px;border-radius:11px;object-fit:contain;padding:6px}
.hm-category .hm-cat-card h4{padding-right:45px}
.hm-category .hm-cat-links{display:flex;flex-wrap:wrap;align-items:flex-end;gap:7px 10px;margin-top:auto;padding-top:9px}
.hm-category .hm-cat-links a{display:inline-block;padding:0 0 3px;border-bottom:2px solid var(--o);color:var(--g);font-size:12.2px;line-height:1.2;font-weight:620}
.hm-category .hm-cat-links a:hover{color:var(--o);border-bottom-color:var(--g)}
.hm-category .hm-cat-note{display:flex;flex-direction:column;margin-top:13px;padding:12px 14px;border-left:4px solid var(--o);border-radius:12px;background:#fff8f3}
.hm-category .hm-cat-note p{margin-bottom:5px}
.hm-category .hm-cat-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}
.hm-category .hm-cat-list{margin:7px 0 0;padding:0;list-style:none}
.hm-category .hm-cat-list li{position:relative;margin:5px 0;padding-left:17px;color:var(--m);font-size:13.1px}
.hm-category .hm-cat-list li:before{content:"•";position:absolute;left:2px;color:var(--o);font-weight:700}
.hm-category .hm-cat-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.hm-category .hm-cat-decision-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--b);border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 5px 14px #1436030b}
.hm-category .hm-cat-decision-card:hover{border-color:#aecaa7;box-shadow:0 9px 22px #14360316;transform:translateY(-1px)}
.hm-category .hm-cat-decision-media{display:block;width:100%;height:auto;object-fit:contain;object-position:center center;background:#fff}
.hm-category .hm-cat-decision-body{display:flex;flex-direction:column;flex:1;padding:13px 14px 14px}
.hm-category .hm-cat-decision-body h4{font-size:14.9px}
.hm-category .hm-cat-decision-body p{color:var(--m);font-size:12.95px;line-height:1.5}
.hm-category .hm-cat-atlas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.hm-category .hm-cat-atlas-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--b);border-radius:15px;background:#fff;overflow:hidden}
.hm-category .hm-cat-zoom{position:relative;display:block;background:#fff}
.hm-category .hm-cat-zoom:after{content:"Büyüt";position:absolute;right:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:#143603e8;color:#fff;font-size:11px;font-weight:700;box-shadow:0 4px 12px #0003}
.hm-category .hm-cat-zoom img{display:block;width:100%;height:auto;object-fit:contain;object-position:center center;background:#fff}
.hm-category .hm-cat-atlas-body{padding:12px 14px 14px}
.hm-category .hm-cat-atlas-body h4{font-size:14.5px}
.hm-category .hm-cat-atlas-body p{margin:0;color:var(--m);font-size:12.9px;line-height:1.5}
.hm-category .hm-cat-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}
.hm-category .hm-cat-guide-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;padding:13px;border:1px solid var(--b);border-radius:14px;background:#fff}
.hm-category .hm-cat-guide-card>img{width:48px;height:48px;padding:7px;border:1px solid var(--b);border-radius:13px;background:#f3f7f1;object-fit:contain}
.hm-category .hm-cat-guide-card p{color:var(--m);font-size:13px}
.hm-category .hm-cat-guide-card h4{margin-top:1px}
.hm-category .hm-cat-table-wrap{margin-top:13px;overflow-x:auto;border:1px solid var(--b);border-radius:13px;background:#fff}
.hm-category .hm-cat-table{width:100%;min-width:720px;border-collapse:collapse}
.hm-category .hm-cat-table th,.hm-category .hm-cat-table td{padding:9px 11px;border-bottom:1px solid var(--b);text-align:left;vertical-align:top;font-size:12.9px;line-height:1.43}
.hm-category .hm-cat-table th{background:#f1f7ee;color:var(--gd);font-weight:620}
.hm-category .hm-cat-table tr:last-child td{border-bottom:0}
.hm-category .hm-cat-accordion{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:11px}
.hm-category .hm-cat-accordion details{border:1px solid var(--b);border-radius:13px;background:#fff;overflow:hidden}
.hm-category .hm-cat-accordion summary{position:relative;list-style:none;cursor:pointer;padding:12px 40px 12px 13px;color:var(--gd);font-size:13.4px;line-height:1.34;font-weight:620}
.hm-category .hm-cat-accordion summary::-webkit-details-marker{display:none}
.hm-category .hm-cat-accordion summary:after{content:"+";position:absolute;right:12px;top:11px;width:21px;height:21px;border-radius:50%;background:#eef7eb;color:var(--g);display:grid;place-items:center;font-size:16px;font-weight:620}
.hm-category .hm-cat-accordion details[open] summary:after{content:"−";background:#fff0e8;color:var(--o)}
.hm-category .hm-cat-accordion div{padding:0 13px 12px;color:var(--m);font-size:13.1px;line-height:1.58}
.hm-category .hm-cat-accordion p{color:var(--m)}
.hm-category .hm-cat-faq{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}
.hm-category .hm-cat-faq-col{padding:13px;border:1px solid var(--b);border-radius:15px;background:#fff}
.hm-category .hm-cat-faq-col>h4{margin-bottom:10px}
.hm-category .hm-cat-faq details{border-top:1px solid var(--b)}
.hm-category .hm-cat-faq details:first-of-type{border-top:0}
.hm-category .hm-cat-faq summary{position:relative;list-style:none;cursor:pointer;padding:12px 32px 12px 0;color:var(--gd);font-size:13.35px;line-height:1.34;font-weight:620}
.hm-category .hm-cat-faq summary::-webkit-details-marker{display:none}
.hm-category .hm-cat-faq summary:after{content:"+";position:absolute;right:4px;top:11px;width:21px;height:21px;border-radius:50%;background:#eef7eb;color:var(--g);display:grid;place-items:center;font-size:16px;font-weight:620}
.hm-category .hm-cat-faq details[open] summary:after{content:"−";background:#fff0e8;color:var(--o)}
.hm-category .hm-cat-faq details div{padding:0 4px 12px 0;color:var(--m);font-size:13.05px;line-height:1.58}
.hm-category .hm-cat-faq details div p{margin-bottom:8px;color:var(--m)}
.hm-category .hm-cat-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}
.hm-category .hm-cat-sources .hm-cat-card{padding:12px}
.hm-category .hm-cat-sources .hm-cat-card p{font-size:12.8px}
.hm-category .hm-cat-sources small{display:block;margin-bottom:6px;color:var(--o);font-size:11px;font-weight:620;letter-spacing:.01em}
.hm-category .hmx-media-16x7,.hm-category .hmx-media-8x5,.hm-category .hmx-media-16x9{display:block;width:100%;object-fit:contain;object-position:center center;background:#fff}
.hm-category .hmx-media-16x7{aspect-ratio:16/7}
.hm-category .hmx-media-8x5{aspect-ratio:8/5}
.hm-category .hmx-media-16x9{aspect-ratio:16/9}
@media (max-width:1100px){.hm-category .hm-cat-decision-grid,.hm-category .hm-cat-atlas{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.hm-category .hm-cat-nav{grid-template-columns:1fr 1fr}
.hm-category .hm-cat-compact-grid{grid-template-columns:1fr 1fr}
.hm-category .hm-cat-sources{grid-template-columns:1fr 1fr}
.hm-category .hm-cat-hero-media{max-width:170px}
.hm-category h2{font-size:20.5px}
.hm-category h3{font-size:18px}}
@media (max-width:680px){.hm-category .hm-cat-decision-grid,.hm-category .hm-cat-atlas,.hm-category .hm-cat-guide-grid{grid-template-columns:1fr}}
@media (max-width:560px){.hm-category{width:calc(100% - 12px);margin-top:20px;padding:0;font-size:14px}
.hm-category .hm-cat-hero,.hm-category .hm-cat-section{padding:15px;border-radius:15px}
.hm-category .hm-cat-nav,.hm-category .hm-cat-compact-grid,.hm-category .hm-cat-sources{grid-template-columns:1fr}
.hm-category .hm-cat-card-image{width:46px;height:46px}
.hm-category .hm-cat-hero-media{display:none}}
.hm-category .hm-cat-final{margin-top:18px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 80% 0,rgba(239,91,34,.12),transparent 28%),linear-gradient(135deg,#125b09,#093f12 60%,#273500);color:#fff;box-shadow:0 14px 28px rgba(7,61,36,.13)}
.hm-category .hm-cat-final-main{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:20px;align-items:center;padding:21px 20px 19px}
.hm-category .hm-cat-final-label{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.09);font-size:11px;font-weight:700}
.hm-category .hm-cat-final h3{margin-top:10px;color:#fff;font-size:21px;line-height:1.22;font-weight:720}
.hm-category .hm-cat-final h3 span{color:#ffd36b}
.hm-category .hm-cat-final p{margin-top:8px;max-width:920px;color:rgba(255,255,255,.88);font-size:12.8px;line-height:1.55}
.hm-category .hm-cat-final-links{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:12px}
.hm-category .hm-cat-final-links a{display:inline-block;padding:0 0 3px;border-bottom:2px solid var(--o);color:#fff!important;font-size:12.2px;line-height:1.25;font-weight:720}
.hm-category .hm-cat-final-links a:hover{color:#ffd7c1!important;border-bottom-color:#fff}
.hm-category .hm-cat-final-actions{display:grid;grid-template-columns:1fr;gap:10px;align-content:center}
.hm-category .hm-cat-final-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:730;white-space:nowrap}
.hm-category .hm-cat-final-btn img{width:18px;height:18px;object-fit:contain}
.hm-category .hm-cat-final-whatsapp{background:var(--o);color:#fff!important}
.hm-category .hm-cat-final-mail{background:#fff;color:#183618!important}
.hm-category .hm-cat-final-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16)}
.hm-category .hm-cat-final-features>div{display:flex;gap:15px;align-items:flex-start;padding:16px 18px;color:rgba(255,255,255,.86);font-size:12.3px;line-height:1.45;border-right:1px solid rgba(255,255,255,.16)}
.hm-category .hm-cat-final-features>div:last-child{border-right:0}
.hm-category .hm-cat-final-icon{width:68px;height:68px;flex:0 0 68px;border-radius:50%;background:#fff;display:grid;place-items:center}
.hm-category .hm-cat-final-icon img{width:46px;height:46px;object-fit:contain}
.hm-category .hm-cat-final-features b{display:block;margin-bottom:4px;color:#fff;font-size:12.8px}
@media (max-width:760px){.hm-category .hm-cat-final{border-radius:20px}
.hm-category .hm-cat-final-main{display:block;padding:18px 15px 16px}
.hm-category .hm-cat-final-actions{margin-top:14px}
.hm-category .hm-cat-final-btn{width:100%}
.hm-category .hm-cat-final-features{grid-template-columns:1fr}
.hm-category .hm-cat-final-features>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:15px 14px}
.hm-category .hm-cat-final-features>div:last-child{border-bottom:0}}
.hm-category a:focus-visible,.hm-category button:focus-visible,.hm-category summary:focus-visible{outline:3px solid #fd6506;outline-offset:3px;border-radius:6px}
.hm-category .hm-cat-zoom{cursor:zoom-in}
.hm-cat-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(7,22,4,.92)}
.hm-cat-modal[aria-hidden="false"]{display:flex}
.hm-cat-modal__dialog{position:relative;width:min(1120px,94vw);max-height:92vh;margin:0;padding:11px 11px 10px;border-radius:15px;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.58)}
.hm-cat-modal__img{display:block;width:100%;max-height:79vh;object-fit:contain;border-radius:10px;background:#fff}
.hm-cat-modal__caption{padding:9px 42px 0 3px;color:#243024;font:400 13px/1.42 Arial,Helvetica,sans-serif}
.hm-cat-modal__close{position:absolute;right:10px;top:10px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fd6506;color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.28)}
.hm-cat-modal__close:hover{background:#1f4d04}
.hm-cat-modal__close:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.hm-cat-modal-open{overflow:hidden}
@media(max-width:560px){.hm-cat-modal{padding:8px}.hm-cat-modal__dialog{width:98vw;padding:8px}.hm-cat-modal__img{max-height:78vh}.hm-cat-modal__caption{font-size:12.3px;padding-right:37px}}
@media(prefers-reduced-motion:reduce){.hm-category *,.hm-cat-modal *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}