/* Product images fill a square canvas across all category catalogs. */
.category-page .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.category-page .category-product .category-image { margin: 0; aspect-ratio: 1; border-radius: 0; background: #fff; }
.category-page .category-product .category-image img { width: 100%; height: 100%; aspect-ratio: 1; padding: 0; object-fit: contain; }
.category-page .category-product:hover .category-image img { transform: none; }
.category-page .category-product-top { flex-wrap: wrap; gap: 6px 10px; padding: 16px; }
.category-page .category-product-copy { padding: 20px 16px; }
.category-page .category-product h3 { font-size: 18px; line-height: 1.4; }
.category-page .category-product-bottom { padding: 16px; flex-wrap: wrap; gap: 12px; }
.category-page .category-product-bottom > a { margin-left: auto; flex-shrink: 0; }
.category-page .m-catalog-card .m-catalog-placeholder { width: 100%; height: 100%; aspect-ratio: 1; }
@media (min-width: 1200px) { .category-page .category-layout { grid-template-columns: 260px minmax(0, 1fr); gap: 24px; } }
@media (max-width: 1199px) { .category-page .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .category-page .category-grid { grid-template-columns: minmax(0, 1fr); } }

/* Shared category navigation and Turkish footer. */
.promo-notebook-feature { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: center; gap: 24px; padding: 24px; border: 1px solid #cadfec; border-radius: 10px; background: #edf6fc; margin-bottom: 28px; }
.promo-notebook-feature img { width: 100%; height: auto; border-radius: 8px; background: white; }
.promo-notebook-feature h2 { font-size: 24px; line-height: 1.4; color: #0a2540; margin: 8px 0 12px; }
.promo-notebook-feature p { font-size: 14px; line-height: 1.8; color: #48657c; margin: 0 0 14px; }
.promo-notebook-feature div > p:first-child { font-size: 10px; font-weight: 700; letter-spacing: .08em; color: #0074c7; margin: 0; }
.promo-notebook-feature a { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #00639d; }
.promo-notebook-feature a .material-symbols-outlined { font-size: 19px; }
@media (max-width: 650px) { .promo-notebook-feature { grid-template-columns: 1fr; gap: 20px; padding: 20px; } .promo-notebook-feature img { max-width: 200px; margin: auto; } }
.category-sidebar.m-catalog-sidebar { max-height: calc(100dvh - 125px); overflow-y: auto; scrollbar-width: thin; }
.m-catalog-sidebar nav { display: block; }
.m-catalog-sidebar nav > a { margin-bottom: 5px; }
.m-catalog-sidebar .m-category-parent { background: #eaf4fc; color: #0567a6; font-weight: 700; }
.m-catalog-sidebar .m-subcategories { list-style: none; padding: 2px 0 8px 16px; margin: 0 0 12px 20px; border-left: 1px solid #dbe7f1; }
.m-catalog-sidebar .m-subcategory-heading { margin: 15px 0 6px; font-size: 10px; font-weight: 700; letter-spacing: .04em; color: #63758b; }
.m-catalog-sidebar .m-subcategories a { padding: 8px 10px; font-size: 12px; line-height: 1.5; margin: 2px 0; }
.m-catalog-sidebar .m-subcategories a[aria-current] { background: #0b72bd; color: #fff; }
.m-catalog-sidebar nav a[aria-current]:hover { background: #08619f; color: white; }
.m-catalog-sidebar .category-all[aria-current] { font-weight: 700; }
.m-catalog-group { scroll-margin-top: 120px; margin-bottom: 36px; }
.m-catalog-group > h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 23px; letter-spacing: -.7px; margin: 0 0 20px; }
.m-catalog-card .category-product-top { min-height: 53px; }
.m-catalog-card .category-product-bottom { justify-content: flex-end; }
.m-catalog-card .category-product-bottom > a { background: #edf5fc; color: #075e98; }
.m-catalog-card .category-product-copy { padding-bottom: 12px; }
.m-catalog-card .category-product-copy p { margin-bottom: 0; }
.m-catalog-card .m-catalog-placeholder { display: grid; place-content: center; gap: 16px; height: 220px; text-align: center; color: #0b72bd; background: linear-gradient(135deg, #edf5ff, #f9fafc); }
.m-catalog-placeholder .material-symbols-outlined { font-size: 65px; font-weight: 200; }
.m-catalog-placeholder small { font-size: 12px; color: #59718a; }
.m-catalog-overview .category-image img { height: 245px; }
.m-catalog-intro { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; }
.m-catalog-intro a { border: 1px solid #d8e4ef; border-radius: 40px; background: white; padding: 10px 15px; font-size: 12px; color: #0a547d; }
.mega-promo-subnav { border-top: 1px solid #d8e5f1; margin: 10px 8px 0; padding-top: 10px; }
.mega-promo-subnav[hidden] { display: none; }
.mega-promo-subnav p { font-size: 10px; letter-spacing: .04em; font-weight: 700; color: #5c7288; margin: 9px 7px 4px; }
.mega-promo-subnav a { display: block; padding: 5px 8px; border-radius: 4px; font-size: 11px; line-height: 1.4; color: #23475f; }
.mega-promo-subnav a:hover, .mega-promo-subnav a:focus-visible { color: #006eac; background: #e0effb; }
.product-sidebar:has(.mega-promo-subnav:not([hidden])) { max-height: min(760px, calc(100dvh - 150px)); overflow-y: auto; scrollbar-width: thin; }
.m-footer { background: #0a2540; color: #d3e0ec; padding: 64px 0 0; font-family: 'DM Sans', sans-serif; position: relative; }
.m-footer::before { content: ''; height: 4px; position: absolute; inset: 0 0 auto; background: linear-gradient(90deg, #0074c7 0 25%, #00b5e6 25% 50%, #ff981b 50% 75%, #e5007c 75%); }
.m-footer-inner { width: min(1360px, calc(100% - 80px)); margin: auto; }
.m-footer-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.15fr); gap: 28px; padding-bottom: 36px; }
.m-footer-grid > div { min-width: 0; }
.m-footer-brand > a { background: white; display: inline-flex; padding: 12px 16px; border-radius: 5px; margin-bottom: 17px; }
.m-footer-brand img { width: 176px; height: auto; display: block; }
.m-footer p { font-size: 13px; line-height: 1.85; margin: 0 0 14px; }
.m-footer .m-footer-note { color: #8eabc3; font-size: 11px; letter-spacing: .08em; }
.m-footer h2 { color: white; font-size: 14px; font-weight: 700; margin: 0 0 20px; font-family: 'Plus Jakarta Sans', sans-serif; }
.m-footer nav { display: grid; gap: 11px; }
.m-footer .m-footer-customer { margin-bottom: 11px; }
.m-footer a { color: #d3e0ec; font-size: 13px; line-height: 1.5; text-decoration: none; }
.m-footer a:hover { color: #6adaff; }
.m-footer a:focus-visible { outline: 2px solid #6adaff; outline-offset: 4px; }
.m-footer address { font-style: normal; }
.m-footer-contact { display: grid; gap: 12px; }
.m-footer-contact a { display: flex; gap: 9px; align-items: center; overflow-wrap: anywhere; }
.m-footer-contact .material-symbols-outlined { font-size: 17px; color: #6adaff; }
.m-footer-bottom { border-top: 1px solid #ffffff21; padding: 20px 0; }
.m-footer-bottom p { font-size: 11px; margin: 0; color: #a6bccf; }
.form-privacy { font-size: 12px; line-height: 1.8; color: #536980; margin: 20px 0; }
.form-privacy a { color: #0877bc; text-decoration: underline; text-underline-offset: 3px; }
.home-contact-draft { margin-top: 24px; padding: 22px; border: 1px solid #cce1ef; border-radius: 8px; background: #eff8ff; }
.home-contact-draft[hidden] { display: none; }
.home-contact-draft h3 { margin: 0 0 14px; color: #0a2540; }
.home-contact-draft p { font-size: 13px; line-height: 1.8; }
#home-contact-preview { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 1050px) { .m-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; } .m-footer-brand { grid-column: 1 / -1; } }
@media (max-width: 800px) { .category-sidebar.m-catalog-sidebar { position: static; max-height: none; } .m-catalog-sidebar nav { display: grid; grid-template-columns: 1fr 1fr; } .m-catalog-sidebar .m-subcategories { grid-column: 1 / -1; columns: 2; } .m-catalog-sidebar .m-subcategories li { break-inside: avoid; } .m-footer-inner { width: calc(100% - 40px); } }
@media (max-width: 520px) { .m-catalog-sidebar nav { display: block; } .m-catalog-sidebar .m-subcategories { columns: 1; } .m-footer { padding-top: 42px; } .m-footer-grid { gap: 32px 20px; } }