:root{--primary-dark: #2E3105;--sage-green: #6B7B5A;--cream-white: #FEFFF3;--accent-yellow: #E8ED6F;--warm-gray: #8B8680;--light-gray: #F8F9F7;--border-light: rgba(46, 49, 5, .12);--shadow-subtle: 0 2px 8px rgba(46, 49, 5, .06);--shadow-card: 0 4px 12px rgba(46, 49, 5, .08);--shadow-elevated: 0 8px 24px rgba(46, 49, 5, .12);--shadow-floating: 0 12px 32px rgba(46, 49, 5, .16);--radius-small: 6px;--radius-medium: 8px;--transition: all .2s ease;--success-green: #22c55e;--warning-orange: #f59e0b;--danger-red: #ef4444;--info-blue: #3b82f6;--recognition-terracotta: #B87333;--prevention-sage: #5A6B4A;--treatment-slate: #556B7D;--zaai-green: #22c55e;--oogst-orange: #f39c12}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--primary-dark);background:#fefff3;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.container{max-width:1600px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.product-main{padding:20px 0;background:transparent}.product-wrapper{background:#fff;margin:0 clamp(0px,5vw,80px);padding:clamp(20px,3vw,30px);box-shadow:0 20px 50px #2e310540,0 8px 16px #2e310526;border-radius:var(--radius-medium);border:1px solid var(--border-light);transition:var(--transition);max-width:100%;overflow:hidden}.product-wrapper:hover{box-shadow:0 25px 60px #2e31054d,0 12px 20px #2e310533}.product-layout{display:grid;grid-template-columns:minmax(300px,460px) minmax(300px,1fr) minmax(280px,380px);gap:clamp(20px,3vw,30px);align-items:stretch}.image-gallery{position:sticky;top:20px;display:flex;flex-direction:column;height:fit-content;min-height:100%}.main-image{width:100%;aspect-ratio:1;background:#fff;border-radius:var(--radius-medium);margin-bottom:12px;overflow:hidden;cursor:zoom-in;transition:var(--transition)}.main-image:hover{box-shadow:0 8px 20px #2e31051f}.main-image img{width:100%;height:100%;object-fit:contain;transition:var(--transition);max-width:100%}.main-image:hover img{transform:scale(1.02)}.thumbnail-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.thumbnail{aspect-ratio:1;background:var(--light-gray);border-radius:var(--radius-small);border:2px solid transparent;cursor:pointer;transition:var(--transition);overflow:hidden;box-shadow:var(--shadow-subtle)}.thumbnail:hover,.thumbnail.active{border-color:var(--sage-green);box-shadow:var(--shadow-card)}.thumbnail img{width:100%;height:100%;object-fit:contain;max-width:100%}.product-main-info{display:flex;flex-direction:column;min-height:100%}.breadcrumb{font-size:clamp(12px,2vw,13px);color:var(--warm-gray);margin-bottom:16px}.breadcrumb a{color:var(--sage-green);text-decoration:none}.product-title{font-size:clamp(1.25rem,4vw,2rem);font-weight:700;color:var(--primary-dark);margin-bottom:6px;letter-spacing:-.02em;line-height:1.2}.latin-name{font-style:italic;color:var(--warm-gray);font-size:14px;margin-bottom:12px}.product-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.template.badge{padding:4px 10px;background:#6b7b5a1a;color:var(--sage-green);border-radius:12px;font-size:clamp(11px,2vw,15px);font-weight:600;border:1px solid rgba(107,123,90,.2);white-space:nowrap}.product-badges a.badge.bio:hover{filter:brightness(.9);cursor:pointer}.product-badges a.badge.has-tooltip{position:relative}.product-badges a.badge.has-tooltip:before{position:absolute;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:1000;pointer-events:none}.product-badges a.badge.has-tooltip:before{content:attr(data-tooltip-text);bottom:100%;left:50%;transform:translate(-50%) translateY(5px);background:var(--dark-green, #1e3a24);color:#fff;padding:6px 10px;border-radius:4px;white-space:nowrap;font-size:12px;font-weight:500}.product-badges a.badge.has-tooltip:hover:before{visibility:visible;opacity:1;transform:translate(-50%) translateY(-5px)}.template.badge.bio{background:#e8ed6f33;color:var(--primary-dark);border-color:var(--accent-yellow)}.vendor{text-transform:uppercase;font-size:12px;font-weight:600;color:var(--sage-green);letter-spacing:1px;margin-bottom:20px}.vendor a{color:inherit;text-decoration:none}.vendor a:visited{color:inherit}.price-section{background:var(--light-gray);padding:clamp(16px,3vw,20px);border-radius:var(--radius-medium);border:1px solid var(--border-light);box-shadow:var(--shadow-card);margin-top:auto}.price{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;color:var(--primary-dark);margin-bottom:6px}.price-details{font-size:13px;color:var(--warm-gray);margin-bottom:16px}.price-details a{color:inherit;text-decoration:underline}.price-details a:visited{color:inherit}.stock-status{display:flex;align-items:center;gap:6px;margin-bottom:16px;padding:8px 12px;background:#6b7b5a1a;border-radius:var(--radius-small);border-left:3px solid var(--sage-green);font-size:13px}.stock-indicator{width:6px;height:6px;background:var(--sage-green);border-radius:50%}.purchase-form{display:flex;gap:12px;align-items:center;margin-bottom:16px}.quantity-selector{display:flex;border:1px solid var(--border-light);border-radius:var(--radius-small);overflow:hidden;background:#fff;box-shadow:var(--shadow-subtle)}.qty-btn{width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px);background:var(--light-gray);border:none;cursor:pointer;font-weight:600;font-size:clamp(14px,3vw,18px);transition:var(--transition)}.qty-btn:hover{background:var(--sage-green);color:#fff}.qty-btn:active{background:var(--sage-green);color:#fff;transform:scale(.95)}.qty-input{width:clamp(50px,10vw,60px);height:clamp(36px,8vw,44px);border:none;text-align:center;font-weight:600;background:#fff;outline:none;font-size:clamp(14px,3vw,16px)}.add-to-cart{height:clamp(36px,8vw,44px);background:var(--primary-dark);color:#fff;border:none;border-radius:var(--radius-small);font-weight:600;font-size:clamp(12px,2.5vw,14px);cursor:pointer;transition:var(--transition);flex:1}.add-to-cart:hover{background:var(--sage-green)}.add-to-cart:active{background:var(--sage-green);transform:scale(.98)}.shipping-info{background:#e8ed6f26;padding:12px;border-radius:var(--radius-small);border-left:3px solid var(--accent-yellow);font-size:12px;line-height:1.4}.product-quick-details{background:var(--light-gray);padding:24px;border-radius:var(--radius-medium);border:1px solid var(--border-light);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%}.quick-details-title{font-size:14px;font-weight:600;color:var(--primary-dark);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.quick-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid rgba(46,49,5,.05)}.quick-detail-row:last-child{border-bottom:none}.quick-detail-label{font-weight:500;color:var(--primary-dark)}.quick-detail-value{color:var(--warm-gray);font-weight:400}.quick-benefits{margin-top:auto;font-size:14px;padding-top:16px;border-top:1px solid var(--border-light)}.product-description{font-size:10px;line-height:1.5;color:var(--primary-dark)}.spacing-section{height:clamp(20px,4vw,40px)}.tabs-section{padding:20px 0;background:transparent}.tabs-wrapper{background:#fff;margin:0 clamp(0px,5vw,80px);padding:clamp(20px,3vw,30px);box-shadow:0 20px 50px #2e310540,0 8px 16px #2e310526;border-radius:var(--radius-medium);border:1px solid var(--border-light);transition:var(--transition);max-width:100%;overflow:hidden}.tabs-wrapper:hover{box-shadow:0 25px 60px #2e31054d,0 12px 20px #2e310533}.tabs-section h2{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;color:var(--primary-dark);margin-bottom:30px;text-align:center}.tab-content h3{font-size:1.4rem;font-weight:700;color:var(--primary-dark);margin-bottom:6px}.tab-intro{font-size:15px;color:var(--warm-gray);margin-bottom:24px;padding:18px;background:#6b7b5a0d;border-radius:var(--radius-small);border-left:4px solid var(--sage-green);line-height:1.6}.tab-content h4{font-size:1.1rem;font-weight:600;color:var(--primary-dark);margin:20px 0 12px}.tab-content p{font-size:14px;color:var(--primary-dark);margin-bottom:16px;line-height:1.6}.tabs{margin:20px 0}.tab-list{display:flex;list-style:none;padding:8px 16px;background:#6b7b5a0d;border-radius:12px;margin-bottom:16px;border-bottom:none;flex-wrap:nowrap;justify-content:flex-start;gap:8px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.tab-list::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:10px 16px;cursor:pointer;font-weight:600;font-size:clamp(12px,2vw,14px);color:var(--primary-dark);background:#fff;border:1px solid var(--border-light);border-radius:20px;margin-right:0;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tab.active{background:var(--sage-green);color:#fff;border-color:var(--sage-green);transform:scale(1.05);border-bottom:none}.tab:hover{background:var(--sage-green);color:#fff}.tab:active{transform:scale(.95)}.tab-panel{display:none;padding:clamp(20px,4vw,30px) clamp(16px,3vw,30px);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-medium);box-shadow:var(--shadow-subtle)}.tab-panel.active{display:block}.tab:first-child{border-radius:20px}.tab:last-child{border-radius:20px}.tab:focus{outline:2px solid var(--sage-green);outline-offset:2px}.year-calendar-section{margin-bottom:40px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.calendar-title{font-size:20px;font-weight:600;color:#2d2d2d}.calendar-legend{display:flex;gap:16px;font-size:13px;color:#6b7280;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:24px;height:16px;border-radius:4px;flex-shrink:0}.legend-dot.zaai{background:#4a7043}.legend-dot.oogst{background:#f4a261}.year-calendar{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:0!important;background:#fff;border-radius:8px;overflow-x:visible!important;overflow-y:hidden!important;box-shadow:0 2px 8px #0000000f;width:100%}.month-cell{display:flex;flex-direction:column;align-items:center;padding:0;cursor:pointer;transition:all .2s ease;background:#fff;border-right:1px solid #E5E7EB;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:90px}.month-cell:last-child{border-right:none}.month-cell:before{content:attr(data-month-label);display:block;width:100%;padding:8px 4px;text-align:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#3f3e38;color:#fff;border-bottom:1px solid #2D2D2D;white-space:nowrap;line-height:1.2}.month-indicators{display:flex;flex-direction:column;width:100%;flex:1;min-height:50px;padding:8px;gap:4px;justify-content:center}.month-dot{width:100%;height:18px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.month-dot.zaai{background:#4a7043}.month-dot.oogst{background:#f4a261}.month-cell:hover{background:#f9fafb}.month-cell:hover .month-dot{transform:scaleY(1.1);box-shadow:0 2px 6px #00000026}.month-cell.active:before{background:#2d2d2d}.month-cell.active{background:#f8faf0;box-shadow:inset 0 -3px #4a7043}@media (min-width: 769px){.year-calendar{gap:0;overflow-x:visible}.month-cell{min-width:auto}}@media (min-width: 600px) and (max-width: 768px){.year-calendar{grid-template-columns:repeat(12,minmax(75px,1fr));gap:0;overflow-x:auto}.month-cell{min-width:75px}.month-cell:before{font-size:10px;padding:10px 6px}.month-indicators{min-height:55px;padding:6px}.month-dot{height:22px}}@media (max-width: 599px){.year-calendar{grid-template-columns:repeat(12,minmax(70px,1fr));gap:0;overflow-x:auto}.month-cell{min-height:80px}.month-cell:before{font-size:8px;padding:6px 2px;line-height:1.1}.month-indicators{min-height:45px;padding:4px;gap:3px}.month-dot{height:16px}.calendar-header{flex-direction:column;align-items:flex-start}.calendar-legend{width:100%;gap:12px}}.timeline-section{margin-top:30px;background:var(--cream-white);padding:30px;border-radius:var(--radius-medium);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle)}.timeline-title{font-size:16px;font-weight:600;color:var(--sage-green);margin-bottom:16px;letter-spacing:.5px}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.timeline-item{text-align:center;padding:12px;background:#fff;border-radius:var(--radius-small);border:1px solid var(--border-light)}.timeline-week{font-size:18px;font-weight:600;color:var(--primary-dark);margin-bottom:4px}.timeline-phase{font-size:16px;font-weight:600;color:var(--sage-green);margin-bottom:4px}.timeline-period{font-size:10px;color:var(--warm-gray)}.total-duration{margin-top:20px;background:#fff;padding:20px;border-radius:var(--radius-medium);border:1px solid var(--border-light);display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-card)}.duration-icon{font-size:32px;opacity:.8}.duration-content{flex:1}.duration-title{font-size:16px;font-weight:600;color:var(--sage-green);margin-bottom:4px;letter-spacing:.5px}.duration-time{font-size:24px;font-weight:700;color:var(--primary-dark);margin-bottom:4px}.duration-detail{font-size:12px;color:var(--warm-gray)}@media (max-width: 599px){.timeline-week{font-size:16px}.timeline-phase,.duration-title{font-size:14px}.duration-time{font-size:20px}.timeline-title{font-size:12px}}.content-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.content-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-medium);padding:clamp(16px,3vw,20px);box-shadow:var(--shadow-card);transition:var(--transition);height:100%;display:flex;flex-direction:column;cursor:pointer}.content-card:hover{box-shadow:0 8px 20px #2e31051f;transform:translateY(-2px)}.content-card:active{transform:scale(.98);box-shadow:var(--shadow-elevated)}.content-card h4{font-size:1rem;font-weight:600;color:var(--primary-dark);margin:0 0 12px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid var(--sage-green)}.content-intro{background:#6b7b5a0d;padding:14px;border-radius:var(--radius-small);border-left:4px solid var(--sage-green);margin-bottom:16px;font-size:13px;line-height:1.5}.practical-list{background:var(--light-gray);padding:14px;border-radius:var(--radius-small);border:1px solid var(--border-light);margin-top:auto;box-shadow:var(--shadow-subtle)}.practical-list h5{font-size:12px;font-weight:600;color:var(--sage-green);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.practical-list ul{list-style:none;margin:0;padding:0}.practical-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;border-bottom:1px solid rgba(46,49,5,.05)}.practical-list li:last-child{border-bottom:none}.practical-label{font-weight:600;color:var(--primary-dark)}.practical-value{color:var(--warm-gray);text-align:right}.tips-list{display:grid;gap:8px;margin-top:auto}.tip-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#e8ed6f1a;border-radius:var(--radius-small);font-size:12px;line-height:1.4}.tip-icon{color:var(--sage-green);font-weight:700;margin-top:2px;flex-shrink:0}.conservation-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0}.conservation-method{background:#e8ed6f1a;padding:12px;border-radius:var(--radius-small);text-align:center;transition:var(--transition);border:1px solid var(--border-light)}.conservation-method:hover{background:#6b7b5a1a;transform:translateY(-1px)}.conservation-method h6{font-size:11px;font-weight:600;color:var(--primary-dark);margin-bottom:4px}.conservation-method p{font-size:10px;color:var(--warm-gray);line-height:1.3}.health-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:16px 0}.health-benefit{background:#e8ed6f1a;padding:12px;border-radius:var(--radius-small);border:1px solid var(--border-light);transition:var(--transition)}.health-benefit:hover{background:#6b7b5a1a;transform:translateY(-1px)}.health-benefit h6{font-size:11px;font-weight:600;color:var(--primary-dark);margin-bottom:6px}.health-benefit p{font-size:10px;color:var(--warm-gray);line-height:1.3}.practical-usage{background:#6b7b5a0d;padding:12px;border-radius:var(--radius-small);border-left:4px solid var(--sage-green);margin-top:16px;font-size:11px;line-height:1.4}.practical-usage strong{color:var(--primary-dark)}.three-column-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px;align-items:start}.permaculture-column,.companions-column,.succession-column{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-medium);padding:20px;box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;height:100%}.permaculture-column h4,.companions-column h4,.succession-column h4{font-size:1rem;font-weight:600;color:var(--primary-dark);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--sage-green);display:flex;align-items:center;gap:8px}.column-intro{background:#6b7b5a0d;padding:10px;border-radius:var(--radius-small);border-left:4px solid var(--sage-green);margin-bottom:16px;font-size:12px;line-height:1.4}.permaculture-table{background:var(--light-gray);border:1px solid var(--border-light);border-radius:var(--radius-small);overflow:hidden;margin-bottom:16px;margin-top:auto}.permaculture-row{display:flex;border-bottom:1px solid var(--border-light);transition:var(--transition)}.permaculture-row:last-child{border-bottom:none}.permaculture-row:hover{background:#6b7b5a0d}.permaculture-label{background:#6b7b5a1a;padding:10px 12px;font-size:11px;font-weight:600;color:var(--sage-green);text-transform:uppercase;letter-spacing:.5px;min-width:120px;border-right:1px solid var(--border-light)}.permaculture-content{padding:10px 12px;font-size:11px;line-height:1.4;color:var(--primary-dark);flex:1}.companion-grid,.succession-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:auto}.companion-card,.succession-card{background:var(--light-gray);border:1px solid var(--border-light);border-radius:var(--radius-small);padding:12px;transition:var(--transition);cursor:pointer;position:relative}.companion-card:hover,.succession-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2e31051a;background:#fff}.companion-header,.succession-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.companion-icon,.succession-icon{font-size:16px}.companion-name,.succession-name{font-size:12px;font-weight:600;color:var(--primary-dark)}.companion-benefit,.succession-timing{font-size:9px;color:var(--sage-green);background:#6b7b5a1a;padding:2px 4px;border-radius:8px;position:absolute;top:8px;right:8px}.succession-timing{background:#e8ed6f4d;text-transform:uppercase;letter-spacing:.5px}.companion-description,.succession-description{font-size:10px;color:var(--warm-gray);line-height:1.3}.green-manure{background:#6b7b5a0d;padding:16px;border-radius:var(--radius-small);border-left:4px solid var(--sage-green);margin-top:16px}.green-manure h6{font-size:12px;font-weight:600;color:var(--sage-green);margin-bottom:8px;text-transform:uppercase}.green-manure-list{display:flex;flex-wrap:wrap;gap:8px}.green-manure-item{background:#fff;padding:4px 8px;border-radius:12px;font-size:11px;color:var(--primary-dark);border:1px solid var(--border-light)}.main-layout{display:grid;grid-template-columns:3fr 1fr;gap:30px;margin-bottom:30px}.problems-section{display:flex;flex-direction:column}.problems-header{background:#fff;padding:16px 20px;border:1px solid var(--border-light);border-radius:var(--radius-medium) var(--radius-medium) 0 0;margin-bottom:0}.problems-header h4{font-size:1.1rem;font-weight:600;color:var(--primary-dark);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--sage-green)}.problems-header .severity-legend{display:flex;gap:20px;font-size:12px;margin:0;padding:0;background:none;border-radius:0}.problems-container{background:#fff;padding:24px;border:1px solid var(--border-light);border-top:none;border-radius:0 0 var(--radius-medium) var(--radius-medium);box-shadow:var(--shadow-subtle)}.severity-legend{display:flex;gap:20px;margin-bottom:20px;padding:16px;background:#6b7b5a0d;border-radius:var(--radius-small);font-size:12px}.severity-low{background:var(--success-green)}.severity-medium{background:var(--warning-orange)}.severity-high{background:var(--danger-red)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.problem-card{background:var(--light-gray);border:1px solid var(--border-light);border-radius:var(--radius-medium);overflow:hidden;transition:var(--transition);cursor:pointer;position:relative;min-height:100px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.problem-card:hover{box-shadow:0 4px 16px #2e31051f;transform:translateY(-2px)}.problem-card:active{transform:scale(.98)}.problem-card.active{box-shadow:0 8px 24px #2e310526;transform:translateY(-4px);border-color:var(--sage-green)}.problem-header{padding:12px;background:#fff;border-bottom:1px solid var(--border-light);position:relative}.problem-title{font-size:13px;font-weight:600;color:var(--primary-dark);margin-bottom:4px;line-height:1.2}.problem-type{font-size:10px;color:var(--warm-gray);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.severity-indicator{position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;box-shadow:0 1px 3px #0003}.expand-hint{text-align:center;padding:8px;font-size:10px;color:var(--warm-gray);background:#6b7b5a0d}.care-sidebar{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-medium);padding:20px;box-shadow:var(--shadow-subtle);height:fit-content;position:sticky;top:20px}.care-sidebar h4{font-size:1.1rem;font-weight:600;color:var(--primary-dark);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--sage-green)}.care-items{display:flex;flex-direction:column;gap:16px}.care-sidebar .care-item{background:var(--light-gray);padding:12px;border-radius:var(--radius-small);border:1px solid var(--border-light)}.care-sidebar .care-item h5{font-size:13px;font-weight:600;color:var(--sage-green);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.care-sidebar .care-item p{font-size:12px;line-height:1.4;color:var(--primary-dark)}.problem-details-section{background:#fff;border:1px solid var(--border-light);border-top:none;border-radius:0 0 var(--radius-medium) var(--radius-medium);box-shadow:var(--shadow-subtle);margin-top:0}.problem-details-content{display:none;padding:30px}.problem-details-content.active{display:block}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.detail-section{padding:20px;border-radius:var(--radius-small)}.detail-section h6{font-size:14px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.detail-section p{font-size:14px;line-height:1.6;color:var(--primary-dark);margin-bottom:16px}.detail-section p:last-child{margin-bottom:0}.recognition-section{background:#b873330d;border-left:4px solid var(--recognition-terracotta)}.recognition-section h6{color:var(--recognition-terracotta)}.prevention-section{background:#5a6b4a0d;border-left:4px solid var(--prevention-sage)}.prevention-section h6{color:var(--prevention-sage)}.treatment-section{background:#556b7d0d;border-left:4px solid var(--treatment-slate)}.treatment-section h6{color:var(--treatment-slate)}.placeholder-message{text-align:center;padding:40px 20px;color:var(--warm-gray);font-style:italic}.image-zoom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:10000;cursor:pointer;opacity:0;transition:opacity .3s ease}.image-zoom-modal.show{display:flex;opacity:1}.zoom-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:12px;box-shadow:0 16px 48px #0000004d}.zoom-close{position:absolute;top:20px;right:20px;background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;color:var(--primary-dark);transition:var(--transition)}.zoom-close:hover{background:#fff}.following-tooltip{position:fixed;background:var(--primary-dark);color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 16px #2e31054d;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;transform:scale(.8);transition:all .4s ease;z-index:1000;pointer-events:none;max-width:400px;text-align:center}.following-tooltip.show{opacity:1;transform:scale(1);pointer-events:auto}.following-tooltip .arrow{position:absolute;width:12px;height:6px;background:var(--primary-dark);transition:all .4s ease}.following-tooltip.point-down .arrow{top:100%;left:50%;transform:translate(-50%);clip-path:polygon(50% 100%,0% 0%,100% 0%)}.following-tooltip.point-up .arrow{bottom:100%;left:50%;transform:translate(-50%);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.following-tooltip .arrow.changing{animation:arrowFlip .6s ease-in-out}@keyframes arrowFlip{0%{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}.following-tooltip.pulse{animation:gentlePulse 2s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.following-tooltip .close-btn{position:absolute;top:-8px;right:-8px;background:var(--accent-yellow);border:none;color:var(--primary-dark);width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.following-tooltip .close-btn:hover{background:#fff;transform:scale(1.1)}.tab.highlighted{animation:gentleGlow 2s ease-in-out infinite;position:relative}@keyframes gentleGlow{0%,to{box-shadow:0 0 #558c46b3}50%{box-shadow:0 0 0 4px #558c4680}}.floating-back-btn{position:fixed;top:20px;left:20px;width:44px;height:44px;background:#2e3105e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:1000;opacity:0;transform:translate(-20px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #2e310533}.floating-back-btn.visible{opacity:1;transform:translate(0)}.floating-back-btn:hover{background:var(--sage-green);transform:scale(1.05)}.sticky-fab{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(20px);transition:all .3s ease}.sticky-fab.visible{opacity:1;transform:translateY(0)}.fab-btn{width:56px;height:56px;background:var(--sage-green);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #6b7b5a66;transition:all .2s ease}.fab-btn:hover{transform:scale(1.1);box-shadow:0 8px 24px #6b7b5a80}.fab-btn:active{transform:scale(.95)}.fab-price{background:#fff;padding:8px 12px;border-radius:20px;font-size:14px;font-weight:600;color:var(--primary-dark);box-shadow:0 4px 12px #2e310526;white-space:nowrap}.related-section{padding:20px 0}.related-section .tabs-wrapper{max-width:1315px;margin:0 auto;padding:8px 55px}@media (min-width: 1600px){.product-wrapper,.tabs-wrapper{margin:0 clamp(80px,8vw,120px)}}@media (min-width: 1200px) and (max-width: 1599px){.product-wrapper,.tabs-wrapper{margin:0 clamp(40px,6vw,80px)}}@media (min-width: 900px) and (max-width: 1199px){.product-wrapper,.tabs-wrapper{margin:0 clamp(20px,4vw,60px);padding:24px}.product-layout{grid-template-columns:minmax(300px,400px) minmax(300px,1fr);gap:24px}.product-quick-details{grid-column:1;grid-row:2;margin-top:16px;position:static}.three-column-layout{grid-template-columns:1fr 1fr;gap:20px}.permaculture-column{grid-column:1 / -1}.main-layout{grid-template-columns:2fr 1fr;gap:20px}.problems-grid{grid-template-columns:repeat(4,1fr);gap:10px}.details-grid{grid-template-columns:repeat(2,1fr);gap:20px}.year-calendar{grid-template-columns:repeat(6,1fr);gap:8px}.tasks-grid{grid-template-columns:1fr;gap:8px}.timeline-grid{grid-template-columns:repeat(2,1fr);gap:12px}.calendar-legend{flex-direction:column;gap:8px}.total-duration{flex-direction:column;text-align:center;gap:12px}}@media (min-width: 600px) and (max-width: 899px){.product-wrapper,.tabs-wrapper{margin:0 20px;padding:20px}.product-layout{grid-template-columns:1fr;gap:16px}.product-quick-details{order:3;position:static;margin-top:0}.product-main-info{order:2}.image-gallery{order:1;position:static}.main-layout{grid-template-columns:1fr;gap:20px}.care-sidebar{position:static;order:-1}.care-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.problems-grid{grid-template-columns:repeat(3,1fr)}.details-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.container{padding:0 16px}.product-wrapper,.tabs-wrapper{margin:0;padding:20px 16px;box-shadow:0 8px 24px #2e31051f}.product-layout{display:flex;flex-direction:column;gap:20px}.image-gallery{order:1;position:static;width:100%}.product-main-info{order:2}.product-quick-details{order:3;grid-column:unset;grid-row:unset;margin-top:16px;padding:16px}.price-section{order:4;position:static;background:var(--light-gray);padding:16px;border-radius:var(--radius-medium);border:1px solid var(--border-light);box-shadow:var(--shadow-card);margin-bottom:20px}.thumbnail-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-row::-webkit-scrollbar{display:none}.thumbnail{flex:0 0 70px;border:2px solid transparent}.thumbnail.active{transform:scale(1.05)}.product-title{font-size:1.5rem;line-height:1.2;margin-bottom:8px}.breadcrumb{font-size:12px;margin-bottom:8px;white-space:nowrap;overflow-x:auto}.price{font-size:1.4rem;margin-bottom:4px}.qty-btn{width:44px;height:44px;font-size:18px;border-radius:var(--radius-small)}.qty-input{width:60px;height:44px;font-size:16px}.add-to-cart{height:44px;font-size:14px}.template.badge{padding:4px 8px;font-size:11px;white-space:nowrap}.purchase-form{margin-bottom:8px}.tabs-section{padding:16px 0 100px;margin-top:20px}.tabs-section h2{font-size:1.3rem;margin-bottom:20px}.tab-list{justify-content:flex-start;gap:8px;padding:8px 16px;background:#6b7b5a0d;border-radius:12px;margin-bottom:16px;border-bottom:none}.tab{flex:0 0 auto;padding:10px 16px;font-size:12px;border-radius:20px;margin-right:0;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid var(--border-light);background:#fff}.tab.active{background:var(--sage-green);color:#fff;border-color:var(--sage-green);transform:scale(1.05);border-bottom:none}.tab-panel{padding:20px 16px}.content-cards-grid{display:flex;flex-direction:column;gap:16px}.content-card{padding:16px;cursor:pointer}.content-card:active{transform:scale(.98);box-shadow:var(--shadow-elevated)}.year-calendar{grid-template-columns:repeat(4,1fr);gap:8px}.month-cell{font-size:10px;padding:4px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.month-cell:active{transform:scale(.95)}.problems-grid{grid-template-columns:1fr 1fr;gap:10px}.problem-card{min-height:100px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.problem-card:active{transform:scale(.98)}.three-column-layout{grid-template-columns:1fr;gap:16px}.companion-grid,.succession-grid{grid-template-columns:1fr 1fr;gap:8px}.main-layout{grid-template-columns:1fr;gap:20px}.care-sidebar{position:static;order:-1}.care-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.details-grid{grid-template-columns:1fr;gap:16px}.related-section .grid.product-grid,.related-section ul.grid.product-grid{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;gap:16px!important;padding:0 4px 10px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important}.related-section .grid.product-grid::-webkit-scrollbar,.related-section ul.grid.product-grid::-webkit-scrollbar{display:none!important}.related-section .grid__item{flex:0 0 280px!important;width:280px!important;min-width:280px!important;scroll-snap-align:start!important}.related-section .tabs-wrapper{margin:0!important;padding:0!important}.related-section .related-products{padding:10px!important}.related-section .section-title{font-size:1.4rem!important;margin-bottom:10px!important}body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (max-width: 480px){.container{padding:0 8px}.product-wrapper,.tabs-wrapper{margin:0 8px;padding:16px 12px}.product-title{font-size:1.3rem}.price{font-size:1.2rem}.problems-grid{grid-template-columns:1fr}.care-items,.companion-grid,.succession-grid{grid-template-columns:1fr;gap:8px}.year-calendar{grid-template-columns:repeat(3,1fr);gap:6px}.month-cell{font-size:9px;padding:2px}.purchase-form{flex-direction:column;gap:8px}.quantity-selector{align-self:center}.add-to-cart{width:100%}.tab{font-size:11px;padding:8px 12px}.content-card{padding:12px}.severity-legend{flex-direction:column;gap:8px}.related-section .grid__item{flex:0 0 240px!important;width:240px!important;min-width:240px!important}}@media (min-width: 769px){.floating-back-btn,.sticky-fab{display:none!important}}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile-only{display:none}@media (max-width: 768px){.show-mobile-only{display:block!important}}html{scroll-behavior:smooth}.tab,.month-cell,.problem-card,.floating-back-btn,.sticky-fab{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tab:focus,.month-cell:focus,.problem-card:focus,.qty-btn:focus,.add-to-cart:focus{outline:2px solid var(--sage-green);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.following-tooltip.pulse,.tab.highlighted{animation:none!important}}.notify-container{padding:2px 0;max-width:100%;box-sizing:border-box;overflow:hidden}.notify-title{font-size:clamp(12px,2.5vw,13px);color:#666;margin-bottom:10px;font-weight:500}.notify-form{display:flex;gap:8px;align-items:center;width:100%;box-sizing:border-box}.notify-input{flex:1;min-width:0;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:clamp(13px,2.8vw,14px);background:#fff;transition:border-color .2s ease;box-sizing:border-box}.notify-input:focus{outline:none;border-color:#4f5222;box-shadow:0 0 0 2px #4f52221a}.notify-submit{padding:10px 20px;background:#4f5222;color:#fff;border:none;border-radius:6px;font-size:clamp(13px,2.8vw,14px);font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;flex-shrink:0}.notify-submit:hover{background:#4f5222a8}.notify-submit:active{transform:translateY(1px)}@media (max-width: 480px){.notify-form{gap:6px}.notify-input{padding:8px 10px}.notify-submit{padding:8px 16px;font-size:13px}}@media (min-width: 1200px){.notify-container{max-width:500px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/product-nieuw.css.map */