/*
Theme Name: Vua Cup Medo
Theme URI: https://example.com/
Author: Custom Theme Studio
Description: Vietnamese tea cup printing business homepage inspired by supplied reference.
Version: 1.0.0
Requires at least: 6.0
Text Domain: vua-cup-medo
*/
:root{--gold:#cbb000;--blue:#0073d2}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#161616}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 16px}.top{background:#c9af00;color:white;font-size:12px;font-weight:bold}.top .wrap{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.head{display:flex;align-items:center;gap:30px;min-height:83px}.brand{font-weight:900;font-size:25px;line-height:1;color:#171717;min-width:265px}.brand span{color:#c9af00}.search{display:flex;flex:1;border:1px solid #ccc;height:42px}.search input{flex:1;border:0;padding:10px;min-width:0}.search button{background:#c9af00;border:0;color:white;font-size:20px;width:48px}.phone{color:#0068c7;font-size:20px;font-weight:800;white-space:nowrap}.phone small{display:block;color:#555;font-size:12px;font-weight:400}.nav{border-top:1px solid #eee;border-bottom:1px solid #eee}.nav .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nav a{padding:17px 20px;font-weight:700;font-size:14px}.nav a:first-child,.nav a:hover{background:#c9af00;color:white}.hero{background:linear-gradient(110deg,#25b7e7,#78d2ee 50%,#38a94c);position:relative;min-height:355px;overflow:hidden}.hero:before{content:'';position:absolute;inset:48% 0 0;background:repeating-linear-gradient(170deg,#55b43b 0 12px,#4bac37 12px 23px);opacity:.45}.hero .wrap{display:flex;align-items:center;min-height:355px;position:relative;gap:35px}.drinks{font-size:105px;letter-spacing:-25px;white-space:nowrap;filter:drop-shadow(2px 10px 8px #3456);padding-right:30px}.hero-copy{color:white;text-shadow:2px 3px #927e00}.hero-copy h1{font-size:43px;margin:0;color:#ffe66b}.hero-copy h2{font-size:24px;color:#fff567}.hotline{display:inline-block;background:#f20b18;border:4px solid white;border-radius:35px;padding:10px 20px;font-size:23px;font-weight:900;text-shadow:none}.section{padding:35px 0}.section h2{text-align:center;color:#c4a900;font-size:24px;margin:0 0 30px}.section h2:after{content:'';display:block;background:#c9af00;width:55px;height:3px;margin:14px auto 0}.services{background:#f7f7f7}.service-layout{display:grid;grid-template-columns:40% 60%;gap:10px;align-items:center}.cups{font-size:90px;text-align:center;line-height:1.5}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 10px;text-align:center}.service-item .ico{display:grid;place-items:center;border:4px solid white;border-radius:50%;width:65px;height:65px;margin:0 auto 12px;color:#c9af00;font-size:30px;box-shadow:0 0 0 1px #eee}.service-item strong{font-size:14px}.benefits{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;text-align:center}.benefit .circle{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 15px;border-radius:50%;background:#0ca1d2;color:white;font-size:34px}.benefit:nth-child(2) .circle{background:#ff841d}.benefit:nth-child(3) .circle{background:#4dc2b4}.benefit:nth-child(4) .circle{background:#0fa744}.benefit:nth-child(5) .circle{background:#0677bb}.benefit:nth-child(6) .circle{background:#17b33e}.benefit h3{font-size:13px}.benefit p{font-size:12px;line-height:1.6}.footer{background:linear-gradient(110deg,#9633ef,#4779ff,#00c5e9);color:white;padding:28px 0}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer h3{font-size:15px}.footer p{font-size:13px;line-height:1.7}.social{background:white;color:#2671b6;padding:18px;max-width:260px}.copyright{background:#0062ae;color:white;text-align:center;padding:10px;font-size:12px}@media(max-width:850px){.head{flex-wrap:wrap;padding:15px}.brand{min-width:0}.search{order:3;flex-basis:100%}.nav a{padding:12px}.hero .wrap{flex-direction:column;justify-content:center;text-align:center;padding:30px 15px}.hero-copy h1{font-size:32px}.drinks{font-size:65px}.service-layout{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(3,1fr)}.footer-cols{grid-template-columns:1fr}}@media(max-width:480px){.service-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.top .wrap{display:block;text-align:center}.phone{font-size:16px}}