/*
Theme Name: Fashion for You — Sport
Author: Kreko
Version: 1.0.0
Description: Lokalny sklep sportowy Fashion for You.
*/
:root{--ink:#15221d;--lime:#d7fa50;--paper:#f7f8f3;--muted:#626b64;--line:#dce1d7;--green:#244b38;--orange:#ff6e35}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05;letter-spacing:-.045em}h2{font-size:clamp(32px,4vw,54px)}.wrap{max-width:1320px;margin:auto;padding:0 52px}.skip{position:absolute;top:-80px;background:white;z-index:20}.skip:focus{top:0}.demo-bar{background:var(--ink);color:#e2eacb;text-align:center;font-size:11px;letter-spacing:.08em;padding:7px 12px}.masthead{position:relative;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand b{font-size:38px;letter-spacing:-4px;font-style:italic;line-height:1}.brand span{border-left:1px solid #b6bfb1;padding-left:13px;font-size:11px;font-weight:700;line-height:1.15;letter-spacing:.13em;text-transform:uppercase}.nav ul{display:flex;list-style:none;gap:26px;margin:0;padding:0}.nav a{font-size:13px;font-weight:700}.nav a:hover{box-shadow:0 2px var(--green)}.header-link{font-size:12px;border:1px solid var(--ink);border-radius:25px;padding:10px 18px;white-space:nowrap}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:8px 12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;border-bottom:1px solid var(--line)}.hero-copy{padding:66px 35px 55px max(52px,calc((100vw - 1216px)/2));background:var(--lime);position:relative}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:700;margin-bottom:24px;display:block}.hero h1{font-size:clamp(58px,6.2vw,94px);font-weight:800;letter-spacing:-.07em;margin-bottom:26px;max-width:640px}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:15px;max-width:360px;margin-bottom:30px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;background:var(--ink);color:white;padding:15px 23px;border-radius:4px;font-size:13px;font-weight:700;border:0;cursor:pointer}.button.light{background:var(--lime);color:var(--ink)}.button.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}.button:hover{transform:translateY(-2px)}.hero-image{position:relative;background:#25422b;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.68)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,25,14,.65),transparent 65%)}.field-text{position:absolute;z-index:1;bottom:43px;left:38px;right:38px;color:white;display:flex;justify-content:space-between;align-items:end;gap:20px}.field-text strong{font-size:37px;line-height:1.05;letter-spacing:-.04em}.field-text span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.round-mark{position:absolute;right:35px;top:35px;z-index:1;background:var(--lime);color:var(--ink);width:94px;height:94px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.25;font-weight:800;transform:rotate(12deg)}.ticker{display:flex;justify-content:space-between;gap:12px;padding-top:19px;padding-bottom:19px;text-transform:uppercase;font-size:10px;letter-spacing:.13em;border-bottom:1px solid var(--line)}.ticker span:before{content:"+";color:var(--green);font-weight:bold;margin-right:12px;font-size:15px}.section{padding-top:76px;padding-bottom:76px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-head h2{margin-bottom:0}.section-head .eyebrow{margin-bottom:13px}.text-link{font-size:12px;font-weight:bold;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.surfaces{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:6px;overflow:hidden}.surface{padding:23px 21px 25px;border-right:1px solid var(--line);transition:background .2s}.surface:last-child{border:0}.surface:hover{background:var(--lime)}.surface-code{font-size:40px;letter-spacing:-.07em;font-weight:800;display:block;margin-bottom:27px}.surface small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.surface strong{font-size:13px}.surface .arrow{float:right}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{position:relative;min-width:0}.product-image{display:block;background:#e9ede5;aspect-ratio:1/1.06;border-radius:6px;position:relative;overflow:hidden;margin-bottom:18px}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-image:hover img{transform:rotate(-3deg) scale(1.05)}.tag{position:absolute;top:14px;left:14px;font-size:9px;background:white;padding:5px 9px;border-radius:2px;text-transform:uppercase;letter-spacing:.06em}.product-brand{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.product-card h3{font-size:18px;letter-spacing:-.02em;line-height:1.2;margin:0 0 9px}.product-note{font-size:11px;color:var(--muted);margin:0 0 9px}.product-bottom{border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between;font-size:11px;font-weight:700}.demo-note{font-size:11px;color:var(--muted);margin-top:20px;max-width:700px}.audience{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.audience a{padding:30px;background:var(--green);color:white;border-radius:6px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s}.audience a:nth-child(2){background:#cdd5c5;color:var(--ink)}.audience a:nth-child(3){background:var(--lime);color:var(--ink)}.audience a:hover{outline:2px solid var(--orange)}.audience h3{font-size:37px;margin:15px 0 0}.audience span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.guide{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e9ede3;padding:53px;border-radius:7px}.guide p{color:var(--muted);font-size:14px;max-width:430px}.guide h2{font-size:45px}.guide-steps{border-top:1px solid #bdc8b5}.guide-step{padding:18px 0;border-bottom:1px solid #bdc8b5;display:flex;gap:22px}.guide-step b{font-size:12px;color:#52674e}.guide-step h3{font-size:18px;margin-bottom:8px}.guide-step p{margin:0;font-size:12px}.footer{background:var(--ink);color:#edf1e7;padding-top:50px;padding-bottom:25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:44px}.footer p{max-width:340px;color:#aab7a5;font-size:12px;margin-top:25px}.footer h3{font-size:12px;letter-spacing:0;margin-bottom:18px}.footer a:not(.brand){display:block;font-size:12px;margin-bottom:9px}.footer-bottom{border-top:1px solid #3b493c;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:#aab7a5}.footer-bottom a{font-size:10px!important;display:inline!important}.catalog-heading{padding-top:54px;padding-bottom:25px}.catalog-heading h1{font-size:60px;margin-bottom:15px}.catalog-heading p{color:var(--muted);font-size:14px}.filters{display:flex;gap:12px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:35px;align-items:center}.filters input,.filters select{padding:10px 12px;background:transparent;border:1px solid #bcc8b7;border-radius:3px;min-width:120px;font-size:12px}.filters input{flex:1;min-width:160px}.filters label{font-size:11px}.filter-submit{padding:10px 18px}.empty{padding:50px;background:#e9ede3;grid-column:1/-1}.breadcrumb{font-size:11px;color:var(--muted);padding:25px 0}.single-product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding-bottom:70px}.detail-art{background:#e9ede5;border-radius:6px;position:relative;aspect-ratio:1}.detail-art img{width:100%;height:100%;object-fit:contain}.detail-info h1{font-size:44px;line-height:1.1;margin:12px 0 25px}.detail-info p{font-size:14px;color:var(--muted)}.detail-info .status{background:var(--lime);display:inline-block;padding:7px 12px;font-size:11px;font-weight:bold;margin-bottom:25px}.specs{margin:25px 0}.specs div{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:10px 0;border-bottom:1px solid var(--line)}.size-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 25px}.size-button{border:1px solid #a9b5a2;background:transparent;min-width:44px;padding:10px;cursor:pointer;border-radius:3px}.size-button[aria-pressed=true]{background:var(--ink);color:white}.prose{max-width:850px;margin:auto;padding-top:55px;padding-bottom:75px}.prose h1{font-size:55px}.prose h2{font-size:28px;margin-top:35px}.prose p,.prose li{color:#485447;line-height:1.8}.prose a{color:#2f5e3e;text-decoration:underline}.pagination{margin-top:25px}.pagination .page-numbers{padding:7px 12px;border:1px solid var(--line)}.pagination .current{background:var(--lime)}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1216px)/2)}}
@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.header-inner{gap:20px}.nav ul{gap:15px}.hero-copy{padding:50px 28px}.hero{min-height:490px}.hero h1{font-size:70px}.products-grid{gap:16px}.surfaces{grid-template-columns:repeat(5,1fr)}.surface{padding:20px 13px}.surface strong{font-size:11px}.guide{gap:30px;padding:35px}.single-product-layout{gap:30px}.header-link{display:none}}
@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.demo-bar{font-size:9px}.header-inner{height:74px;flex-wrap:wrap}.brand b{font-size:33px}.brand span{font-size:9px}.menu-toggle{display:block}.nav{display:none;width:100%;position:absolute;top:100%;left:0;z-index:8;background:var(--paper);padding:24px;border-bottom:1px solid var(--line)}.nav.open{display:block}.nav ul{display:flex;flex-direction:column;gap:18px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 24px 44px}.hero h1{font-size:54px}.hero-image{min-height:310px}.hero p{max-width:300px}.field-text{bottom:28px;left:25px;right:25px}.field-text strong{font-size:33px}.round-mark{width:78px;height:78px;font-size:9px;top:23px;right:23px}.ticker{flex-wrap:wrap;justify-content:flex-start;gap:10px 22px;font-size:8px}.ticker span{flex-basis:43%}.ticker span:before{margin-right:7px}.section{padding-top:45px;padding-bottom:45px}.section-head{align-items:start;gap:15px}.section-head h2{font-size:34px}.section-head .text-link{font-size:10px;margin-top:25px}.surfaces{grid-template-columns:repeat(2,1fr)}.surface{padding:20px;border-bottom:1px solid var(--line)}.surface:nth-child(even){border-right:0}.surface:last-child{grid-column:1/-1}.surface-code{font-size:34px;margin-bottom:15px}.products-grid{grid-template-columns:repeat(2,1fr);gap:25px 14px}.product-card h3{font-size:15px}.product-brand{font-size:9px}.product-note{font-size:10px}.tag{font-size:8px;top:9px;left:9px}.product-bottom{font-size:10px}.audience{grid-template-columns:1fr}.audience a{min-height:130px;padding:24px}.audience h3{font-size:32px}.guide{grid-template-columns:1fr;padding:28px 22px;gap:20px}.guide h2{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.single-product-layout{grid-template-columns:1fr;gap:25px}.detail-info h1{font-size:38px}.catalog-heading h1{font-size:44px}.filters{gap:9px}.filters select{max-width:100%}.prose h1{font-size:40px}.prose{padding-top:35px}.header-inner .nav a{font-size:15px}}