* { box-sizing: border-box; }
body { margin: 0; font-family: Tahoma, sans-serif; background: #f6f6f6; color: #222; }
.banner { background: #fff3cd; color: #664d03; text-align: center; padding: 10px; font-size: 14px; }
.top { padding: 20px; background: #fff; border-bottom: 1px solid #ddd; }
.top h1 { margin: 0 0 4px; }
.top .sub { margin: 0 0 14px; color: #666; }
.auth, .cart-line { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 8px; }
input, select, button { padding: 8px 10px; font-size: 15px; font-family: inherit; }
button { cursor: pointer; background: #111; color: #fff; border: none; border-radius: 6px; }
button:disabled { opacity: 0.5; cursor: default; }
.tools { display: flex; gap: 8px; flex-wrap: wrap; padding: 16px 20px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; padding: 0 20px 20px; }
.card { background: #fff; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; }
.card .photo { height: 150px; background: linear-gradient(135deg, #333, #777); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 48px; }
.card .body { padding: 12px; }
.card .body h3 { margin: 0 0 6px; font-size: 17px; }
.card .body p { margin: 4px 0; color: #555; font-size: 14px; }
.card .price { font-weight: bold; color: #111; font-size: 16px; }
.card .stock { font-size: 13px; }
.card .stock.low { color: #b00020; font-weight: bold; }
.panel { background: #fff; border: 1px solid #ddd; border-radius: 10px; margin: 0 20px 20px; padding: 16px; }
.cart-row { display: flex; justify-content: space-between; gap: 8px; padding: 6px 0; border-bottom: 1px solid #eee; }
#status { color: #b00020; font-size: 14px; }
#checkout-msg { color: #0a6b2e; }
.form { display: flex; flex-direction: column; gap: 8px; max-width: 420px; }
.form textarea { padding: 8px; font-family: inherit; font-size: 15px; }
#design-msg { color: #0a6b2e; }
.pay-methods { display: flex; gap: 12px; flex-wrap: wrap; margin: 8px 0; }
#card-element { border: 1px solid #ccc; padding: 10px; border-radius: 6px; margin: 8px 0; }
#paypal-buttons { margin: 8px 0; }