/* GardensGarage Grow Puan – ön yüz */
.gg-wrap,.gg-acc,.gg-panel,.gg-product-box,.gg-reward-box,.gg-pills{--ggp:#2f7d3b;--ggpd:#1f5a29;--ggs:#eaf5ec;--gga:#f5a623;--ggt:#1f2d1f;--ggr:14px}
.gg-pts{font-weight:800;color:var(--ggp);font-size:1.15em}
.gg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--ggp);color:#fff!important;border:0;padding:10px 20px;border-radius:calc(var(--ggr) * .7);font-size:14px;font-weight:600;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:background .2s,transform .15s}
.gg-btn:hover{background:var(--ggpd);transform:translateY(-1px)}
.gg-btn-sm{padding:7px 14px;font-size:13px}
.gg-btn-ghost{background:transparent;color:var(--ggp)!important;border:1.5px solid var(--ggp)}
.gg-btn-ghost:hover{background:var(--ggs)}
.gg-btn-off{background:#e4e7e4;color:#6b756b!important;cursor:not-allowed}
.gg-btn-off:hover{background:#e4e7e4;transform:none}

/* Ürün sayfası kutusu */
.gg-product-box,.gg-reward-box{display:flex;align-items:center;gap:14px;background:var(--ggs);border:1.5px solid var(--ggp);border-left-width:6px;border-radius:var(--ggr);padding:14px 18px;margin:16px 0;color:var(--ggt);flex-wrap:wrap}
.gg-reward-box{border-color:var(--gga);background:#fff8ea}
.gg-pb-ico{font-size:28px;line-height:1}
.gg-pb-body{flex:1;min-width:180px}
.gg-pb-text{font-size:15px;line-height:1.45}
.gg-pb-note{display:block;opacity:.65;margin-top:2px}

/* Liste rozeti */
.gg-pills{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.gg-pill{display:inline-block;background:var(--ggs);color:var(--ggp);border-radius:99px;padding:3px 11px;font-size:12px;font-weight:700;line-height:1.5}
.gg-pill-reward{background:#fff3d6;color:#9a6200}

/* Sepet paneli */
.gg-panel{background:#fff;border:1.5px solid var(--ggs);border-top:4px solid var(--ggp);border-radius:var(--ggr);padding:18px 20px;margin:0 0 24px;color:var(--ggt);box-shadow:0 4px 18px rgba(0,0,0,.05)}
.gg-panel-head{display:flex;align-items:center;gap:12px}
.gg-panel-ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--ggs);font-size:22px}
.gg-panel-title{flex:1;display:flex;flex-direction:column}
.gg-panel-title small{opacity:.6;font-size:12px}
.gg-chip{background:var(--ggp);color:#fff;border-radius:99px;padding:5px 14px;font-weight:700;font-size:14px}
.gg-panel-earn{margin:12px 0 4px;font-size:15px}
.gg-tiers{margin-top:14px}
.gg-tiers-title{font-weight:700;margin-bottom:8px;font-size:14px}
.gg-tier{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1.5px dashed var(--ggp);border-radius:calc(var(--ggr) * .8);margin-bottom:8px;background:var(--ggs)}
.gg-tier.is-locked{border-color:#cfd6cf;background:#f6f7f6;opacity:.85}
.gg-tier.is-applied{border-style:solid;background:#fff;box-shadow:0 0 0 2px var(--ggp) inset}
.gg-tier-val{min-width:64px;text-align:center;font-weight:800;font-size:20px;color:var(--ggp)}
.gg-tier-info{flex:1;display:flex;flex-direction:column}
.gg-tier-info small{opacity:.65}
.gg-cart-price{font-weight:700;color:var(--ggp)}

/* Genel kartlar / ödül ızgarası */
.gg-notice{background:var(--ggs);border-left:4px solid var(--ggp);padding:12px 16px;margin:0 0 20px;border-radius:calc(var(--ggr) * .6)}
.gg-grid{display:grid;grid-template-columns:repeat(var(--gg-cols,4),1fr);gap:18px}
.gg-grid-3{--gg-cols:3}
.gg-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8ece8;border-radius:var(--ggr);overflow:hidden;transition:box-shadow .2s,transform .2s}
.gg-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.09);transform:translateY(-3px)}
.gg-card-img img{display:block;width:100%;height:auto}
.gg-card-body{padding:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex:1}
.gg-card-body h4{margin:0;font-size:15px;line-height:1.3}
.gg-card-body h4 a{color:var(--ggt)}
.gg-card-cost{font-weight:800;color:var(--ggp)}
.gg-bar{width:100%;height:7px;background:#e7ebe7;border-radius:99px;overflow:hidden}
.gg-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ggp),var(--gga));border-radius:99px;transition:width 1s ease}
.gg-bar-lg{height:12px}

/* Hesabım paneli */
.gg-acc{color:var(--ggt)}
.gg-acc *{box-sizing:border-box}
.gg-hero{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--ggp),var(--ggpd));color:#fff;border-radius:calc(var(--ggr) * 1.4);padding:30px;margin-bottom:20px;position:relative;overflow:hidden}
.gg-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.gg-hero:before{content:"";position:absolute;right:80px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06)}
.gg-hero-main,.gg-hero-stats{position:relative;z-index:1}
.gg-hero-hi{font-size:15px;opacity:.9}
.gg-hero-num{display:flex;align-items:baseline;gap:10px;margin:6px 0}
.gg-hero-num .gg-count,.gg-hero-num>span{font-size:56px;font-weight:800;line-height:1}
.gg-hero-num em{font-style:normal;font-size:18px;opacity:.9}
.gg-hero-sub{margin:0;opacity:.85;font-size:14px}
.gg-hero-stats{display:flex;gap:10px}
.gg-stat{background:rgba(255,255,255,.14);backdrop-filter:blur(4px);border-radius:calc(var(--ggr) * .8);padding:12px 16px;min-width:92px;text-align:center}
.gg-stat b{display:block;font-size:20px}
.gg-stat span{font-size:12px;opacity:.85}
.gg-box{background:#fff;border:1px solid #e8ece8;border-radius:var(--ggr);padding:22px;margin-bottom:20px}
.gg-h{margin:0 0 16px;font-size:18px}
.gg-h-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.gg-h-row .gg-h{margin:0}
.gg-goal-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.gg-goal small{display:block;margin-top:10px;opacity:.75}
.gg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gg-step{background:var(--ggs);border-radius:var(--ggr);padding:18px}
.gg-step>span{font-size:30px;display:block;margin-bottom:6px}
.gg-step p{margin:6px 0 0;font-size:14px;line-height:1.5}
.gg-coupon{display:flex;border-radius:var(--ggr);overflow:hidden;border:1.5px solid var(--ggp);background:#fff}
.gg-coupon.is-locked{border-color:#d6dbd6}
.gg-coupon-val{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;padding:14px 10px;background:var(--ggp);color:#fff;font-size:24px;font-weight:800;text-align:center}
.gg-coupon.is-locked .gg-coupon-val{background:#aab3aa}
.gg-coupon-val small{font-size:11px;font-weight:500;opacity:.9}
.gg-coupon-body{display:flex;flex-direction:column;gap:7px;padding:14px;flex:1;align-items:flex-start}
.gg-coupon-body span,.gg-coupon-body small{font-size:13px;opacity:.75}
.gg-filters{display:flex;gap:6px}
.gg-filters button{background:#f1f4f1;border:0;border-radius:99px;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--ggt)}
.gg-filters button.is-on{background:var(--ggp);color:#fff}
.gg-tl{list-style:none;margin:10px 0 0;padding:0}
.gg-tl-item{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #eef1ee}
.gg-tl-item:last-child{border-bottom:0}
.gg-tl-item[hidden]{display:none}
.gg-tl-ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--ggs);font-size:19px;flex:none}
.gg-tl-txt{flex:1;display:flex;flex-direction:column;gap:2px}
.gg-tl-txt small{opacity:.65}
.gg-tl-pts{font-weight:800;font-size:17px}
.gg-tl-pts.is-plus{color:var(--ggp)}
.gg-tl-pts.is-minus{color:#c0392b}
.gg-more{margin-top:14px}
.gg-empty{text-align:center;padding:30px 10px}
.gg-empty>span{font-size:44px;display:block}

@media(max-width:991px){.gg-grid{grid-template-columns:repeat(2,1fr)}.gg-steps{grid-template-columns:1fr}.gg-grid-3{--gg-cols:1}.gg-grid-3{grid-template-columns:1fr}}
@media(max-width:560px){.gg-hero{padding:22px}.gg-hero-num .gg-count,.gg-hero-num>span{font-size:44px}.gg-hero-stats{width:100%}.gg-stat{flex:1;min-width:0}.gg-grid{gap:12px}.gg-tier{flex-wrap:wrap}}

/* Kampanya ve son kullanma */
.gg-camp-badge{display:inline-block;margin-top:6px;background:var(--gga);color:#fff;border-radius:99px;padding:3px 12px;font-size:13px;font-weight:700}
.gg-camp-badge small{font-weight:500;opacity:.9;margin-left:6px}
.gg-pill-camp{background:var(--gga);color:#fff}
.gg-camp-note{margin:4px 0 0;font-size:14px;color:#9a6200}
.gg-expiry{display:flex;gap:10px;align-items:flex-start;background:#fff3d6;border:1px solid #f0cf83;color:#6b4800;border-radius:var(--ggr);padding:14px 18px;margin-bottom:20px;font-size:14px;line-height:1.5}
.gg-camps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gg-camp{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fff8ea,#fff);border:1.5px solid var(--gga);border-radius:var(--ggr);padding:14px 16px}
.gg-camp-x{flex:none;background:var(--gga);color:#fff;font-weight:800;font-size:22px;border-radius:calc(var(--ggr) * .8);padding:10px 12px}
.gg-camp strong{display:block}
.gg-camp small{opacity:.7}
@media(max-width:700px){.gg-camps-grid{grid-template-columns:1fr}}