/*
Theme Name: PhoneSold
Author: PhoneSold
Description: Custom lightweight WordPress theme for PhoneSold UK phone classifieds.
Version: 2.0.0
*/
:root{--ink:#101827;--muted:#58708e;--green:#2f7658;--green2:#255e48;--cream:#f5f1e8;--white:#fffdf8;--line:#ddd7c9;--gold:#a15c00}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1140px,calc(100% - 40px));margin:auto}

/* Header */
.site-header{border-bottom:1px solid var(--line);background:var(--cream)}.header-inner{min-height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;font:700 24px Georgia,serif;white-space:nowrap;margin-right:auto}.brand-mark{width:36px;height:36px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 13px system-ui}.primary-nav{display:flex;align-items:center;gap:27px;color:#52657d;font-size:14px}.primary-nav a:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:10px;margin-left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:7px;padding:11px 18px;font-weight:700;cursor:pointer}.btn-primary{background:var(--green);border-color:var(--green);color:#fff}.btn-primary:hover{background:var(--green2);border-color:var(--green2)}.btn-soft{border-color:var(--line);background:#fbf8f0;color:#52657d}.account-link{width:42px;height:42px;border:1px solid var(--line);background:#fbf8f0;border-radius:50%;display:grid;place-items:center;color:var(--ink)}.account-link svg{width:20px;height:20px}.mobile-toggle{display:none;border:1px solid var(--line);background:#fbf8f0;border-radius:7px;width:42px;height:42px}

/* Hero */

.brand-strip{background:#fff;border-top:1px solid rgba(17,28,46,.08);border-bottom:1px solid rgba(17,28,46,.08)}
.brand-strip-inner{min-height:76px;display:flex;align-items:center;gap:28px}
.brand-strip-title{font:700 13px/1.2 Arial,sans-serif;letter-spacing:.02em;color:#6b7480;white-space:nowrap}
.brand-list{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;flex:1}
.brand-item{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:5px 10px;color:var(--ink);font:700 14px/1 Arial,sans-serif;text-decoration:none;border-left:1px solid rgba(17,28,46,.08);transition:transform .15s ease,background .15s ease}
.brand-item:hover{transform:translateY(-1px);background:#f7f8f5}
.brand-mark{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;font:700 18px/1 Arial,sans-serif;color:#111c2e}
.samsung-mark,.google-mark,.oneplus-mark,.moto-mark,.sony-mark{border:1.5px solid #111c2e;border-radius:50%;font-size:12px}
.xiaomi-mark{background:#111c2e;color:#fff;border-radius:7px;font-size:10px}
.nothing-mark{border:1.5px solid #111c2e;border-radius:50%;font-size:13px}

.hero{padding:58px 0 62px}.hero-grid{display:grid;grid-template-columns:minmax(620px,1.12fr) minmax(390px,.88fr);gap:38px;align-items:center}.eyebrow,.kicker{font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#176147}.hero h1{font:700 clamp(43px,3.35vw,50px)/1.04 Georgia,serif;letter-spacing:-1.65px;margin:18px 0 22px;max-width:100%}.hero h1 .headline-line{display:block !important;white-space:nowrap !important;width:max-content;max-width:100%}.hero h1 .headline-highlight{background:#dce9df !important;border-radius:7px;padding:4px 12px 7px;margin-top:6px}.hero-copy{font-size:18px;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.hero-visual{position:relative}.hero-photo{height:470px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#ddd9d0,#cbc8c0);position:relative;display:flex;align-items:center;justify-content:center}.phone-scene{position:relative;width:72%;height:88%;display:flex;align-items:center;justify-content:center;transform:rotate(-3deg)}.phone{width:205px;height:405px;border-radius:32px;background:#121a28;border:7px solid #202938;box-shadow:25px 30px 50px #10182735;position:relative;overflow:hidden}.phone-screen{position:absolute;inset:7px;border-radius:25px;background:linear-gradient(145deg,#1b6a57 0%,#0e2730 46%,#111827 100%);display:flex;align-items:flex-end;padding:25px 20px}.phone-screen:before{content:"";position:absolute;width:92px;height:24px;background:#090d14;border-radius:0 0 16px 16px;top:0;left:50%;transform:translateX(-50%)}.phone-screen:after{content:"PhoneSold";font:700 17px Georgia,serif;color:#fff}.phone-camera{position:absolute;top:24px;left:20px;width:53px;height:73px;border-radius:15px;background:#182131;z-index:2}.lens{width:16px;height:16px;border-radius:50%;background:#8d98a5;border:3px solid #333d4c;position:absolute}.lens.l1{left:9px;top:9px}.lens.l2{right:9px;top:9px}.lens.l3{left:9px;bottom:9px}.price-tag{position:absolute;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:10px 15px;box-shadow:0 10px 24px #10182718;z-index:3}.price-tag.one{left:-18px;top:-14px}.price-tag.two{right:-18px;bottom:20px}.price-tag small{display:block;color:#566b84}.price-tag strong{font-size:22px}.stats{display:flex;gap:55px;border-top:1px solid var(--line);padding-top:26px}.stat strong{display:block;font:700 30px Georgia,serif;color:#176147}.stat span{color:#52657d;font-size:14px}

/* Strip */
.feature-strip{background:var(--ink);color:#fff;padding:38px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature{padding:0 22px;border-left:1px solid var(--green)}.feature:first-child{border-left:0}.feature h3{font:700 17px Georgia,serif;margin:0 0 7px}.feature p{margin:0;color:#aebacc;font-size:14px}

/* Sections */
.section{padding:62px 0}.recent-listings{padding-top:46px;padding-bottom:58px}.recent-listings .section-head{margin-bottom:25px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.section h2{font:700 clamp(34px,4vw,48px)/1 Georgia,serif;margin:10px 0}.section-intro{color:var(--muted);max-width:650px}.steps,.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:28px 24px;min-height:205px}.step-no{color:var(--gold);font:700 14px ui-monospace,monospace}.step h3{font:700 21px Georgia,serif;margin:22px 0 10px}.step p{color:var(--muted);font-size:15px;margin:0}

/* Listings */
.listing-grid{grid-template-columns:repeat(3,1fr)}.listing-card{background:var(--white);border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.listing-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #10182712}.listing-image{height:205px;background:#dedbd3;display:grid;place-items:center}.listing-image:after{content:"Phone";font:700 18px Georgia,serif;color:#8d8a83}.listing-image img{width:100%;height:100%;object-fit:cover}.listing-body{padding:20px}.condition{display:inline-block;background:var(--green);color:#fff;border-radius:20px;padding:5px 10px;font:700 11px ui-monospace,monospace;text-transform:uppercase}.listing-title-row{display:flex;justify-content:space-between;gap:12px;margin:18px 0 10px}.listing-title{font:700 20px Georgia,serif}.listing-price{font-weight:800;white-space:nowrap}.listing-desc{color:var(--muted);font-size:14px}.listing-location{color:var(--gold);font:600 12px ui-monospace,monospace}

/* Safety */
.safety{background:var(--white);border-block:1px solid var(--line)}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.safety-list{display:grid;gap:16px}.safety-item{padding:18px 20px;border-left:3px solid var(--green);background:#faf7ef}.safety-item strong{display:block}.safety-item span{color:var(--muted);font-size:14px}

/* Pages/footer */
.page-main{padding:70px 0;min-height:55vh}.page-main h1{font:700 clamp(42px,5vw,64px) Georgia,serif}.page-content{max-width:820px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:40px 0;color:#52657d;font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-brand{font:700 20px Georgia,serif;color:var(--ink)}.account-menu{position:absolute;right:0;top:54px;width:210px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 35px #10182720;padding:8px;display:none;z-index:20}.account-menu.is-open{display:block}.account-wrap{position:relative}.account-menu a{display:block;padding:10px 12px;border-radius:7px;font-size:14px}.account-menu a:hover{background:#f1ede4}.notice{padding:25px;background:var(--white);border:1px solid var(--line);border-radius:12px;color:var(--muted)}

@media(max-width:1050px){.primary-nav{gap:18px}.header-actions .btn-soft{display:none}.hero-grid{gap:35px}}
@media(max-width:900px){.primary-nav,.header-actions{display:none}.mobile-toggle{display:grid;place-items:center;margin-left:auto}.hero-grid,.safety-grid{grid-template-columns:1fr}.hero-photo{height:460px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:24px}.steps{grid-template-columns:repeat(2,1fr)}.listing-grid{grid-template-columns:1fr 1fr}.mobile-panel{display:block}.site-header.mobile-open .primary-nav{display:flex;position:absolute;left:14px;right:14px;top:75px;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:12px;flex-direction:column;align-items:stretch;gap:0;z-index:30;box-shadow:0 15px 35px #10182718}.site-header.mobile-open .primary-nav a{padding:11px 12px}.site-header.mobile-open .header-actions{display:flex;position:absolute;left:14px;right:14px;top:305px;background:var(--white);padding:12px;border:1px solid var(--line);z-index:30}.site-header.mobile-open .header-actions .btn-soft{display:inline-flex;flex:1}.site-header.mobile-open .header-actions .btn-primary{flex:1}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.header-inner{min-height:70px}.hero{padding-top:42px}.hero h1{font-size:43px;letter-spacing:-1.5px}.hero h1 .headline-line{white-space:normal !important;width:auto}.hero h1 .headline-highlight{display:inline-block;padding:3px 9px 6px}.hero-photo{height:390px}.phone{width:165px;height:325px}.stats{gap:22px;justify-content:space-between}.feature-grid,.steps,.listing-grid{grid-template-columns:1fr}.feature{border-left:0;border-top:1px solid var(--green);padding:20px 0}.feature:first-child{border-top:0}.section{padding:58px 0}.section-head{align-items:start;flex-direction:column}.price-tag.one{left:-5px}.price-tag.two{right:-5px}}


@media(max-width:900px){
  .brand-strip-inner{display:block;padding:12px 0}
  .brand-strip-title{margin:0 0 9px}
  .brand-list{display:flex;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .brand-list::-webkit-scrollbar{display:none}
  .brand-item{flex:0 0 auto;border-left:0;border-right:1px solid rgba(17,28,46,.08);padding:5px 15px}
  .hero-grid{grid-template-columns:1fr}
  .hero h1 .headline-line{white-space:normal !important;width:auto}
  .listing-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .listing-grid{grid-template-columns:1fr}
  .brand-item{padding:5px 13px}
  .hero h1{font-size:42px;letter-spacing:-1.4px}
}