25Ürün Bulundu
-
Kendin Tasarla Hoodie (Siyah)
₺1.490,00Orijinal fiyat: ₺1.490,00.₺1.250,00Şu andaki fiyat: ₺1.250,00.Hızlı Al -
ÖN & ARKA BASKI
Komünizm Otomobilleri
₺990,00Orijinal fiyat: ₺990,00.₺750,00Şu andaki fiyat: ₺750,00.Hızlı Al -
-
' . "\n"; } function mk4_css_hero_text() { return <<<'CSS' body.mk4-supra.single-product{--kr:#D6281F;--kg:#121212;--kc:#EFE6D2;--ki:#F2B705;--mk4-ratio:4/5;--mk4-d:'Bebas Neue',Impact,sans-serif;--mk4-j:'Shippori Mincho B1','Hiragino Mincho ProN',serif;--mk4-m:'Space Mono',ui-monospace,monospace;--mk4-pad:clamp(16px,5vw,72px);--mk4-sh:4px;--mk4-hdr:90px;overflow-x:clip} body.mk4-supra.single-product .mk4-anchor{display:block;height:0;scroll-margin-top:var(--mk4-hdr)} /* ---------- HERO ---------- */ body.mk4-supra.single-product .mk4-hero{position:relative;isolation:isolate;overflow:hidden;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-bottom:clamp(24px,5vw,56px);background:var(--kg);color:var(--kc);display:flex;flex-direction:column;min-height:min(92vh,860px);min-height:min(92svh,860px);font-family:var(--mk4-m)} body.mk4-supra.single-product .mk4-hero__main{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(8px,4vw,48px);align-items:center;padding:clamp(24px,6vw,72px) var(--mk4-pad)} body.mk4-supra.single-product .mk4-hero p{margin:0} body.mk4-supra.single-product .mk4-kicker{font:700 clamp(11px,2.8vw,14px)/1.5 var(--mk4-m);letter-spacing:.2em;text-transform:uppercase;color:var(--ki)} body.mk4-supra.single-product .mk4-kanji{font:800 clamp(28px,8vw,56px)/1.2 var(--mk4-j);color:var(--kr);margin-top:.4em} body.mk4-supra.single-product .mk4-h1{font:400 clamp(84px,28vw,260px)/.8 var(--mk4-d);letter-spacing:.01em;text-transform:uppercase;margin:.1em 0 .12em;color:var(--kc)} body.mk4-supra.single-product .mk4-h1 span,body.mk4-supra.single-product .mk4-h1 em{display:block} body.mk4-supra.single-product .mk4-h1 em{font-style:normal;color:var(--kr);-webkit-text-stroke:1.5px var(--ki);paint-order:stroke fill} body.mk4-supra.single-product .mk4-name{font:700 clamp(12px,3vw,15px)/1.4 var(--mk4-m);letter-spacing:.14em;text-transform:uppercase;border-top:3px solid var(--kc);display:inline-block;padding-top:8px;margin-bottom:12px} body.mk4-supra.single-product .mk4-sub{font-size:clamp(15px,3.6vw,19px);line-height:1.6;max-width:44ch;margin-bottom:14px} body.mk4-supra.single-product .mk4-burst{display:flex;flex-wrap:wrap;gap:.4em;font:700 clamp(15px,4.4vw,22px)/1 var(--mk4-m);color:var(--ki);text-transform:uppercase;margin-bottom:16px} body.mk4-supra.single-product .mk4-burst span{opacity:.25;animation:mk4-flash 1.3s steps(2,end) infinite} body.mk4-supra.single-product .mk4-burst span:nth-child(2){animation-delay:.15s} body.mk4-supra.single-product .mk4-burst span:nth-child(3){animation-delay:.3s} body.mk4-supra.single-product .mk4-burst span:nth-child(4){animation-delay:.45s} body.mk4-supra.single-product .mk4-burst span:nth-child(5){animation-delay:.6s} @keyframes mk4-flash{0%,60%{opacity:.25}70%,100%{opacity:1}} body.mk4-supra.single-product .mk4-buyrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:18px} body.mk4-supra.single-product .mk4-price{font:400 clamp(30px,8vw,46px)/1 var(--mk4-d);letter-spacing:.03em;color:var(--kc)} body.mk4-supra.single-product .mk4-price del{font-size:.6em;opacity:.6;margin-right:.4em} body.mk4-supra.single-product .mk4-price ins{text-decoration:none;background:none;color:var(--kc)} body.mk4-supra.single-product .mk4-disc{background:var(--ki);color:var(--kg);font:700 12px/1 var(--mk4-m);letter-spacing:.1em;padding:7px 10px} body.mk4-supra.single-product .mk4-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px} body.mk4-supra.single-product .mk4-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--kr);color:var(--kc);border:3px solid var(--kc);box-shadow:var(--mk4-sh) var(--mk4-sh) 0 var(--ki);font:700 13px/1.2 var(--mk4-m);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center;border-radius:0;transition:transform .15s,box-shadow .15s} body.mk4-supra.single-product .mk4-btn:focus-visible{outline:3px dashed var(--ki);outline-offset:3px} body.mk4-supra.single-product .mk4-btn--ink{background:var(--kg);color:var(--kc);border-color:var(--kg);box-shadow:var(--mk4-sh) var(--mk4-sh) 0 var(--kc)} body.mk4-supra.single-product .mk4-stamp{display:none} /* kadran */ body.mk4-supra.single-product .mk4-hero__dial{position:relative;isolation:isolate;display:grid;place-items:center;padding:6%;pointer-events:none} body.mk4-supra.single-product .mk4-sun{position:absolute;z-index:-1;left:50%;top:50%;width:min(125%,640px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--kr)} body.mk4-supra.single-product .mk4-sun::after{content:"";position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(var(--kg) 28%,transparent 30%);background-size:12px 12px;-webkit-mask-image:linear-gradient(to top,black,transparent 65%);mask-image:linear-gradient(to top,black,transparent 65%);opacity:.55} body.mk4-supra.single-product .mk4-gauge{display:block;width:min(78%,420px);max-width:100%;height:auto} body.mk4-supra.single-product .mk4-g-ring{fill:var(--kg);stroke:var(--kc);stroke-width:3} body.mk4-supra.single-product .mk4-tk{stroke:var(--kc);stroke-width:2} body.mk4-supra.single-product .mk4-tk--m{stroke-width:1;opacity:.7} body.mk4-supra.single-product .mk4-tk--red{stroke:var(--kr);opacity:1} body.mk4-supra.single-product .mk4-g-red{fill:none;stroke:var(--kr);stroke-width:5} body.mk4-supra.single-product .mk4-g-n{fill:var(--kc);font:700 11px var(--mk4-m);text-anchor:middle;dominant-baseline:middle} body.mk4-supra.single-product .mk4-g-u{fill:var(--ki);font:400 6.5px var(--mk4-m);letter-spacing:.15em;text-anchor:middle} body.mk4-supra.single-product .mk4-g-u--r{fill:var(--kr);font-weight:700} body.mk4-supra.single-product .mk4-needle{fill:var(--ki);transform-box:view-box;transform-origin:100px 100px;transform:rotate(-125deg);animation:mk4-rev 9s ease-in-out infinite} body.mk4-supra.single-product .mk4-g-hub{fill:var(--kr);stroke:var(--kc);stroke-width:2} @keyframes mk4-rev{0%{transform:rotate(-125deg)}6%{transform:rotate(118deg)}9%{transform:rotate(96deg)}13%{transform:rotate(122deg)}22%{transform:rotate(-108deg)}100%{transform:rotate(-108deg)}} /* ticker */ body.mk4-supra.single-product .mk4-tick{overflow:hidden;white-space:nowrap;color:var(--kg);border-block:3px solid var(--kg);font:400 clamp(18px,4.6vw,28px)/1 var(--mk4-d);letter-spacing:.06em;padding:8px 0} body.mk4-supra.single-product .mk4-tick--a{background:var(--kr);color:var(--kc)} body.mk4-supra.single-product .mk4-tick--b{background:var(--ki)} body.mk4-supra.single-product .mk4-tick__track{display:inline-flex;width:max-content;animation:mk4-scroll 36s linear infinite} body.mk4-supra.single-product .mk4-tick--b .mk4-tick__track{animation-direction:reverse} body.mk4-supra.single-product .mk4-tick span{margin-inline:.5em} body.mk4-supra.single-product .mk4-tick i{font-style:normal;opacity:.8} @keyframes mk4-scroll{to{transform:translateX(-50%)}} /* ---------- HİKÂYE ---------- */ body.mk4-supra.single-product .mk4-story{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow-x:clip;font-family:var(--mk4-m)} body.mk4-supra.single-product .mk4-sec{position:relative;overflow:hidden;padding:clamp(40px,9vw,112px) var(--mk4-pad)} body.mk4-supra.single-product .mk4-sec--paper{background:var(--kc);color:var(--kg)} body.mk4-supra.single-product .mk4-sec--ink{background:var(--kg);color:var(--kc)} body.mk4-supra.single-product .mk4-sec--red{background:var(--kr);color:var(--kg)} body.mk4-supra.single-product .mk4-story p{margin:0} body.mk4-supra.single-product .mk4-wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto} body.mk4-supra.single-product .mk4-eyebrow{font:700 clamp(11px,2.8vw,13px)/1.5 var(--mk4-m);letter-spacing:.22em;text-transform:uppercase;margin-bottom:.8em} body.mk4-supra.single-product .mk4-sec--ink .mk4-eyebrow{color:var(--ki)} body.mk4-supra.single-product .mk4-h2{font:400 clamp(34px,8vw,84px)/.92 var(--mk4-d);text-transform:uppercase;margin-bottom:.45em;text-wrap:balance} body.mk4-supra.single-product .mk4-man{font:400 clamp(40px,11.5vw,150px)/.9 var(--mk4-d);text-transform:uppercase;display:flex;flex-direction:column} body.mk4-supra.single-product .mk4-man span{display:block} body.mk4-supra.single-product .mk4-hot{color:var(--kr)} body.mk4-supra.single-product .mk4-burst-lg{font:700 clamp(14px,4vw,24px)/1.3 var(--mk4-m);letter-spacing:.08em;text-transform:uppercase;margin-top:1.2em;color:var(--ki)} body.mk4-supra.single-product .mk4-sec--red .mk4-burst-lg{color:var(--kg)} body.mk4-supra.single-product .mk4-split{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center} body.mk4-supra.single-product .mk4-prose p{font-size:clamp(15px,2.2vw,18px);line-height:1.75;max-width:60ch;margin-bottom:1em} body.mk4-supra.single-product .mk4-quote{margin:0;padding:0 0 0 clamp(14px,3vw,28px);border:0;border-left:6px solid var(--kr);font:400 clamp(30px,7vw,60px)/1 var(--mk4-d);text-transform:uppercase;color:var(--kg)} body.mk4-supra.single-product .mk4-wm{position:absolute;z-index:0;right:-3%;bottom:-14%;font:800 clamp(180px,42vw,520px)/1 var(--mk4-j);color:var(--kg);opacity:.07;pointer-events:none;user-select:none} body.mk4-supra.single-product .mk4-faces{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,5vw,48px)} body.mk4-supra.single-product .mk4-face{margin:0} body.mk4-supra.single-product .mk4-frame{position:relative;aspect-ratio:var(--mk4-ratio);border:4px solid var(--kg);background:var(--kc);box-shadow:var(--mk4-sh) var(--mk4-sh) 0 var(--kg);overflow:hidden} body.mk4-supra.single-product .mk4-frame img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center} body.mk4-supra.single-product .mk4-fb{display:block;width:100%;height:100%;padding:12%} body.mk4-supra.single-product .mk4-fb__p{fill:none;stroke:var(--kg);stroke-width:3} body.mk4-supra.single-product .mk4-fb__s{fill:var(--kr)} body.mk4-supra.single-product .mk4-chip{position:absolute;left:0;top:0;background:var(--kg);color:var(--kc);font:700 12px/1 var(--mk4-m);letter-spacing:.16em;padding:9px 12px} body.mk4-supra.single-product .mk4-face figcaption{margin-top:12px;font-size:clamp(13px,2.4vw,15px);line-height:1.6;color:var(--kg)} body.mk4-supra.single-product .mk4-tech{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,5vw,56px)} body.mk4-supra.single-product .mk4-specs{margin:0} body.mk4-supra.single-product .mk4-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;padding:14px 0;border-bottom:1px dashed var(--kc)} body.mk4-supra.single-product .mk4-row dt{font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ki)} body.mk4-supra.single-product .mk4-row dd{margin:0;font-size:clamp(14px,2.4vw,16px);line-height:1.5;overflow-wrap:anywhere} body.mk4-supra.single-product .mk4-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:3px solid var(--kc);max-width:100%} body.mk4-supra.single-product .mk4-tw table{width:100%;min-width:260px;border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0} body.mk4-supra.single-product .mk4-tw th,body.mk4-supra.single-product .mk4-tw td{padding:12px 14px;text-align:left;border:0;border-top:1px solid var(--kc);color:var(--kc);background:transparent} body.mk4-supra.single-product .mk4-tw th{background:var(--kc);color:var(--kg);border-top:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase} body.mk4-supra.single-product .mk4-care{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:clamp(12px,3vw,24px)} body.mk4-supra.single-product .mk4-care__i{border:3px solid var(--kg);padding:clamp(14px,3vw,22px)} body.mk4-supra.single-product .mk4-care__i b{display:block;font:400 clamp(36px,7vw,56px)/1 var(--mk4-d);color:var(--kr)} body.mk4-supra.single-product .mk4-care__t{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin:.4em 0 .5em} body.mk4-supra.single-product .mk4-care__i p{font-size:clamp(14px,2.3vw,15px);line-height:1.6} body.mk4-supra.single-product .mk4-close{padding-bottom:0} body.mk4-supra.single-product .mk4-close__t{font:400 clamp(44px,15vw,230px)/.85 var(--mk4-d);text-transform:uppercase;letter-spacing:.01em;overflow-wrap:normal} body.mk4-supra.single-product .mk4-close .mk4-wrap{padding-bottom:clamp(28px,6vw,64px)} body.mk4-supra.single-product .mk4-close .mk4-tick{margin-inline:calc(var(--mk4-pad) * -1)} /* ---------- Hover (yalnızca fareli cihaz) ---------- */ @media (hover:hover){ body.mk4-supra.single-product .mk4-btn:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--mk4-sh) + 2px) calc(var(--mk4-sh) + 2px) 0 var(--ki)} body.mk4-supra.single-product .mk4-btn--ink:hover{box-shadow:calc(var(--mk4-sh) + 2px) calc(var(--mk4-sh) + 2px) 0 var(--kc)} } /* ---------- 360 ve altı ---------- */ @media (max-width:360px){ body.mk4-supra.single-product .mk4-btn{width:100%} body.mk4-supra.single-product .mk4-row{grid-template-columns:minmax(0,1fr)} body.mk4-supra.single-product .mk4-h1 em{-webkit-text-stroke-width:1px} } /* ---------- 480+ ---------- */ @media (min-width:480px){ body.mk4-supra.single-product .mk4-gauge{width:min(70%,420px)} } /* ---------- 768+ ---------- */ @media (min-width:768px){ body.mk4-supra.single-product{--mk4-sh:6px;--mk4-hdr:110px} body.mk4-supra.single-product .mk4-hero__main{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)} body.mk4-supra.single-product .mk4-h1{font-size:clamp(84px,17vw,260px)} body.mk4-supra.single-product .mk4-h1 em{-webkit-text-stroke-width:2px} body.mk4-supra.single-product .mk4-stamp{display:inline-block;transform:rotate(-8deg);border:3px solid var(--kr);color:var(--kr);font:800 22px/1 var(--mk4-j);padding:8px 12px} body.mk4-supra.single-product .mk4-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)} body.mk4-supra.single-product .mk4-faces{grid-template-columns:repeat(2,minmax(0,1fr))} body.mk4-supra.single-product .mk4-gauge{width:min(86%,440px)} body.mk4-supra.single-product .mk4-tick__track{animation-duration:30s} } /* ---------- 1024+ ---------- */ @media (min-width:1024px){ body.mk4-supra.single-product .mk4-h1{font-size:clamp(100px,16vw,290px)} body.mk4-supra.single-product .mk4-tech{grid-template-columns:repeat(2,minmax(0,1fr))} } /* ---------- 1200+ ---------- */ @media (min-width:1200px){ body.mk4-supra.single-product{--mk4-sh:8px} } /* ---------- Mobilde hafif animasyon ---------- */ @media (max-width:767px){ body.mk4-supra.single-product .mk4-tick__track{animation-duration:48s} body.mk4-supra.single-product .mk4-burst span{animation-duration:1.8s} } /* ---------- Azaltılmış hareket ---------- */ @media (prefers-reduced-motion:reduce){ body.mk4-supra.single-product .mk4-tick__track,body.mk4-supra.single-product .mk4-needle,body.mk4-supra.single-product .mk4-burst span{animation:none} body.mk4-supra.single-product .mk4-needle{transform:rotate(60deg)} body.mk4-supra.single-product .mk4-burst span{opacity:1} body.mk4-supra.single-product .mk4-tick{white-space:normal;text-align:center} body.mk4-supra.single-product .mk4-tick__track{flex-wrap:wrap;justify-content:center;width:auto} body.mk4-supra.single-product .mk4-btn{transition:none} } CSS; }