#shoptet-kalk *{box-sizing:border-box;margin:0;padding:0;}
#shoptet-kalk{font-family:'Hanken Grotesk',system-ui,sans-serif;max-width:480px;margin:40px auto;padding:0 16px;}
#shoptet-kalk .kalk-card{background:#fff;border-radius:20px;padding:24px;margin-bottom:16px;border:1px solid #e2e8f0;box-shadow:0 2px 12px rgba(0,0,0,.05);}
#shoptet-kalk .kalk-step-head{display:flex;align-items:center;gap:10px;margin-bottom:20px;}
#shoptet-kalk .kalk-step-num{width:30px;height:30px;background:#0058bd;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;}
#shoptet-kalk .kalk-step-title{font-weight:600;font-size:16px;color:#0f172a;}
#shoptet-kalk .kalk-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:600;}
#shoptet-kalk .kalk-big-val{font-size:20px;font-weight:700;color:#0058bd;}
#shoptet-kalk input[type=range]{width:100%;accent-color:#0058bd;cursor:pointer;margin-top:8px;}
#shoptet-kalk .kalk-area-box{background:#f8fafc;border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center;margin-top:16px;}
#shoptet-kalk .kalk-area-num{font-size:28px;font-weight:700;color:#0f172a;}
#shoptet-kalk .kalk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
#shoptet-kalk .kalk-tile-btn{padding:14px 8px;border-radius:14px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s;width:100%;}
#shoptet-kalk .kalk-tile-btn.active{border-color:#0058bd;background:#eff6ff;color:#0058bd;}
#shoptet-kalk .kalk-joint-wrap{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
#shoptet-kalk .kalk-joint-btn{padding:8px 18px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s;}
#shoptet-kalk .kalk-joint-btn.active{border-color:#0058bd;background:#0058bd;color:#fff;}
#shoptet-kalk .kalk-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px;}
#shoptet-kalk .kalk-stat{background:#f8fafc;border-radius:12px;padding:10px;text-align:center;}
#shoptet-kalk .kalk-stat span{display:block;font-size:10px;text-transform:uppercase;color:#94a3b8;font-weight:600;margin-bottom:2px;}
#shoptet-kalk .kalk-stat b{font-size:13px;font-weight:700;color:#0f172a;}
#shoptet-kalk .kalk-summary{display:flex;justify-content:space-between;margin-bottom:16px;}
#shoptet-kalk .kalk-bags{font-size:22px;font-weight:700;color:#0f172a;}
#shoptet-kalk .kalk-price{font-size:22px;font-weight:700;color:#0058bd;}
#shoptet-kalk .kalk-cart-row{display:flex;gap:10px;align-items:stretch;}
#shoptet-kalk .kalk-qty-wrap{display:flex;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;height:52px;}
#shoptet-kalk .kalk-qty-btn{padding:0 16px;background:#fff;border:none;font-size:20px;cursor:pointer;color:#0058bd;font-weight:700;}
#shoptet-kalk .kalk-qty-btn:hover{background:#f1f5f9;}
#shoptet-kalk .kalk-qty-input{width:52px;text-align:center;border:none;outline:none;font-weight:700;font-size:16px;}
#shoptet-kalk .kalk-buy-btn{flex:1;height:52px;background:linear-gradient(135deg,#0076FA,#0058bd);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:transform .15s;}
#shoptet-kalk .kalk-buy-btn:hover{transform:scale(1.02);}
#shoptet-kalk .kalk-buy-btn:active{transform:scale(0.97);}
#shoptet-kalk .kalk-feedback{margin-top:10px;font-size:13px;font-weight:600;min-height:18px;color:#16a34a;}
#shoptet-kalk h2.kalk-title{font-size:20px;font-weight:700;color:#0058bd;margin-bottom:4px;}
#shoptet-kalk p.kalk-subtitle{font-size:14px;color:#64748b;margin-bottom:24px;}