/* Tokar Shop storefront v5.27 — industrial premium system */
:root{--v527-ink:#18212b;--v527-navy:#153653;--v527-blue:#245f8d;--v527-line:#dce3ea;--v527-soft:#f5f7f9;--v527-warm:#f2b544}
html,body,button,input,select,textarea{font-family:Bahnschrift,"Bahnschrift SemiBold","DIN Alternate",Manrope,"Segoe UI",Arial,sans-serif!important}
body{letter-spacing:.005em;background:#f7f8fa!important;color:var(--v527-ink)!important}
.topbar{background:#17364d!important;color:#eef5fa!important;letter-spacing:.04em}
header{background:rgba(255,255,255,.98)!important;box-shadow:0 1px 0 rgba(25,44,61,.08),0 9px 32px rgba(25,44,61,.05)}
.brand{letter-spacing:-.03em}.brand-mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 20px rgba(17,35,50,.16)}
.search-box{border-color:#cfd8e0!important;background:#f9fafb!important}.search-box:focus-within{border-color:#356f99!important;box-shadow:0 0 0 4px rgba(53,111,153,.11)}
.category-nav{gap:18px!important}.category-nav button{font-weight:650!important}
.hero{min-height:430px!important;aspect-ratio:auto!important;background:linear-gradient(125deg,#eef3f6 0%,#fafcfd 48%,#e6edf2 100%)!important;border:1px solid #dfe6eb!important;box-shadow:0 24px 70px rgba(29,49,65,.1)!important;isolation:isolate;overflow:hidden!important}
.hero-image{display:none!important}.hero-shade{display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.92) 46%,rgba(248,251,253,.25) 72%,rgba(248,251,253,.04) 100%)!important;z-index:1!important}
.hero::before{content:"";position:absolute;right:7%;top:16%;width:min(520px,44vw);height:68%;z-index:0;background:linear-gradient(160deg,transparent 0 19%,#263746 19.5% 24%,transparent 24.5% 31%,#3e5261 31.5% 37%,transparent 37.5% 48%,#1d2b36 48.5% 54%,transparent 54.5%),repeating-linear-gradient(90deg,transparent 0 28px,rgba(36,95,141,.09) 29px 30px),repeating-linear-gradient(0deg,transparent 0 28px,rgba(36,95,141,.07) 29px 30px);clip-path:polygon(0 8%,100% 0,96% 100%,7% 91%);opacity:.94;filter:drop-shadow(0 18px 18px rgba(12,27,39,.14))}
.hero::after{content:"TOKAR SHOP  /  CUTTING TOOLS";position:absolute;right:4%;bottom:8%;z-index:0;color:rgba(21,54,83,.22);font-size:clamp(13px,1.4vw,19px);font-weight:800;letter-spacing:.18em;transform:rotate(-3deg)}
.hero-content{display:block!important;position:relative!important;z-index:2!important;max-width:650px!important;padding:clamp(44px,6vw,82px)!important;color:#182633!important}.hero-content .eyebrow{color:#2e648b!important;font-weight:800!important;letter-spacing:.18em!important}.hero-content h1{font-size:clamp(38px,5vw,68px)!important;line-height:.98!important;letter-spacing:-.045em!important;max-width:660px!important}.hero-content p{font-size:clamp(16px,1.7vw,21px)!important;line-height:1.45!important;max-width:580px!important;color:#4b5c6a!important}.hero-content .primary{box-shadow:0 12px 28px rgba(21,54,83,.2)}
.benefits{margin-top:14px!important}.benefits>div{border:1px solid #e0e6eb!important;background:#fff!important;border-radius:14px!important;box-shadow:0 7px 22px rgba(24,42,57,.05)!important}
.section-heading h2{letter-spacing:-.035em!important;font-size:clamp(28px,3vw,40px)!important}.eyebrow{letter-spacing:.12em!important;font-weight:800!important}
.catalog-layout{gap:20px!important}.filters{border:1px solid #dfe5ea!important;background:#fff!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(22,42,57,.04)!important}.category-list button{border-radius:10px!important}.category-list button.selected{background:#17364d!important;color:#fff!important}
.catalog-toolbar{border:1px solid #dfe5ea!important;background:#fff!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(20,38,52,.045)!important}
.product-grid{gap:18px!important}.product-card{border:1px solid #dfe5ea!important;background:#fff!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 7px 24px rgba(26,43,58,.045)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.product-card:hover{transform:translateY(-3px)!important;border-color:#bdcbd5!important;box-shadow:0 20px 46px rgba(24,45,61,.11)!important}.image-button{background:linear-gradient(180deg,#fbfcfd,#f3f6f8)!important;border-bottom:1px solid #edf0f3!important}.product-image{background:transparent!important}.product-body{padding:15px 15px 16px!important}.product-category{font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#607181!important}.product-title{font-size:15px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.01em!important}.product-sku{font-family:Bahnschrift,"Segoe UI",sans-serif!important;letter-spacing:.04em!important;color:#7a8791!important}.price{font-size:21px!important;letter-spacing:-.025em!important}.add-button{border-radius:10px!important;font-weight:700!important}.availability.available{color:#147652!important}
.technical-placeholder{position:relative!important;width:100%;height:100%;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 42%,#fff 0,#f4f7f9 66%,#edf2f5 100%)!important;color:#233747!important}.technical-placeholder::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(40,70,92,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(40,70,92,.04) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.technical-placeholder::after{content:"TECHNICAL PREVIEW";position:absolute;right:9px;top:8px;font-size:8px;letter-spacing:.13em;color:#9aa8b2}.tool-sketch{width:min(76%,210px);height:auto;max-height:58%;color:#293d4c;filter:drop-shadow(0 10px 8px rgba(30,50,66,.08));position:relative;z-index:1}.tool-sketch.large{width:min(76%,360px);max-height:68%}.technical-placeholder>span{position:relative;z-index:1;max-width:85%;font-weight:700;font-size:12px;text-align:center;color:#3b4d5b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.technical-placeholder>small{position:relative;z-index:1;color:#8a98a3;font-size:9px;letter-spacing:.03em}.detail-layout .technical-placeholder>span{white-space:normal;font-size:14px}.detail-layout .technical-placeholder>small{font-size:10px}
dialog{border-radius:18px!important;border:1px solid #dce3e9!important;box-shadow:0 30px 90px rgba(18,34,47,.22)!important}.detail-price{font-family:Bahnschrift,"Segoe UI",sans-serif!important;letter-spacing:-.03em}
.delivery-section{background:#edf2f5!important}.delivery-cards>div{border-radius:16px!important;border:1px solid #dce4ea!important;background:#fff!important;box-shadow:0 9px 28px rgba(20,40,55,.05)!important}
footer{background:#152c3d!important}
@media(max-width:850px){.hero{min-height:380px!important}.hero::before{width:50vw;right:-4%;opacity:.55}.hero-content{padding:40px 28px!important;max-width:75%!important}.hero-content h1{font-size:42px!important}}
@media(max-width:600px){.hero{min-height:420px!important;margin-top:12px!important}.hero::before{width:75vw;height:46%;top:auto;bottom:3%;right:-10%;opacity:.5}.hero-shade{background:linear-gradient(180deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.95) 57%,rgba(248,251,253,.45) 100%)!important}.hero-content{padding:28px 22px!important;max-width:100%!important}.hero-content h1{font-size:38px!important}.hero-content p{font-size:15px!important;max-width:92%!important}.hero::after{display:none}.product-grid{gap:12px!important}.product-card{border-radius:13px!important}.technical-placeholder>span{font-size:11px}}