@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap');:root{--orange:#ef9418;--red:#b92e1e;--green:#287746;--ink:#29251f;--muted:#766f65;--line:#eee3d4}*{box-sizing:border-box}body{margin:0;background:#fffdfa;color:var(--ink);font:15px 'DM Sans',Arial}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 32px));margin:auto}.notice{background:#9f2b1c;color:white;text-align:center;padding:9px}.nav{height:76px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;color:var(--red);font-weight:800;font-size:18px}.brand small{display:block;font-size:10px;letter-spacing:1px;color:#888}.nav nav{display:flex;gap:24px;font-weight:700;font-size:14px}.hamb{display:none}.hero{background:radial-gradient(circle at 80% 25%,#ffcf6a,transparent 30%),linear-gradient(115deg,#f8a91e,#e75a1c 60%,#b62b1e);color:white}.hero-in{min-height:405px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero label{font-size:11px;letter-spacing:2px;font-weight:800}.hero h1{font:800 clamp(38px,5vw,60px)/1.1 'Playfair Display';margin:17px 0}.hero em{color:#fff0b5;font-style:normal}.hero p{max-width:480px;line-height:1.7}.cow{font-size:175px;text-align:center;filter:drop-shadow(0 14px 8px #6332);position:relative}.cow span{display:block;font:800 13px 'DM Sans';background:var(--green);border:4px solid #f8d276;border-radius:50%;width:105px;height:105px;padding-top:33px;position:absolute;right:7%;bottom:0}.btn{display:inline-block;background:var(--red);color:white;border:0;border-radius:8px;padding:12px 19px;font-weight:800;cursor:pointer}.light{background:#fff;color:var(--red)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;border-bottom:1px solid var(--line);gap:12px}.benefits div{font-size:20px}.benefits b,.benefits small{display:block}.benefits b{font-size:13px;margin:5px 0}.benefits small{font-size:11px;color:var(--muted)}.section{padding:42px 0 5px}.section h2,.cta h2{font:700 30px 'Playfair Display'}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.cats a{padding:20px 8px;text-align:center;border:1px solid var(--line);border-radius:13px;background:white}.cats span{display:block;font-size:30px;background:#fff0d7;border-radius:50%;width:58px;height:58px;padding-top:12px;margin:0 auto 10px}.cats b,.cats small{display:block}.cats b{font-size:13px}.cats small{font-size:11px;color:var(--muted);margin-top:7px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.photo{height:195px;background:#fff5e6;display:grid;place-items:center;font-size:65px;position:relative}.photo img{width:100%;height:100%;object-fit:contain;padding:12px}.photo i{position:absolute;top:10px;left:10px;background:var(--green);color:white;padding:5px 8px;border-radius:5px;font-style:normal;font-size:10px}.pinfo{padding:14px}.pinfo small{color:#a76a32;text-transform:uppercase;font-size:10px;font-weight:800}.pinfo h3{font-size:14px;min-height:36px}.pinfo del,del{color:#999;font-size:12px}.pinfo .btn{width:100%;margin-top:12px}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.offers article,.cta{background:#fff0d6;border:1px solid #f3d6a7;padding:20px;border-radius:12px}.offers p{color:var(--muted)}.cta{margin:55px auto;padding:25px;display:flex;justify-content:space-between;align-items:center}.footer,footer{background:#29251f;color:#eee;padding:38px 0 0;margin-top:50px}.foot{display:grid;grid-template-columns:2fr 1fr;gap:30px}.foot h3{color:#ffc05d}.foot p{font-size:13px;color:#ccc;line-height:1.7}.copy{text-align:center;border-top:1px solid #ffffff22;padding:14px;color:#aaa;font-size:12px}.float{position:fixed;right:17px;bottom:18px;display:grid;gap:9px;z-index:9}.float a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#188f4d;color:white;font-size:24px;box-shadow:0 3px 12px #0003}.float a:first-child{background:#2374c8}.page{padding:35px 0 45px}.page h1{font:700 34px 'Playfair Display'}.search{display:flex;gap:10px;margin:20px 0}.search input{flex:1}.panel,.summary{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.panel label{display:block;font-weight:700;font-size:13px;margin:12px 0}.panel input,.panel textarea,.panel select,.search input,.search select,input,textarea,select{font:inherit;border:1px solid #ddd2c4;border-radius:7px;padding:11px;width:100%;background:white}.panel label input{margin-top:6px}.empty{background:#fff6e9;padding:30px;text-align:center;border-radius:10px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px}.detail-photo{min-height:360px;background:#fff4e4;border-radius:15px;display:grid;place-items:center;font-size:100px}.detail-photo img{max-width:100%;max-height:450px;object-fit:contain}.detail h2{color:var(--red)}.detail p{line-height:1.7;color:var(--muted)}.narrow{max-width:550px}.tabs{display:flex;gap:10px;margin-bottom:15px}.tabs button{flex:1;padding:10px;border:0;background:#fff0d9;border-radius:7px;font-weight:700}.hide{display:none}.error{color:#a22;background:#fff0ec;padding:10px}.success{color:green}.cartlayout{display:grid;grid-template-columns:1fr 330px;gap:20px}.cartrow{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line);gap:12px}.summary{height:max-content}.summary .btn{width:100%;text-align:center}.checkout{display:grid;grid-template-columns:1.5fr .8fr;gap:20px}.checkout label{display:block;margin:12px 0}.checkout input,.checkout textarea{margin-top:6px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{color:var(--muted);font-size:13px}.center{text-align:center}.qr{width:190px;display:block;margin:15px auto}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.adminlogin{background:#f7f0e5}.login{max-width:420px;margin:10vh auto}.admin{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:#f6f3ee}.admin aside{background:#29251f;color:white;padding:22px;display:flex;flex-direction:column;gap:12px}.admin aside a{padding:9px}.admin main{padding:30px;min-width:0}.adminpage{background:#f7f4ef}.adminpage main{max-width:1150px;margin:auto;padding:25px}.adminpage .panel{margin:18px 0}.adminpage .btn{margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats small{color:#777}.stats h2{font-size:30px;color:var(--red)}@media(max-width:850px){.cats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.nav{height:65px}.hamb{display:block;border:0;background:none;font-size:24px}.nav nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:18px;z-index:20;flex-direction:column}.nav nav.show{display:flex}.brand{font-size:14px}.hero-in{grid-template-columns:1fr;min-height:0;padding:40px 0 15px}.hero h1{font-size:40px}.cow{font-size:110px;height:145px}.cow span{width:80px;height:80px;font-size:10px;padding-top:26px}.benefits{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.photo{height:145px}.pinfo{padding:10px}.pinfo h3{font-size:12px}.offers{grid-template-columns:1fr}.cta{display:block}.cta .btn{width:100%;text-align:center}.foot{grid-template-columns:1fr}.detail,.cartlayout,.checkout{grid-template-columns:1fr}.detail-photo{min-height:250px}.stats{grid-template-columns:1fr 1fr}.admin{grid-template-columns:1fr}.admin aside{flex-direction:row;overflow:auto;padding:10px}.admin aside h2{display:none}.admin aside a{white-space:nowrap}.admin main{padding:15px}.search{flex-wrap:wrap}.search input{flex-basis:100%}.twocol{grid-template-columns:1fr}}

