' . "\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;
}
2000 TL ÜSTÜ ÜCRETSİZ KARGO
YENİ SEZON, YENİ MODELLER: KAÇIRMAMANIZ GEREKEN MODA İNDİRİMLERİ
Üye Ol
Erken indirim fırsatlarına erişim ve size özel yeni ürünler, trendler ve promosyonlardan haberdar olmak için kaydolun. Abonelikten çıkmak için e-postalarımızdaki “abonelikten çık” seçeneğine tıklayın.
Sepetiniz Boş
Mağazada mevcut tüm ürünleri inceleyebilir ve bunlardan bazılarını satın alabilirsiniz
Mağazaya Geri Dön