/* Storefront category and service tiles. Brand hero is in brand-slider.css. */

.service-strip{gap:12px;padding-top:18px;padding-bottom:16px;border:0}
.service-strip>div,.service-strip>div:first-child,.service-strip>div:last-child{position:relative;display:flex;align-items:center;gap:13px;min-height:88px;padding:15px 17px;border:1px solid #d9e5ed;border-radius:12px;background:linear-gradient(125deg,#f1f6fa,#e6f0f8);box-shadow:0 5px 13px rgba(29,58,77,.025);transition:transform .18s,box-shadow .18s}
.service-strip>div:nth-child(2){background:linear-gradient(125deg,#fff6e6,#f9edda);border-color:#f0e0c6}
.service-strip>div:nth-child(3){background:linear-gradient(125deg,#e9f5ef,#dbefe6);border-color:#d6e9df}
.service-strip>div:nth-child(4){background:linear-gradient(125deg,#e8f3e9,#d5e9d9);border-color:#cfe4d3}
.service-strip>div:hover{transform:translateY(-2px);box-shadow:0 9px 19px rgba(29,58,77,.07)}
.service-strip .service-icon{background:#173b56;border-color:#173b56;color:#fff;min-width:45px;width:45px;height:45px;border-radius:12px;box-shadow:0 5px 13px rgba(25,61,80,.12);font-size:24px}
.service-strip>div:nth-child(2) .service-icon{background:#d6942e;border-color:#d6942e}
.service-strip>div:nth-child(3) .service-icon{background:#317c65;border-color:#317c65}
.service-strip>div:nth-child(4) .service-icon{background:#2c7945;border-color:#2c7945}
.service-strip strong{font-size:12px;line-height:1.35;color:#193548;font-weight:850}
.service-strip small{font-size:10px;line-height:1.45;color:#567082;margin-top:6px}

.category-grid{gap:17px}
.category-tile{height:191px;padding:25px;border-radius:14px;border:1px solid #dce5ec;background:linear-gradient(123deg,#e8f2f9,#c8e0ee);box-shadow:0 7px 19px rgba(29,65,91,.035)}
.category-tile:nth-child(2){background:linear-gradient(125deg,#fff1df,#f7d8b3);border-color:#f0ddc5}
.category-tile:nth-child(3){background:linear-gradient(125deg,#e2eced,#c7dde1);border-color:#d0e0e2}
.category-tile:nth-child(4){background:linear-gradient(125deg,#e3f4e9,#bce1ca);border-color:#cde8d7}
.category-tile:nth-child(5){background:linear-gradient(125deg,#e7f5e2,#c6e1b6);border-color:#d5e8cd}
.category-tile:nth-child(6){background:linear-gradient(125deg,#e7f3f8,#c8dfec);border-color:#d4e4ed}
.category-tile:nth-child(7){background:linear-gradient(125deg,#e9edf1,#ced8df);border-color:#dbe2e7}
.category-tile:nth-child(8){background:linear-gradient(125deg,#fff1db,#f4d8a9);border-color:#efddc4}
.category-tile:nth-child(9){background:linear-gradient(125deg,#f2eaf7,#dfcce9);border-color:#e7d9ee}
.category-tile:before{width:195px;height:195px;right:-25px;top:-28px;border:1px solid rgba(255,255,255,.42);box-shadow:0 0 0 30px rgba(255,255,255,.11)}
.category-tile strong{font-size:17px;max-width:205px;color:#173345;line-height:1.28;text-shadow:0 1px 0 rgba(255,255,255,.32)}
.category-tile small{color:#456679;font-size:11px;line-height:1.5;max-width:165px;margin-top:9px;font-weight:650}
.category-tile .cat-real-image{position:absolute;right:12px;bottom:11px;width:145px;height:145px;border-radius:50%;background:#fff;overflow:hidden;box-shadow:0 9px 28px rgba(23,49,59,.12);transform:rotate(-5deg);transition:transform .2s,box-shadow .2s}
.category-tile .cat-real-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:8px;display:block}
.category-tile[data-category="bahce"] .cat-real-image img,.category-tile[data-category="sera"] .cat-real-image img{object-fit:cover;padding:0}
.category-tile:hover .cat-real-image{transform:rotate(0) scale(1.05);box-shadow:0 13px 30px rgba(23,49,59,.18)}
.category-tile .cat-arrow{bottom:21px;left:25px;font-weight:900;font-size:18px;color:#b17b2a}
@media(max-width:1100px){.service-strip>div{padding:13px 11px;gap:9px}.service-strip strong{font-size:11px}.service-strip small{font-size:9px}}
@media(max-width:830px){.service-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-strip>div{min-height:78px}.category-tile{height:179px}}
@media(max-width:620px){.service-strip{gap:9px;padding-top:14px;padding-bottom:10px}.service-strip>div{min-height:89px;padding:11px 9px;gap:8px;align-items:flex-start}.service-strip .service-icon{width:32px;min-width:32px;height:32px;font-size:16px;border-radius:8px}.service-strip strong{font-size:10px}.service-strip small{font-size:9px;margin-top:3px}.category-grid{gap:10px}.category-tile{height:167px;padding:15px 13px}.category-tile strong{font-size:13px;max-width:132px}.category-tile small{font-size:9px;max-width:125px}.category-tile .cat-real-image{right:-4px;bottom:1px;width:105px;height:105px}.category-tile .cat-arrow{left:14px;bottom:12px}}

/* Top navigation: İş Güvenliği sits directly after Bitki & Sera. */
.nav-inner{gap:18px}
.header-nav-links{gap:clamp(11px,1.4vw,23px)}
.safety-nav{position:relative;align-self:center;display:flex;align-items:center;height:53px;z-index:40}
.safety-nav-root{display:inline-flex;align-items:center;gap:5px;color:#995d14!important;font-weight:850}
.safety-nav-chevron{font-size:15px;font-weight:900;line-height:1}
.safety-submenu{display:none;position:absolute;top:calc(100% - 1px);left:-20px;width:315px;padding:15px;background:white;border:1px solid #e5e9ed;border-top:3px solid #e7a337;border-radius:0 0 12px 12px;box-shadow:0 19px 38px rgba(17,42,57,.16);z-index:45;max-height:min(72vh,565px);overflow-y:auto}
.safety-nav:hover .safety-submenu,.safety-nav:focus-within .safety-submenu{display:grid;gap:2px}
.safety-submenu-label{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#8b9aab;padding:4px 8px 9px}
.safety-submenu a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 9px;border-radius:7px;font-weight:700;font-size:12px;line-height:1.4;color:#284254;text-decoration:none}
.safety-submenu a:hover,.safety-submenu a:focus-visible{background:#f4f7f8;color:#a66b16}
.safety-submenu a.safety-shoes-link{background:#fff0d2;color:#67440e;font-weight:900}
.safety-shoes-link b{font-size:9px;white-space:nowrap;background:#edb75f;border-radius:12px;padding:4px 7px;color:#503712}
.subcategory-chips a.featured-subcategory{background:#fff0d2;border-color:#eec274;color:#76501b;font-weight:900}
/* Fix footer mark: a generic span rule was stacking H, N and the dot vertically. */
.footer-top .footer-logo{display:inline-flex;align-items:baseline;white-space:nowrap;gap:6px;font-size:25px;letter-spacing:-.85px;line-height:1.2;text-decoration:none;font-weight:900}
.footer-top .footer-logo>span{display:inline;font-size:inherit;line-height:inherit;margin:0}
.footer-top .footer-logo>b{display:inline;font-size:29px;line-height:inherit}
.footer-top .footer-logo:hover{color:#fff}
.whatsapp-float{position:fixed;right:21px;bottom:22px;z-index:75;width:59px;height:59px;border-radius:50%;background:#25d366;color:#fff;border:2px solid #fff;box-shadow:0 9px 28px rgba(13,60,41,.29);display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}
.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-3px);box-shadow:0 13px 34px rgba(13,60,41,.35)}
.whatsapp-float svg{width:35px;height:35px;display:block}
.whatsapp-tooltip{position:absolute;right:70px;white-space:nowrap;padding:10px 13px;border-radius:9px;background:#17384a;color:white;box-shadow:0 6px 20px rgba(11,31,43,.16);font-weight:750;font-size:12px;opacity:0;pointer-events:none;transform:translateX(5px);transition:opacity .18s,transform .18s}
.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus-visible .whatsapp-tooltip{opacity:1;transform:translateX(0)}
body.admin-mode .whatsapp-float,body:has(#overlay:not(.hidden)) .whatsapp-float{display:none}
@media(max-width:620px){.footer-top .footer-logo{font-size:21px;gap:4px}.whatsapp-float{right:13px;bottom:15px;width:55px;height:55px}.whatsapp-float svg{width:31px;height:31px}.whatsapp-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-tooltip{transition:none}}
@media(max-width:830px){.safety-nav{height:47px}.safety-submenu{display:none!important}.header-nav-links{gap:18px}}
@media(max-width:620px){.header-nav-links{gap:15px}.safety-nav{height:47px}}