.add-cart-form{display:flex;align-items:center;gap:8px;margin-top:12px}
.add-cart-form .btn{flex:1;margin-top:0;min-width:0;padding:11px 8px}
.qty-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#655b50}
.qty-label select{width:54px;padding:9px 5px;border:1px solid #dfcbb5;border-radius:7px;background:#fff}
.card-rating{font-size:12px;color:#d18a12;margin-top:7px;font-weight:700}.card-rating span{color:#8c8175;font-weight:400}
.rating-summary{margin:8px 0 14px;color:#776b5e;font-size:14px}.stars{color:#e2a323;letter-spacing:2px}
.ratings-section{margin-top:48px;max-width:850px}.ratings-section h2{font:700 28px 'Playfair Display'}
.rating-write{margin:16px 0 20px}.star-picker{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;margin:7px 0 18px}
.star-picker input{display:none}.star-picker label{font-size:30px;color:#cfc6b9;cursor:pointer}
.star-picker label:hover,.star-picker label:hover~label,.star-picker input:checked~label{color:#e2a323}
.rating-write textarea{display:block;min-height:90px;margin:7px 0 12px}.review-list{display:grid;gap:12px}
.review{padding:16px}.review p{line-height:1.6;color:#5d554c}.review small{color:#91877b}
button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:620px){.add-cart-form{gap:6px}.add-cart-form .btn{font-size:12px}.qty-label{font-size:10px}.ratings-section h2{font-size:24px}}