@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Prata&display=swap');
:root{--ink:#253c32;--paper:#faf9f6;--line:#dedfd7;--muted:#646a63}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a4793f;outline-offset:6px}.wrap{max-width:1280px;margin:auto;padding-left:56px;padding-right:56px}.topline{background:var(--ink);color:white;text-align:center;font-size:11px;letter-spacing:2px;padding:9px 15px}header{height:110px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Prata,Georgia,serif;font-size:35px;line-height:1.25;letter-spacing:-2px}.logo span{display:block;font:9px/2 Manrope,sans-serif;letter-spacing:2.1px;text-align:center}nav{display:flex;gap:34px;font-size:14px}.header-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}.header-link span{margin-left:25px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:26px;padding-bottom:70px}.hero-copy{padding-top:35px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px}h1,h2{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.25}h1{font-size:57px;margin:24px 0}em{font-family:Georgia,serif;font-weight:400}.hero-copy p{max-width:350px;color:var(--muted);margin-bottom:28px}.button{background:var(--ink);color:white;padding:17px 24px;display:inline-flex;gap:65px;font-size:14px}.button:hover{background:#405b4c}.hero-note{font-size:11px;color:var(--muted);margin-top:21px}.hero-photo{height:540px;position:relative;overflow:hidden;background:#ddd9ce}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.83)}.photo-label{position:absolute;left:30px;bottom:45px;color:#fff;font:30px/1.3 Prata,Georgia,serif}.photo-index{position:absolute;top:20px;left:24px;color:white;font-size:10px;letter-spacing:2px}.brands{padding-top:32px;padding-bottom:72px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}h2{font-size:39px;margin:15px 0}.section-head p{font-size:14px;color:var(--muted);margin:0 0 9px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.brand{height:208px;padding:18px 20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;transition:background .2s,transform .2s}.brand+.brand{border-left:1px solid var(--line)}.brand:hover{background:#eff0e9;transform:translateY(-4px)}.brand-top{display:flex;justify-content:space-between;width:100%;font-size:11px;color:#777d75}.brand-top span{font-size:18px}.brand strong{color:#151716;font-weight:400}.zara{font-family:Didot,'Times New Roman',serif;font-size:57px;letter-spacing:-7px;padding-right:7px}.hm{font-family:Georgia,serif;font-size:48px;font-style:italic;font-weight:bold!important;color:#b3212d!important;letter-spacing:-5px}.mango{font-family:'Times New Roman',serif;font-size:34px;letter-spacing:1px}.massimo{font-family:Georgia,serif;font-style:italic;font-size:25px;letter-spacing:-1px}.brand-bottom{font-size:10px;text-align:center;color:var(--muted)}.brand-foot{text-align:center;margin-top:23px;font-size:12px;color:var(--muted)}.brand-foot span{color:var(--ink);font-weight:600}.how{background:#eeefe9;padding:62px 0 66px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:37px}.number{font:18px Prata,Georgia,serif;color:#7c887c;display:block;border-top:1px solid #c9cec3;padding-top:20px}h3{font-size:18px;font-weight:500;margin:17px 0 8px}.steps p{font-size:14px;color:var(--muted);margin:0}.delivery{padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:130px}.delivery>div>p{font-size:14px;color:var(--muted);max-width:410px}.route{padding-top:30px}.route>div{display:flex;gap:24px;position:relative;padding-bottom:30px}.route>div:not(:last-child):before{content:'';position:absolute;left:21px;top:43px;bottom:0;border-left:1px solid #c9cec3}.point{height:44px;width:44px;flex-shrink:0;border:1px solid #c9cec3;border-radius:50%;display:grid;place-items:center;font-size:12px}.route h3{margin:3px 0 6px}.route p{font-size:13px;margin:0;color:var(--muted)}.order{text-align:center;background:var(--ink);color:white;padding-top:52px;padding-bottom:52px}.order h2{font-size:43px}.order p{font-size:14px;color:#d5ddd4}.pending{display:inline-block;border:1px solid #768678;padding:11px 22px;margin-top:13px;font-size:13px;color:#d5ddd4}footer{padding-top:34px;padding-bottom:34px;display:flex;justify-content:space-between;align-items:center}footer p{font-size:12px;color:var(--muted)}footer small{font-size:10px;color:var(--muted);text-align:right}@media(min-width:1450px){.hero-photo{height:580px}.hero-copy{padding-top:55px}}@media(max-width:950px){.wrap{padding-left:28px;padding-right:28px}.hero{gap:28px}h1{font-size:45px}.hero-photo{height:510px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand:nth-child(3){border-left:0}.brand:nth-child(n+3){border-top:1px solid var(--line)}.delivery{gap:55px}.steps{gap:28px}}@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.topline{font-size:9px;letter-spacing:1.3px}header{height:87px}nav{display:none}.logo{font-size:30px}.header-link{font-size:12px}.hero{grid-template-columns:1fr;padding-top:2px;padding-bottom:35px;gap:28px}.hero-copy{padding-top:10px}h1{font-size:43px;margin:17px 0}.hero-copy p{font-size:15px;max-width:320px}.hero-photo{height:340px}.hero-note{font-size:10px}.hero .eyebrow{font-size:10px}.hero-photo img{object-position:center 45%}.photo-label{font-size:25px;bottom:23px;left:22px}.section-head{display:block;margin-bottom:23px}.section-head p{font-size:13px}h2{font-size:30px;letter-spacing:-1.5px}.brand{height:180px;padding:13px 12px}.zara{font-size:49px}.mango{font-size:28px}.massimo{font-size:22px}.brand-bottom{font-size:9px}.brand-foot{font-size:11px}.brands{padding-bottom:40px}.how{padding:40px 0}.steps{grid-template-columns:1fr;gap:24px;margin-top:25px}.number{padding-top:14px}.steps h3{margin-top:10px}.delivery{grid-template-columns:1fr;padding-top:45px;padding-bottom:30px;gap:8px}.route{padding-top:15px}.order{margin:0 12px;padding:37px 17px}.order .eyebrow{font-size:9px;letter-spacing:1px}.order h2{font-size:33px}.order p{font-size:13px}.order p br{display:none}.pending{font-size:11px;padding:10px 12px}footer{flex-wrap:wrap;gap:15px}footer small{text-align:left;width:100%}footer p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand{transition:none}}

/* Readable supporting copy at every viewport. */
.eyebrow,.hero-note,.brand-top,.brand-foot,footer small,.photo-index{font-size:12px}.brand-bottom{font-size:12px}.steps p,.delivery>div>p,.order p{font-size:16px}.route p,.section-head p,.pending,footer p{font-size:14px}.polo{font-family:Georgia,serif;font-size:23px;font-weight:bold!important;text-align:center;line-height:1.2;max-width:155px}@media(max-width:600px){.hero .eyebrow,.hero-note,.brand-foot,.order .eyebrow{font-size:12px}.brand-bottom{font-size:12px;line-height:1.35}.pending,footer p,.section-head p{font-size:14px}.order p{font-size:16px}.polo{font-size:20px}}

.logo{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-2px}.logo span{font-weight:400;letter-spacing:1.1px}.contact-links{display:flex;justify-content:center;gap:14px;margin-top:27px}.contact-links a{padding:14px 22px;font-size:14px;display:flex;gap:27px;align-items:center}.contact-primary{background:#faf9f6;color:#253c32}.contact-secondary{border:1px solid #7d8c82}.contact-links a:hover{opacity:.8}@media(max-width:600px){.contact-links{flex-direction:column;align-items:stretch}.contact-links a{justify-content:space-between}}

/* Original TROE artwork, with only empty margins clipped by the layout. */
.logo-image{display:block;width:230px;height:116px;flex-shrink:0;line-height:0}.logo-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;mix-blend-mode:multiply}header.wrap{height:140px}.header-link span,.button span,.contact-primary span{color:#ff443c}.button:hover{background:#354b40}.contact-primary:hover{box-shadow:inset 0 -3px #ff443c}footer .logo-image{width:170px;height:86px}@media(max-width:600px){header.wrap{height:112px;gap:12px}.logo-image{width:180px;height:90px}.header-link{font-size:12px}.header-link span{margin-left:8px}footer .logo-image{width:155px;height:78px}}@media(max-width:380px){.logo-image{width:145px;height:74px}.header-link{max-width:115px}.header-link span{margin-left:4px}}
/* TROE catalog and fixed-rate estimate */
.topline{font-size:14px;letter-spacing:.5px}.brand-grid{border:0;gap:1px;background:var(--line);padding:1px}.brand+.brand,.brand:nth-child(n+3){border:0}.brand strong{max-width:100%;overflow-wrap:anywhere}.nb{font-family:Arial,sans-serif;font-size:30px;font-weight:800!important;font-style:italic;letter-spacing:-1.5px;color:#c7212e!important}.reebok{font-family:Arial,sans-serif;font-size:36px;font-weight:700!important;letter-spacing:-2px}.pullbear{font-family:Arial,sans-serif;font-size:27px;font-weight:800!important;letter-spacing:-1.5px}.bershka{font-family:Arial,sans-serif;font-size:37px;font-weight:700!important;letter-spacing:-2px}.oysho{font-family:Arial,sans-serif;font-size:37px;letter-spacing:1px}.brand .gap{background:#152647;color:white;font-family:Georgia,serif;font-size:41px;letter-spacing:-3px;padding:0 12px}.inline-link{text-decoration:underline;text-underline-offset:4px}.calculator{padding-top:70px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.calc-copy p{max-width:450px;color:var(--muted)}.delivery-note{padding-top:15px;border-top:1px solid var(--line)}.delivery-note strong{white-space:nowrap;color:var(--ink)}.calc-card{padding:32px;background:white;border:1px solid var(--line)}.calc-card label{display:block;font-size:14px;margin-bottom:12px}.amount-field{display:flex;align-items:center;border:1px solid #89958b;background:#faf9f6;padding:10px 17px;gap:12px}.amount-field:focus-within{outline:2px solid var(--ink);outline-offset:3px}.amount-field input{font:400 38px/1.4 Manrope,Arial,sans-serif;width:100%;min-width:0;background:transparent;border:0;color:var(--ink);outline:none}.amount-field span{font-size:28px}.calc-rate{display:flex;justify-content:space-between;gap:15px;margin:25px 0;font-size:14px}.calc-rate strong{font-size:21px;white-space:nowrap}.calc-total{border-top:1px solid var(--line);padding-top:22px}.calc-total>span{display:block;font-size:14px}.calc-total output{display:block;font:400 clamp(28px,3.5vw,43px)/1.5 Manrope,Arial,sans-serif;overflow-wrap:anywhere}.calc-footnote{margin:7px 0 0;font-size:13px;color:var(--muted)}.calc-error{font-size:14px;color:#a42b20}.hero h1{font-size:clamp(37px,4.2vw,57px)}.hero-note{line-height:1.9}.order>p{max-width:620px;margin-left:auto;margin-right:auto}@media(max-width:950px){.calculator{gap:35px}.brand-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.calculator{grid-template-columns:1fr;gap:23px;padding-top:42px;padding-bottom:42px}.calc-card{padding:22px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand strong.pullbear{font-size:23px}.brand strong.nb{font-size:25px}.hero h1{font-size:38px}.topline{font-size:12px}.calc-total output{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Clear shopping action and input/result hierarchy. */
.button{border-radius:999px;gap:14px;align-items:center;padding:10px 12px 10px 23px;box-shadow:0 6px 20px #253c3215;transition:transform .2s,box-shadow .2s}.button .button-arrow{display:grid;place-items:center;background:#fff;color:var(--ink);width:38px;height:38px;border-radius:50%;margin-left:15px;font-size:21px}.button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #253c3225}.button:active{transform:translateY(0)}.boyner{font-family:Arial,sans-serif;font-size:32px;font-weight:800!important;letter-spacing:1px}.amount-field{border:0;border-bottom:2px solid #8c9c90;background:transparent;padding:8px 0;cursor:text}.amount-field:focus-within{outline:0;border-color:#253c32;box-shadow:0 2px 0 #253c32}.amount-field input{font-size:38px;caret-color:#d34434}.amount-field input::placeholder{font-size:clamp(20px,2.2vw,28px);color:#737c74;opacity:1}.input-hint{font-size:12px;color:var(--muted);margin:9px 0 0}.calc-total{border:1.5px solid #809585;border-radius:12px;background:#f2f5ef;padding:18px 22px}.calc-footnote{margin-top:13px}.calc-card{border-radius:18px}.calc-card label{font-weight:600}.amount-field:has(input[aria-invalid="true"]){border-color:#a42b20}@media(prefers-reduced-motion:reduce){.button{transition:none;transform:none}}

.header-actions{display:flex;align-items:center;gap:20px}.social-icons{display:flex;gap:8px}.social-icons a{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:white;transition:background .2s,color .2s}.social-icons a:hover{background:var(--ink);color:white}.social-icons svg{display:block}@media(max-width:1100px){header nav{gap:15px}.header-actions{gap:12px}}@media(max-width:950px){header nav{display:none}}@media(max-width:600px){header.wrap{height:132px}.header-actions{flex-direction:column;align-items:flex-end;gap:7px}.header-actions .header-link{max-width:none;white-space:nowrap;font-size:12px}.social-icons{gap:7px}.social-icons a{min-width:44px;height:44px}.logo-image{width:160px;height:90px}}@media(max-width:380px){.logo-image{width:130px;height:74px}header.wrap{padding-left:15px;padding-right:15px}}@media(prefers-reduced-motion:reduce){.social-icons a{transition:none}}

/* Sevil portrait: preserve the face and natural light; shade the caption only. */
.hero-photo{isolation:isolate;background:#ded8cb}.hero-photo img{filter:none;object-fit:cover;object-position:50% 48%}.hero-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(20,31,25,.72));z-index:1;pointer-events:none}.photo-label{z-index:2;font-size:27px;line-height:1.4;left:28px;right:22px;bottom:30px;letter-spacing:-.5px}.photo-index{z-index:2;color:#253c32;font-size:11px;letter-spacing:1.3px;background:rgba(250,249,246,.88);padding:8px 12px;left:22px;top:20px}@media(max-width:600px){.hero-photo{height:auto;aspect-ratio:4/5;max-height:590px}.hero-photo img{position:absolute;inset:0;object-position:50% 48%}.photo-label{font-size:24px;left:22px;bottom:24px}.photo-index{font-size:10px;left:16px;top:16px;padding:7px 9px}}@media(max-width:360px){.photo-label{font-size:21px}}