/*
Theme Name: YYDS Heavy Equipment
Theme URI: https://yydsheavyequipmentph.com
Author: YYDS Heavy Equipment Solutions Philippines
Description: Custom one-page sales and inquiry theme for YYDS Heavy Equipment Solutions Philippines.
Version: 1.1.0
Text Domain: yyds-heavy-equipment
*/

/* YYDS official website logo */
.site-header .brand-logo{display:block;width:112px;height:auto;flex:0 0 auto;object-fit:contain}
.site-header .brand{gap:12px;min-width:0}
@media(max-width:760px){.site-header .brand-logo{width:92px}.site-header .brand-copy{font-size:.72rem;line-height:1.15}}

/* Real equipment inventory and delivery proof */
.product-card{padding:0;overflow:hidden;min-height:0}
.product-card:hover{transform:translateY(-4px)}
.product-card>img{display:block;width:100%;height:300px;object-fit:cover;object-position:center}
.product-card-body{display:flex;flex-direction:column;align-items:flex-start;min-height:285px;padding:24px}
.product-card-body h3{margin:14px 0 6px}
.availability{display:inline-block;padding:6px 9px;border-radius:4px;background:#f5aa00;color:#111;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.availability.used{background:#fff;color:#111}
.latest-price{margin:10px 0 18px;color:#fff;font-size:.9rem}
.product-card-body>a{margin-top:auto}
.deliveries{background:#fff}
.deliveries .section-heading{align-items:end}
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.delivery-grid article{overflow:hidden;border:1px solid #ddd5c7;border-radius:12px;background:#f4f1e9}
.delivery-grid img{display:block;width:100%;height:430px;object-fit:cover;object-position:center}
.delivery-grid article>div{padding:22px}
.delivery-grid span{color:#a34b00;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.delivery-grid h3{margin:8px 0 6px;font-size:1.3rem}
.delivery-grid p{margin:0;color:#625f57}
@media(max-width:900px){.product-card>img{height:280px}.delivery-grid img{height:360px}}
@media(max-width:600px){.delivery-grid{grid-template-columns:1fr}.product-card>img{height:360px}.delivery-grid img{height:390px}}

/* Buyer-focused SEO guide and FAQ */
.seo-buyers{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#fff}.seo-copy>p:not(.section-kicker){color:#514e47;line-height:1.8;font-size:1rem}.keyword-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.keyword-links a{padding:10px 14px;background:#f6ead0;border:1px solid #e3c177;border-radius:99px;font-size:.82rem;font-weight:800}.faq details{border-top:1px solid #d7d1c5;padding:18px 0}.faq details:last-child{border-bottom:1px solid #d7d1c5}.faq summary{cursor:pointer;font-weight:900;line-height:1.4}.faq details p{color:#5e5a51;line-height:1.65;margin-bottom:0}@media(max-width:900px){.seo-buyers{grid-template-columns:1fr}}@media(max-width:600px){.keyword-links{display:grid}.keyword-links a{text-align:center}}

:root{--yellow:#f5aa00;--orange:#e76f00;--ink:#151515;--soft:#f4f1e9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,5vw,80px);background:#101010;color:#fff;border-bottom:3px solid var(--yellow);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-family:Impact,Arial Black,sans-serif;font-size:2rem;letter-spacing:1px;color:#111;background:var(--yellow);border-radius:50%;padding:8px 15px;transform:skew(-8deg);box-shadow:inset 0 0 0 3px #111,0 0 0 2px var(--yellow)}.brand-copy{text-transform:uppercase;font-weight:800;font-size:.72rem;line-height:1.2;letter-spacing:.04em}.site-nav{display:flex;gap:30px;font-weight:700;font-size:.92rem}.site-nav a:hover{color:var(--yellow)}.header-call{background:var(--yellow);color:#111;padding:12px 18px;border-radius:6px;font-weight:900}.hero{min-height:640px;padding:76px clamp(20px,5vw,80px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.7fr);align-items:center;gap:56px;background:linear-gradient(115deg,#111 0%,#24231f 58%,#43351b 100%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:460px;height:460px;border:70px solid rgba(245,170,0,.08);border-radius:50%;right:-160px;top:-180px}.hero-overlay{position:absolute;inset:auto 0 0;height:12px;background:repeating-linear-gradient(135deg,var(--yellow) 0 24px,#111 24px 48px)}.hero-content{position:relative;z-index:2}.eyebrow,.section-kicker{color:var(--yellow);text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:.78rem}.hero h1,.yyds-page h2{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:400;line-height:.98}.hero h1{font-size:clamp(3.2rem,6vw,6.7rem);margin:16px 0 22px;max-width:900px}.hero h1 span{color:var(--yellow)}.hero-lead{max-width:700px;color:#e9e5dc;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 22px;border-radius:7px;font-weight:900}.button-primary{background:var(--yellow);color:#111}.button-ghost{border:2px solid #fff}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;color:#d9d5cc;font-size:.82rem;font-weight:700}.hero-card{margin:0;position:relative;z-index:2;background:#fff;padding:10px;border-radius:16px;transform:rotate(1.5deg);box-shadow:0 25px 60px rgba(0,0,0,.42);color:#111}.hero-card img{width:100%;display:block;border-radius:10px;max-height:470px;object-fit:cover;object-position:top}.hero-card-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 8px 4px;font-size:.8rem}.hero-card-caption strong{text-transform:uppercase}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--yellow);padding:0 clamp(20px,5vw,80px)}.trust-strip div{padding:24px 20px;border-right:1px solid rgba(0,0,0,.2);display:grid;gap:4px}.trust-strip div:last-child{border:0}.trust-strip strong{text-transform:uppercase;font-size:.9rem}.trust-strip span{font-size:.78rem}.section{padding:100px clamp(20px,7vw,110px)}.section-kicker{margin:0 0 12px;color:#b65900}.yyds-page h2{font-size:clamp(2.4rem,5vw,4.8rem);margin:0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start;background:#fff}.intro-copy{font-size:1.08rem;line-height:1.8;color:#4d4b47}.intro-copy p:first-child{margin-top:0}.equipment-section{padding:100px clamp(20px,7vw,110px);background:#1a1a18;color:#fff}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.section-heading>a{color:var(--yellow);font-weight:900;white-space:nowrap}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.equipment-card{min-height:270px;padding:28px;background:#262622;border:1px solid #3d3c36;border-radius:10px;display:flex;flex-direction:column;transition:.2s transform,.2s border-color}.equipment-card:hover{transform:translateY(-4px);border-color:var(--yellow)}.equipment-code{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#111;font-family:Impact,Arial Black,sans-serif;font-size:1.2rem}.equipment-card h3{font-size:1.35rem;margin:26px 0 8px}.equipment-card p{color:#bdbab1;line-height:1.6;font-size:.92rem}.equipment-card a{margin-top:auto;color:var(--yellow);font-weight:900;font-size:.86rem}.brands{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:46px;padding-top:28px;border-top:1px solid #3c3b36}.brands span{text-transform:uppercase;color:#aaa69c;font-size:.75rem;letter-spacing:.15em}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#f2eee3}.process-title>p:last-child{color:#625f57;line-height:1.7;max-width:480px}.steps{margin:0;padding:0;list-style:none;border-top:1px solid #c9c1b1}.steps li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #c9c1b1}.steps>li>span{color:#bd6900;font-family:Impact,Arial Black,sans-serif;font-size:1.8rem}.steps h3{margin:0 0 8px;font-size:1.1rem}.steps p{margin:0;color:#625f57;line-height:1.6;font-size:.9rem}.callback{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;padding:100px clamp(20px,7vw,110px);background:linear-gradient(130deg,#141414 0%,#25221c 100%);color:#fff}.callback-copy>p:not(.section-kicker){color:#c5c1b8;line-height:1.75}.direct-contact{display:grid;gap:12px;margin-top:32px}.direct-contact a{display:grid}.direct-contact small{color:var(--yellow);text-transform:uppercase;font-size:.68rem;letter-spacing:.14em}.direct-contact strong{margin-top:4px;font-size:1.05rem;overflow-wrap:anywhere}.callback form{background:#fff;color:#161616;padding:34px;border-radius:14px;box-shadow:0 22px 55px rgba(0,0,0,.35)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.callback label{display:grid;gap:8px;margin-bottom:16px;font-size:.82rem;font-weight:800}.callback label span{color:#777;font-weight:500}.callback input,.callback textarea{width:100%;border:1px solid #d0ccc2;border-radius:7px;padding:13px 14px;background:#faf9f6;color:#171717;font:inherit;outline:none}.callback input:focus,.callback textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(231,111,0,.15)}.callback textarea{resize:vertical}.callback button.button{border:0;cursor:pointer;width:100%;font:inherit}.form-note{display:none;padding:11px 13px;background:#e8f4e6;border-radius:6px;color:#28572a;font-size:.8rem}.privacy-note{display:block;margin-top:12px;color:#777;line-height:1.5}.locations{display:grid;grid-template-columns:1fr 1fr .8fr;gap:6vw;align-items:end;background:#fff}.location-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.location-list span{padding:14px;background:var(--yellow);border-radius:5px;font-weight:900;text-align:center}.locations address{font-style:normal;color:#5e5a51;line-height:1.7}.locations address strong{display:block;color:#181818;text-transform:uppercase;font-size:.8rem}.site-footer{padding:60px clamp(20px,7vw,110px) 28px;background:#111;color:#fff;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.site-footer>div{display:flex;flex-direction:column;gap:9px;font-size:.85rem}.site-footer>div>strong{color:var(--yellow);text-transform:uppercase;font-size:.72rem;letter-spacing:.15em;margin-bottom:5px}.footer-brand{flex-direction:row!important;align-items:center}.footer-brand p{text-transform:uppercase;font-weight:800;font-size:.8rem;line-height:1.4}.copyright{grid-column:1/-1;border-top:1px solid #333;padding-top:22px;color:#7f7d77;font-size:.72rem}.mobile-bar{display:none}@media(max-width:900px){.site-nav{display:none}.hero{grid-template-columns:1fr;padding-top:52px}.hero-card{max-width:600px}.trust-strip{grid-template-columns:1fr 1fr}.intro,.process,.callback{grid-template-columns:1fr}.equipment-grid{grid-template-columns:1fr 1fr}.locations{grid-template-columns:1fr}}@media(max-width:600px){body{padding-bottom:64px}.site-header{height:72px;position:sticky;top:0}.brand-copy,.header-call{display:none}.hero{min-height:auto;padding:45px 20px 64px;gap:34px}.hero h1{font-size:3.25rem}.hero-card-caption{align-items:flex-start;flex-direction:column}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid rgba(0,0,0,.2)}.section,.equipment-section,.callback{padding:70px 20px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:20px}.equipment-grid{grid-template-columns:1fr}.equipment-card{min-height:240px}.field-row{grid-template-columns:1fr;gap:0}.callback form{padding:24px 18px}.location-list{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr;gap:30px}.mobile-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;z-index:10;bottom:0;left:0;right:0;background:#111;border-top:3px solid var(--yellow);color:#fff}.mobile-bar a{display:grid;place-items:center;min-height:61px;font-size:.76rem;font-weight:900;border-right:1px solid #333}.mobile-bar a:last-child{background:var(--yellow);color:#111}}
