@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap);.dashboard-container{background:#f8f8f8;background:var(--light-bg);min-height:100vh;padding:clamp(.5rem,2vw,.75rem)}@media(min-width:768px){.dashboard-container{padding:clamp(1rem,3vw,1.5rem)}}@media(min-width:1024px){.dashboard-container{padding:clamp(1.5rem,4vw,2rem)}}.dashboard-header{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(1rem,2vw,1.25rem)}@media(min-width:768px){.dashboard-header{align-items:flex-start;flex-direction:row;justify-content:space-between;margin-bottom:clamp(1.25rem,2.5vw,1.5rem)}}.dashboard-header .header-content h1{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;flex-wrap:wrap;font-size:clamp(1rem,3vw,1.5rem);gap:clamp(.3rem,.8vw,.5rem)}.dashboard-header .header-content h1 .role-icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.9rem,2vw,1.25rem)}.dashboard-header .header-content p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,1.2vw,.875rem);margin:0}.dashboard-header .header-badges{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.6vw,.5rem);margin-top:clamp(.15rem,.3vw,.25rem)}.dashboard-header .header-actions{display:flex;flex-wrap:wrap;gap:clamp(.35rem,.6vw,.5rem)}@media(min-width:768px){.dashboard-header .header-actions{gap:clamp(.5rem,1vw,.75rem)}}.header-user-info{flex:1 1;min-width:200px}.header-user-info .header-avatar{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);border:2px solid #d9a321;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.header-user-info .header-avatar img{height:100%;object-fit:cover;width:100%}.header-user-info .header-avatar .avatar-initials{color:#fff;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700}@media(min-width:768px){.header-user-info .header-avatar{height:56px;width:56px}.header-user-info .header-avatar .avatar-initials{font-size:1.25rem}}.header-user-info .header-text{flex:1 1;min-width:0}.header-user-info .header-text h1{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;flex-wrap:wrap;font-size:clamp(1rem,3vw,1.5rem);gap:clamp(.3rem,.8vw,.5rem);margin:0}.header-user-info .header-text h1 .role-icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.9rem,2vw,1.25rem)}.header-user-info .header-text p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,1.2vw,.875rem);margin:0}@media(max-width:576px){.header-user-info{gap:.5rem}.header-user-info .header-avatar{height:40px;width:40px}.header-user-info .header-avatar .avatar-initials,.header-user-info .header-text h1{font-size:.9rem}}.role-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:clamp(.55rem,.9vw,.65rem);font-weight:600;gap:clamp(.2rem,.4vw,.3rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.15rem,.3vw,.2rem) clamp(.4rem,.8vw,.6rem)}.role-badge svg{font-size:clamp(.5rem,.8vw,.6rem)}.role-badge.super-admin{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white)}.role-badge.admin{background:#3b82f6;background:var(--info-blue);color:#fff;color:var(--white)}.role-badge.team-member{background:#8b5cf6;background:var(--purple-accent);color:#fff;color:var(--white)}.role-badge.farmer{background:#16a34a;background:var(--success-green);color:#fff;color:var(--white)}.role-badge.supplier{background:#f59e0b;background:var(--warning-yellow);color:#fff;color:var(--white)}.role-badge.customer{background:#5a5a5a;background:var(--slate-gray);color:#fff;color:var(--white)}.currency-toggle{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border:1.5px solid #006b2e;border:1.5px solid var(--primary-green);border-radius:9999px;border-radius:var(--radius-full);color:#006b2e;color:var(--primary-green);cursor:pointer;display:inline-flex;font-size:clamp(.55rem,.9vw,.65rem);font-weight:600;gap:clamp(.15rem,.3vw,.25rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.2vw,.15rem) clamp(.4rem,.8vw,.6rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.currency-toggle svg{font-size:clamp(.5rem,.8vw,.6rem)}.currency-toggle:hover{background:#006b2e;background:var(--primary-green);color:#fff;color:var(--white)}.currency-toggle:active{transform:scale(.95)}.stats-grid{grid-gap:clamp(.5rem,1vw,.75rem);gap:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(1rem,2vw,1.25rem)}@media(min-width:576px){.stats-grid{gap:clamp(.75rem,1.5vw,1rem)}}@media(min-width:768px){.stats-grid{gap:clamp(1rem,2vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:clamp(1.25rem,2.5vw,1.5rem)}}.stats-grid .stat-card{align-items:center;background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:clamp(.5rem,1vw,.75rem);min-height:clamp(70px,10vw,80px);padding:clamp(.5rem,1vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.stats-grid .stat-card{gap:clamp(.75rem,1.5vw,1rem);min-height:clamp(80px,12vw,100px);padding:clamp(.75rem,2vw,1.25rem)}}.stats-grid .stat-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stats-grid .stat-card:active{transform:scale(.98)}.stats-grid .stat-card .stat-icon{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:clamp(.8rem,1.5vw,1rem);height:clamp(32px,5vw,40px);justify-content:center;min-width:clamp(32px,5vw,40px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:clamp(32px,5vw,40px)}@media(min-width:768px){.stats-grid .stat-card .stat-icon{font-size:clamp(1rem,2vw,1.25rem);height:clamp(40px,6vw,50px);min-width:clamp(40px,6vw,50px);width:clamp(40px,6vw,50px)}}.stats-grid .stat-card .stat-icon svg{transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.stats-grid .stat-card:hover .stat-icon svg{transform:scale(1.1)}.stats-grid .stat-card .stat-info{flex:1 1;min-width:0}.stats-grid .stat-card .stat-info h3{color:#5a5a5a;color:var(--slate-gray);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.55rem,.8vw,.65rem);font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.stats-grid .stat-card .stat-info .stat-value{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;line-height:1.2;word-break:break-word}@media(min-width:768px){.stats-grid .stat-card .stat-info .stat-value{font-size:clamp(1.1rem,2.5vw,1.5rem)}}.stats-grid .stat-card .stat-info .stat-sub{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:clamp(.5rem,.7vw,.6rem);gap:clamp(.15rem,.3vw,.25rem);margin-top:clamp(.05rem,.1vw,.1rem)}.stats-grid .stat-card .stat-info .stat-sub svg{font-size:clamp(.45rem,.6vw,.55rem)}.dashboard-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-light);display:flex;gap:clamp(.15rem,.3vw,.25rem);margin-bottom:clamp(.75rem,2vw,1.25rem);overflow-x:auto;padding-bottom:.1rem}.dashboard-tabs::-webkit-scrollbar{display:none}@media(min-width:768px){.dashboard-tabs{flex-wrap:wrap;gap:clamp(.25rem,.6vw,.5rem);margin-bottom:clamp(1rem,2.5vw,1.5rem);overflow-x:visible}}.dashboard-tabs button{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.6rem,1vw,.7rem);font-weight:500;gap:clamp(.2rem,.4vw,.3rem);min-height:clamp(36px,5vw,40px);padding:clamp(.3rem,.6vw,.4rem) clamp(.5rem,1vw,.75rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}@media(min-width:768px){.dashboard-tabs button{font-size:clamp(.7rem,1.2vw,.813rem);min-height:clamp(40px,6vw,48px);padding:clamp(.4rem,1vw,.6rem) clamp(.75rem,1.8vw,1.25rem)}}.dashboard-tabs button:after{background:#d9a321;background:var(--secondary-gold);border-radius:9999px;border-radius:var(--radius-full);bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:0}.dashboard-tabs button.active{color:#006b2e;color:var(--primary-green);font-weight:600}.dashboard-tabs button.active:after{width:70%}.dashboard-tabs button:hover:not(.active){background:#006b2e0d;background:rgba(var(--primary-green-rgb),.05);color:#006b2e;color:var(--primary-green)}.dashboard-tabs button:active{transform:scale(.96)}.dashboard-tabs button svg{flex-shrink:0;font-size:clamp(.6rem,1vw,.7rem)}@media(min-width:768px){.dashboard-tabs button svg{font-size:clamp(.7rem,1.2vw,.813rem)}}.tab-content{animation:tabFadeIn .3s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.table-responsive{-webkit-overflow-scrolling:touch;margin:0 -.5rem;overflow-x:auto;padding:0 .5rem;width:100%}@media(min-width:768px){.table-responsive{margin:0;padding:0}}.data-table{background:#fff;background:var(--white);border-collapse:collapse;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);font-size:clamp(.65rem,1vw,.75rem);min-width:650px;width:100%}@media(min-width:768px){.data-table{border-radius:16px;border-radius:var(--radius-lg);font-size:clamp(.7rem,1.2vw,.813rem);min-width:0;min-width:auto}}.data-table td,.data-table th{border-bottom:1px solid #0000000a;padding:clamp(.35rem,.8vw,.5rem) clamp(.4rem,.8vw,.625rem);text-align:left;vertical-align:middle}@media(min-width:768px){.data-table td,.data-table th{padding:clamp(.5rem,1.2vw,.75rem) clamp(.6rem,1.5vw,1rem)}}.data-table th{background:#f8f8f8;background:var(--light-bg);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;font-size:clamp(.55rem,.9vw,.65rem);font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;z-index:10}@media(min-width:768px){.data-table th{font-size:clamp(.6rem,1vw,.7rem)}}.data-table th:hover{color:#006b2e;color:var(--primary-green)}.data-table th svg{font-size:clamp(.5rem,.8vw,.6rem);margin-left:clamp(.15rem,.3vw,.25rem);opacity:.5}@media(min-width:768px){.data-table th svg{font-size:clamp(.6rem,.9vw,.7rem)}}.data-table tr{transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.data-table tr:hover{background:#006b2e08;background:rgba(var(--primary-green-rgb),.03)}.data-table tr:last-child td{border-bottom:none}.data-table .no-data{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,1.2vw,.875rem);padding:clamp(1.5rem,3vw,2rem) clamp(.75rem,1.5vw,1rem);text-align:center}.data-table .no-data svg{color:#e5e5e5;color:var(--border-light);display:block;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.5rem;margin-left:auto;margin-right:auto}.status-badge{border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);font-size:clamp(.5rem,.8vw,.6rem);gap:clamp(.15rem,.3vw,.25rem);letter-spacing:.3px;min-height:clamp(24px,3vw,28px);padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.6vw,.5rem);text-transform:capitalize}@media(min-width:768px){.status-badge{font-size:clamp(.55rem,.9vw,.65rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.15rem,.3vw,.2rem) clamp(.4rem,.8vw,.7rem)}}.status-badge svg{font-size:clamp(.4rem,.6vw,.5rem)}.status-badge.active,.status-badge.completed,.status-badge.delivered,.status-badge.paid,.status-badge.ready_for_pickup{background:#16a34a;background:var(--success-green)}.status-badge.inactive,.status-badge.refunded,.status-badge.refunded_payment{background:#5a5a5a;background:var(--slate-gray)}.status-badge.deposit_received,.status-badge.in_transit,.status-badge.out_for_delivery,.status-badge.pending,.status-badge.processing_payment{background:#f59e0b;background:var(--warning-yellow)}.status-badge.confirmed,.status-badge.ordered,.status-badge.processing,.status-badge.shipped{background:#3b82f6;background:var(--info-blue)}.status-badge.cancelled,.status-badge.delayed,.status-badge.failed,.status-badge.failed_payment{background:#dc2626;background:var(--error-red)}.status-badge.customs{background:#ef4444}.section-header{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(.75rem,2vw,1.25rem)}@media(min-width:768px){.section-header{align-items:center;flex-direction:row;gap:clamp(.5rem,1.5vw,1rem);justify-content:space-between;margin-bottom:clamp(1rem,2.5vw,1.5rem)}}.section-header h2{align-items:center;display:flex;font-size:clamp(.95rem,2vw,1.125rem);font-weight:700;gap:clamp(.3rem,.6vw,.5rem)}@media(min-width:768px){.section-header h2{font-size:clamp(1rem,2.5vw,1.25rem)}}.section-header h2 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1.5vw,1rem)}.section-header .filters{display:flex;flex-direction:column;gap:clamp(.35rem,.6vw,.5rem)}@media(min-width:576px){.section-header .filters{align-items:center;flex-direction:row;flex-wrap:wrap}}.section-header .filters input,.section-header .filters select{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,1vw,.813rem);min-height:clamp(36px,5vw,40px);padding:clamp(.3rem,.6vw,.4rem) clamp(.5rem,.8vw,.75rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}@media(min-width:576px){.section-header .filters input,.section-header .filters select{min-width:clamp(120px,20vw,140px);width:auto}}.section-header .filters input:focus,.section-header .filters select:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.section-header .filters input::placeholder,.section-header .filters select::placeholder{color:#5a5a5a;color:var(--slate-gray);opacity:.7}.section-header .filters .shipment-stats{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:clamp(.6rem,.9vw,.7rem);gap:clamp(.3rem,.5vw,.5rem)}.section-header .filters .shipment-stats .stat-sep{opacity:.3}.section-header .filters .shipment-stats svg{font-size:clamp(.55rem,.8vw,.65rem)}.section-header .filters .size-indicator{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:clamp(.55rem,.8vw,.65rem);gap:clamp(.2rem,.4vw,.3rem)}.section-header .filters .size-indicator svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.5rem,.7vw,.6rem)}.section-header .filters .size-indicator .preorder-sizes{color:#8b5cf6;color:var(--purple-accent);font-weight:500}.section-header .header-actions{display:flex;flex-wrap:wrap;gap:clamp(.3rem,.6vw,.5rem)}.product-thumb{border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);height:clamp(30px,4vw,36px);object-fit:cover;width:clamp(30px,4vw,36px)}@media(min-width:768px){.product-thumb{height:clamp(36px,5vw,48px);width:clamp(36px,5vw,48px)}}.origin-tag{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);display:inline-flex;font-size:clamp(.5rem,.7vw,.6rem);gap:clamp(.15rem,.3vw,.2rem);margin-left:clamp(.15rem,.3vw,.25rem);min-height:clamp(20px,2.5vw,24px);padding:clamp(.05rem,.1vw,.1rem) clamp(.25rem,.5vw,.4rem)}@media(min-width:768px){.origin-tag{font-size:clamp(.55rem,.8vw,.65rem);min-height:clamp(24px,3vw,28px);padding:clamp(.08rem,.15vw,.15rem) clamp(.3rem,.6vw,.5rem)}}.origin-badge,.origin-tag svg{font-size:clamp(.4rem,.6vw,.5rem)}.origin-badge{align-items:center;background:#dcfce7;background:var(--success-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#16a34a;color:var(--success-green);display:inline-flex;font-weight:600;gap:clamp(.15rem,.2vw,.2rem);margin-left:clamp(.15rem,.3vw,.25rem);min-height:clamp(18px,2.5vw,22px);padding:clamp(.05rem,.1vw,.1rem) clamp(.2rem,.4vw,.3rem)}@media(min-width:768px){.origin-badge{font-size:clamp(.45rem,.7vw,.55rem);min-height:clamp(22px,3vw,26px);padding:clamp(.08rem,.15vw,.15rem) clamp(.25rem,.5vw,.4rem)}}.origin-badge svg{font-size:clamp(.35rem,.5vw,.45rem)}.country-tag{align-items:center;background:#dbeafe;background:var(--info-blue-light);border-radius:8px;border-radius:var(--radius-sm);color:#3b82f6;color:var(--info-blue);display:inline-flex;font-size:clamp(.5rem,.7vw,.65rem);gap:clamp(.15rem,.2vw,.2rem);min-height:clamp(20px,2.5vw,24px);padding:clamp(.05rem,.1vw,.1rem) clamp(.25rem,.4vw,.35rem)}.country-tag svg{font-size:clamp(.4rem,.6vw,.5rem)}.size-tags{display:flex;flex-wrap:wrap;gap:clamp(.15rem,.2vw,.2rem)}.size-tag{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.1rem,.15vw,.15rem);min-height:clamp(20px,2.5vw,24px);padding:clamp(.05rem,.1vw,.1rem) clamp(.25rem,.4vw,.4rem)}@media(min-width:768px){.size-tag{font-size:clamp(.5rem,.8vw,.6rem);min-height:clamp(24px,3vw,28px);padding:clamp(.08rem,.15vw,.15rem) clamp(.3rem,.6vw,.5rem)}}.size-tag .preorder-tag{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.4rem,.5vw,.5rem)}.bulk-order-row,.bulk-shipment-row{background:#16a34a0d;background:rgba(var(--success-green-rgb),.05);border-left:3px solid #16a34a;border-left:3px solid var(--success-green)}.bulk-badge{align-items:center;background:#d9a321;background:var(--secondary-gold);border-radius:9999px;border-radius:var(--radius-full);display:inline-block;display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);font-weight:700;letter-spacing:.5px;margin-left:clamp(.25rem,.5vw,.5rem);min-height:clamp(18px,2.5vw,22px);padding:clamp(.05rem,.1vw,.1rem) clamp(.25rem,.4vw,.4rem);text-transform:uppercase}@media(min-width:768px){.bulk-badge{font-size:clamp(.5rem,.8vw,.6rem);min-height:clamp(22px,3vw,26px);padding:clamp(.08rem,.15vw,.15rem) clamp(.3rem,.6vw,.5rem)}}.order-type-badge,.shipment-type-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-block;display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);font-weight:600;letter-spacing:.3px;min-height:clamp(20px,2.5vw,24px);padding:clamp(.1rem,.15vw,.15rem) clamp(.25rem,.4vw,.4rem);text-transform:uppercase}@media(min-width:768px){.order-type-badge,.shipment-type-badge{font-size:clamp(.5rem,.8vw,.6rem);min-height:clamp(24px,3vw,28px);padding:clamp(.12rem,.2vw,.2rem) clamp(.3rem,.6vw,.5rem)}}.order-type-badge.bulk,.order-type-badge.bulk_farmer,.shipment-type-badge.bulk,.shipment-type-badge.bulk_farmer{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.order-type-badge.retail,.order-type-badge.standard,.shipment-type-badge.retail,.shipment-type-badge.standard{background:#dbeafe;background:var(--info-blue-light);color:#3b82f6;color:var(--info-blue)}.order-type-badge.inventory,.shipment-type-badge.inventory{background:#fef3c7;background:var(--secondary-gold-light);color:#b8860b;color:var(--secondary-gold-dark)}.alert-section{background:#fef3c7;background:var(--warning-yellow-light);border-left:4px solid #f59e0b;border-left:4px solid var(--warning-yellow);border-radius:8px;border-radius:var(--radius-sm);margin-bottom:clamp(.75rem,2vw,1.25rem);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem)}@media(min-width:768px){.alert-section{margin-bottom:clamp(1rem,2.5vw,1.5rem);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem)}}.alert-section h3{align-items:center;color:#92400e;display:flex;font-size:clamp(.7rem,1.2vw,.813rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.25rem,.6vw,.5rem)}.alert-section h3 svg{font-size:clamp(.7rem,1.2vw,.875rem)}@media(min-width:768px){.alert-section h3{font-size:clamp(.75rem,1.5vw,.875rem)}}.alert-section .low-stock-grid{display:flex;flex-wrap:wrap;gap:clamp(.35rem,.6vw,.5rem);margin-top:clamp(.25rem,.5vw,.5rem)}@media(min-width:768px){.alert-section .low-stock-grid{gap:clamp(.5rem,1vw,1rem)}}.alert-section .low-stock-grid .low-stock-card{align-items:center;background:#fff;background:var(--white);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;font-size:clamp(.65rem,1vw,.75rem);gap:clamp(.4rem,.8vw,.75rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.4vw,.3rem) clamp(.4rem,.8vw,.75rem)}@media(min-width:768px){.alert-section .low-stock-grid .low-stock-card{font-size:clamp(.7rem,1.2vw,.813rem);min-height:clamp(36px,5vw,44px);padding:clamp(.3rem,.6vw,.5rem) clamp(.6rem,1.2vw,1rem)}}.alert-section .low-stock-grid .low-stock-card .stock-count{color:#dc2626;color:var(--error-red);font-weight:600}.supplier-info-section{margin-bottom:clamp(.75rem,2vw,1.25rem)}.supplier-info-section .supplier-info-card{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 16px #006b2e4d;box-shadow:0 4px 16px rgba(var(--primary-green-rgb),.3);color:#fff;color:var(--white);display:flex;gap:clamp(.5rem,1vw,1rem);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem)}@media(min-width:768px){.supplier-info-section .supplier-info-card{border-radius:16px;border-radius:var(--radius-lg);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem)}}.supplier-info-section .supplier-info-card .supplier-info-icon{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(1.1rem,2vw,1.5rem)}@media(min-width:768px){.supplier-info-section .supplier-info-card .supplier-info-icon{font-size:clamp(1.5rem,3vw,2rem)}}.supplier-info-section .supplier-info-card .supplier-info-content{flex:1 1}.supplier-info-section .supplier-info-card .supplier-info-content h4{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.8rem,1.5vw,.938rem);margin:0}@media(min-width:768px){.supplier-info-section .supplier-info-card .supplier-info-content h4{font-size:clamp(.875rem,2vw,1.063rem)}}.supplier-info-section .supplier-info-card .supplier-info-content p{align-items:center;color:rgba(#FFFFFF,.8);color:rgba(var(--white),.8);display:flex;flex-wrap:wrap;font-size:clamp(.6rem,.9vw,.7rem);gap:clamp(.25rem,.5vw,.5rem);margin:clamp(.05rem,.1vw,.1rem) 0 clamp(.1rem,.2vw,.25rem);opacity:.8}@media(min-width:768px){.supplier-info-section .supplier-info-card .supplier-info-content p{font-size:clamp(.65rem,1vw,.75rem)}}.supplier-info-section .supplier-info-card .supplier-info-content p svg{font-size:clamp(.55rem,.8vw,.65rem);margin-right:clamp(.1rem,.2vw,.25rem)}.supplier-info-section .supplier-info-card .supplier-info-content p .separator{opacity:.5}.supplier-info-section .supplier-info-card .supplier-info-content .supplier-badge{align-items:center;background:#d9a32133;background:rgba(var(--secondary-gold-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.5rem,.7vw,.6rem);font-weight:500;gap:clamp(.15rem,.3vw,.25rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}@media(min-width:768px){.supplier-info-section .supplier-info-card .supplier-info-content .supplier-badge{font-size:clamp(.55rem,.8vw,.65rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.08rem,.15vw,.15rem) clamp(.4rem,.7vw,.6rem)}}.supplier-info-section .supplier-info-card .supplier-info-content .supplier-badge svg{font-size:clamp(.4rem,.6vw,.5rem)}.dashboard-section{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:clamp(.75rem,2vw,1.25rem);padding:clamp(.75rem,2vw,1.25rem)}@media(min-width:768px){.dashboard-section{border-radius:16px;border-radius:var(--radius-lg);margin-bottom:clamp(1rem,2.5vw,1.5rem);padding:clamp(1rem,2.5vw,1.5rem)}}.dashboard-section h2{align-items:center;border-bottom:2px solid #d9a321;border-bottom:2px solid var(--secondary-gold);color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.95rem,2vw,1.125rem);gap:clamp(.3rem,.6vw,.5rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem);padding-bottom:clamp(.4rem,.8vw,.75rem)}@media(min-width:768px){.dashboard-section h2{font-size:clamp(1rem,2.5vw,1.25rem);margin-bottom:clamp(1rem,2.5vw,1.5rem);padding-bottom:clamp(.6rem,1.2vw,1rem)}}.dashboard-section h2 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1.5vw,1rem)}.dashboard-section .payout-divider{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin:clamp(1rem,2vw,1.5rem) 0}.action-buttons{display:flex;flex-wrap:wrap;gap:clamp(.15rem,.3vw,.25rem)}.delete-btn,.edit-btn,.view-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.55rem,.8vw,.65rem);font-weight:500;gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.15rem,.3vw,.2rem) clamp(.3rem,.6vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}@media(min-width:768px){.delete-btn,.edit-btn,.view-btn{font-size:clamp(.6rem,.9vw,.7rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.4vw,.25rem) clamp(.4rem,.8vw,.6rem)}}.delete-btn svg,.edit-btn svg,.view-btn svg{font-size:clamp(.5rem,.7vw,.6rem)}.delete-btn:hover,.edit-btn:hover,.view-btn:hover{transform:translateY(-2px)}.delete-btn:active,.edit-btn:active,.view-btn:active{transform:scale(.94)}.edit-btn{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white)}.edit-btn:hover{background:#b8860b;background:var(--secondary-gold-dark);box-shadow:0 2px 8px #d9a3214d;box-shadow:0 2px 8px rgba(var(--secondary-gold-rgb),.3)}.delete-btn{background:#dc2626;background:var(--error-red);color:#fff;color:var(--white)}.delete-btn:hover{background:#b91c1c;box-shadow:0 2px 8px #dc26264d}.view-btn{background:#3b82f6;background:var(--info-blue);color:#fff;color:var(--white)}.view-btn:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f64d}.status-select{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.55rem,.8vw,.65rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.15rem,.3vw,.2rem) clamp(.3rem,.5vw,.4rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.status-select:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.profile-form .form-row{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:768px){.profile-form .form-row{gap:clamp(.75rem,1.2vw,1rem);grid-template-columns:1fr 1fr}}.profile-form .form-group label{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.7rem,1vw,.813rem);font-weight:500;gap:clamp(.2rem,.4vw,.3rem);margin-bottom:clamp(.15rem,.3vw,.25rem)}.profile-form .form-group label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.65rem,.9vw,.75rem)}.profile-form .form-group input{border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.75rem,1vw,.875rem);min-height:clamp(40px,5vw,44px);padding:clamp(.35rem,.6vw,.5rem) clamp(.5rem,.8vw,.75rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.profile-form .form-group input:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.profile-form .form-group input:disabled{background:#f8f8f8;background:var(--light-bg);opacity:.7}.profile-form .btn-primary{font-size:clamp(.813rem,1vw,.875rem);margin-top:clamp(.5rem,1vw,.75rem);min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.8vw,.5rem) clamp(1rem,2vw,1.5rem)}.password-section{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin-top:clamp(1rem,2vw,1.5rem);padding-top:clamp(1rem,2vw,1.5rem)}.password-section h3{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,1.5vw,1rem);gap:clamp(.3rem,.6vw,.5rem);margin-bottom:clamp(.75rem,1.5vw,1rem)}.password-section h3 svg{color:#d9a321;color:var(--secondary-gold)}.password-section .password-form .form-group label{color:#1f1f1f;color:var(--charcoal);display:block;font-size:clamp(.7rem,1vw,.813rem);font-weight:500;margin-bottom:clamp(.15rem,.3vw,.25rem)}.password-section .password-form .form-group input{border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.75rem,1vw,.875rem);min-height:clamp(40px,5vw,44px);padding:clamp(.35rem,.6vw,.5rem) clamp(.5rem,.8vw,.75rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.password-section .password-form .form-group input:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.password-section .password-form .btn-secondary{font-size:clamp(.813rem,1vw,.875rem);margin-top:clamp(.5rem,1vw,.75rem);min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.8vw,.5rem) clamp(1rem,2vw,1.5rem)}.alert-message{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:clamp(.7rem,1vw,.813rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.5rem,1vw,.75rem);padding:clamp(.4rem,.8vw,.625rem) clamp(.6rem,1vw,.875rem)}@media(min-width:768px){.alert-message{font-size:clamp(.75rem,1.2vw,.875rem);margin-bottom:clamp(.6rem,1.2vw,1rem);padding:clamp(.6rem,1vw,.75rem) clamp(.75rem,1.2vw,1rem)}}.alert-message.success{background:#dcfce7;background:var(--success-green-light);border-left:4px solid #16a34a;border-left:4px solid var(--success-green);color:#16a34a;color:var(--success-green)}.alert-message.error{background:#fee2e2;background:var(--error-red-light);border-left:4px solid #dc2626;border-left:4px solid var(--error-red);color:#dc2626;color:var(--error-red)}.alert-message.warning{background:#fef3c7;background:var(--warning-yellow-light);border-left:4px solid #f59e0b;border-left:4px solid var(--warning-yellow);color:#92400e}.alert-message.info{background:#dbeafe;background:var(--info-blue-light);border-left:4px solid #3b82f6;border-left:4px solid var(--info-blue);color:#3b82f6;color:var(--info-blue)}.alert-message svg{flex-shrink:0;font-size:clamp(.8rem,1.2vw,1rem)}.header-user-info{align-items:center;display:flex;gap:.75rem}.header-avatar{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);border:2px solid #d9a321;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.header-avatar img{height:100%;object-fit:cover;width:100%}.header-avatar .avatar-initials{color:#fff;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700}@media(min-width:768px){.header-avatar{height:56px;width:56px}.header-avatar .avatar-initials{font-size:1.25rem}}.header-text{flex:1 1}.notification{align-items:center;animation:notificationSlideIn .3s ease;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);display:flex;font-size:clamp(.75rem,1vw,.875rem);gap:clamp(.4rem,.8vw,.75rem);max-width:min(450px,100vw - 1.5rem);min-width:auto;padding:clamp(.5rem,.8vw,.75rem) clamp(.75rem,1.2vw,1.25rem);position:fixed;right:clamp(.75rem,2vw,1.25rem);top:clamp(.75rem,2vw,1.25rem);z-index:600;z-index:var(--z-toast)}@media(max-width:576px){.notification{left:clamp(.75rem,2vw,1rem);max-width:none;right:clamp(.75rem,2vw,1rem);top:clamp(.75rem,2vw,1rem)}}.notification.success{background:#dcfce7;background:var(--success-green-light);border-left:4px solid #16a34a;border-left:4px solid var(--success-green);color:#065f46}.notification.error{background:#fee2e2;background:var(--error-red-light);border-left:4px solid #dc2626;border-left:4px solid var(--error-red);color:#991b1b}.notification.warning{background:#fef3c7;background:var(--warning-yellow-light);border-left:4px solid #f59e0b;border-left:4px solid var(--warning-yellow);color:#92400e}.notification.info{background:#dbeafe;background:var(--info-blue-light);border-left:4px solid #3b82f6;border-left:4px solid var(--info-blue);color:#1e40af}.notification button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:clamp(.8rem,1vw,.9rem);justify-content:center;margin-left:auto;min-height:clamp(32px,4vw,36px);min-width:clamp(32px,4vw,36px);opacity:.7;padding:clamp(.15rem,.3vw,.25rem)}.notification button:hover{opacity:1}.notification svg:first-child{flex-shrink:0;font-size:clamp(.9rem,1.2vw,1.1rem)}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.whatsapp-support{font-size:clamp(.65rem,.9vw,.75rem);gap:clamp(.3rem,.5vw,.5rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.3rem,.6vw,.4rem) clamp(.5rem,1vw,.8rem)}@media(min-width:768px){.whatsapp-support{font-size:clamp(.7rem,1.2vw,.813rem);min-height:clamp(40px,5vw,44px);padding:clamp(.4rem,.8vw,.5rem) clamp(.6rem,1.2vw,1rem)}}.whatsapp-support svg{font-size:clamp(.8rem,1vw,.9rem)}.whatsapp-support:hover{box-shadow:0 4px 15px #25d36659}.logout-btn{align-items:center;background:#0000;border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:inline-flex;font-size:clamp(.65rem,.9vw,.75rem);font-weight:500;gap:clamp(.3rem,.5vw,.5rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.3rem,.6vw,.4rem) clamp(.5rem,.8vw,.8rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.logout-btn{font-size:clamp(.7rem,1.2vw,.813rem);min-height:clamp(40px,5vw,44px);padding:clamp(.4rem,.8vw,.5rem) clamp(.6rem,1.2vw,1rem)}}.logout-btn svg{font-size:clamp(.65rem,.9vw,.75rem)}.logout-btn:hover{background:#fee2e2;background:var(--error-red-light);border-color:#dc2626;border-color:var(--error-red);color:#dc2626;color:var(--error-red)}.logout-btn:active{transform:scale(.95)}.no-data{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,1.2vw,.875rem);padding:clamp(1rem,2vw,1.5rem);text-align:center}@media(min-width:768px){.no-data{font-size:clamp(.813rem,1.5vw,1rem);padding:clamp(1.5rem,3vw,2rem)}}.no-data svg{color:#e5e5e5;color:var(--border-light);display:block;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(.35rem,.6vw,.5rem);margin-left:auto;margin-right:auto}.no-data .sub-text{color:#9ca3af;font-size:clamp(.65rem,1vw,.75rem)}.supplier-stats-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:repeat(2,1fr);margin-bottom:clamp(.75rem,2vw,1.25rem)}@media(min-width:768px){.supplier-stats-grid{gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.supplier-stats-grid .stat-card{align-items:center;background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:clamp(.4rem,.8vw,.75rem);min-height:clamp(60px,8vw,72px);padding:clamp(.5rem,.8vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.supplier-stats-grid .stat-card{min-height:clamp(72px,10vw,80px);padding:clamp(.6rem,1.2vw,1rem)}}.supplier-stats-grid .stat-card:hover{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-3px)}.supplier-stats-grid .stat-card .stat-icon{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:clamp(.7rem,1.2vw,.875rem);height:clamp(28px,4vw,36px);justify-content:center;min-width:clamp(28px,4vw,36px);width:clamp(28px,4vw,36px)}@media(min-width:768px){.supplier-stats-grid .stat-card .stat-icon{font-size:clamp(.8rem,1.5vw,1rem);height:clamp(36px,5vw,44px);min-width:clamp(36px,5vw,44px);width:clamp(36px,5vw,44px)}}.supplier-stats-grid .stat-card .stat-info{flex:1 1;min-width:0}.supplier-stats-grid .stat-card .stat-info h3{color:#5a5a5a;color:var(--slate-gray);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.5rem,.7vw,.6rem);font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}@media(min-width:768px){.supplier-stats-grid .stat-card .stat-info h3{font-size:clamp(.55rem,.8vw,.65rem)}}.supplier-stats-grid .stat-card .stat-info .stat-value{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.85rem,1.5vw,1rem);font-weight:700}@media(min-width:768px){.supplier-stats-grid .stat-card .stat-info .stat-value{font-size:clamp(.9rem,2vw,1.125rem)}}.analytics-container{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.5rem);padding:clamp(.25rem,.5vw,.5rem) 0}.analytics-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem);justify-content:space-between;margin-bottom:clamp(.35rem,.6vw,.75rem)}.analytics-section-title{align-items:center;display:flex;gap:clamp(.3rem,.5vw,.5rem)}.analytics-section-title h3{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.75rem,2vw,1rem);margin:0}.analytics-section-title svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1.5vw,1rem)}.analytics-badge{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);display:inline-flex;font-size:clamp(.5rem,.7vw,.6rem);gap:clamp(.15rem,.3vw,.25rem);min-height:clamp(24px,3vw,28px);padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.6vw,.6rem)}@media(min-width:768px){.analytics-badge{font-size:clamp(.55rem,.8vw,.65rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.12rem,.25vw,.2rem) clamp(.4rem,.8vw,.75rem)}}.analytics-badge svg{font-size:clamp(.5rem,.7vw,.6rem)}.analytics-status-grid{grid-gap:clamp(.35rem,.6vw,.5rem);display:grid;gap:clamp(.35rem,.6vw,.5rem);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.analytics-status-grid{gap:clamp(.5rem,1vw,.75rem);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));min-width:150px}}.analytics-status-card{background:#fff;background:var(--white);border-left:3px solid;border-radius:8px;border-radius:var(--radius-sm);padding:clamp(.5rem,.8vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.analytics-status-card:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.analytics-status-card .analytics-status-icon{font-size:clamp(.9rem,1.5vw,1.1rem);margin-bottom:clamp(.15rem,.3vw,.25rem)}@media(min-width:768px){.analytics-status-card .analytics-status-icon{font-size:clamp(1rem,2vw,1.25rem)}}.analytics-status-card .analytics-status-value{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1rem,2vw,1.25rem);font-weight:700}@media(min-width:768px){.analytics-status-card .analytics-status-value{font-size:clamp(1.1rem,2.5vw,1.5rem)}}.analytics-status-card .analytics-status-title{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.8vw,.65rem);font-weight:500}@media(min-width:768px){.analytics-status-card .analytics-status-title{font-size:clamp(.6rem,.9vw,.7rem)}}.analytics-status-card .analytics-status-description{color:#9ca3af;font-size:clamp(.45rem,.6vw,.55rem);margin-top:clamp(.05rem,.1vw,.1rem)}@media(min-width:768px){.analytics-status-card .analytics-status-description{font-size:clamp(.5rem,.8vw,.6rem)}}.analytics-customer-grid{grid-gap:clamp(.35rem,.6vw,.5rem);display:grid;gap:clamp(.35rem,.6vw,.5rem);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.analytics-customer-grid{gap:clamp(.5rem,1vw,.75rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));min-width:160px}}.analytics-customer-card{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--radius-sm);padding:clamp(.5rem,.8vw,.75rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.analytics-customer-card:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.analytics-customer-card svg{font-size:clamp(.9rem,1.5vw,1.1rem);margin-bottom:clamp(.15rem,.3vw,.25rem)}.analytics-customer-card .analytics-customer-value{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1rem,2vw,1.25rem);font-weight:700}@media(min-width:768px){.analytics-customer-card .analytics-customer-value{font-size:clamp(1.1rem,2.5vw,1.5rem)}}.analytics-customer-card .analytics-customer-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.8vw,.65rem);font-weight:500}@media(min-width:768px){.analytics-customer-card .analytics-customer-label{font-size:clamp(.6rem,.9vw,.7rem)}}.analytics-customer-card .analytics-customer-description{color:#9ca3af;font-size:clamp(.45rem,.6vw,.55rem);margin-top:clamp(.05rem,.1vw,.1rem)}@media(min-width:768px){.analytics-customer-card .analytics-customer-description{font-size:clamp(.5rem,.8vw,.6rem)}}.analytics-metrics-grid{grid-gap:clamp(.35rem,.6vw,.5rem);display:grid;gap:clamp(.35rem,.6vw,.5rem);grid-template-columns:1fr 1fr}@media(min-width:768px){.analytics-metrics-grid{gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.analytics-metrics-grid.performance{margin-top:clamp(.25rem,.5vw,.5rem)}@media(min-width:768px){.analytics-metrics-grid.performance{margin-top:0}}.analytics-metric-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);padding:clamp(.5rem,.8vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.analytics-metric-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.analytics-metric-card.performance{background:#fafafa}.analytics-metric-card .analytics-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:clamp(.15rem,.3vw,.25rem)}.analytics-metric-card .analytics-metric-icon{align-items:center;border-radius:50%;display:flex;height:clamp(28px,4vw,32px);justify-content:center;width:clamp(28px,4vw,32px)}@media(min-width:768px){.analytics-metric-card .analytics-metric-icon{height:clamp(32px,5vw,36px);width:clamp(32px,5vw,36px)}}.analytics-metric-card .analytics-metric-icon svg{font-size:clamp(.65rem,1vw,.8rem)}@media(min-width:768px){.analytics-metric-card .analytics-metric-icon svg{font-size:clamp(.8rem,1.5vw,1rem)}}.analytics-metric-card .analytics-metric-trend{border-radius:9999px;border-radius:var(--radius-full);font-size:clamp(.45rem,.6vw,.55rem);font-weight:600;padding:clamp(.05rem,.1vw,.1rem) clamp(.25rem,.4vw,.4rem)}@media(min-width:768px){.analytics-metric-card .analytics-metric-trend{font-size:clamp(.5rem,.8vw,.6rem);padding:clamp(.08rem,.15vw,.15rem) clamp(.3rem,.6vw,.5rem)}}.analytics-metric-card .analytics-metric-trend.up{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.analytics-metric-card .analytics-metric-trend.down{background:#fee2e2;background:var(--error-red-light);color:#dc2626;color:var(--error-red)}.analytics-metric-card .analytics-metric-trend svg{font-size:clamp(.4rem,.6vw,.5rem);margin-right:clamp(.05rem,.1vw,.1rem)}.analytics-metric-card .analytics-metric-value{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:700}@media(min-width:768px){.analytics-metric-card .analytics-metric-value{font-size:clamp(1rem,2.5vw,1.5rem)}}.analytics-metric-card .analytics-metric-title{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.8vw,.65rem);font-weight:500}@media(min-width:768px){.analytics-metric-card .analytics-metric-title{font-size:clamp(.6rem,.9vw,.7rem)}}.analytics-metric-card .analytics-metric-description{color:#9ca3af;font-size:clamp(.45rem,.6vw,.55rem);margin-top:clamp(.05rem,.1vw,.1rem)}@media(min-width:768px){.analytics-metric-card .analytics-metric-description{font-size:clamp(.5rem,.8vw,.6rem)}}.analytics-bulk-grid{grid-gap:clamp(.35rem,.6vw,.5rem);display:grid;gap:clamp(.35rem,.6vw,.5rem);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.analytics-bulk-grid{gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.analytics-bulk-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);padding:clamp(.5rem,.8vw,.75rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.analytics-bulk-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.analytics-bulk-card .analytics-bulk-icon{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:clamp(.15rem,.3vw,.25rem)}@media(min-width:768px){.analytics-bulk-card .analytics-bulk-icon{font-size:clamp(1.1rem,2.5vw,1.5rem)}}.analytics-bulk-card .analytics-bulk-value{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.85rem,1.5vw,1rem);font-weight:700}@media(min-width:768px){.analytics-bulk-card .analytics-bulk-value{font-size:clamp(.9rem,2vw,1.25rem)}}.analytics-bulk-card .analytics-bulk-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.8vw,.65rem)}@media(min-width:768px){.analytics-bulk-card .analytics-bulk-label{font-size:clamp(.6rem,.9vw,.7rem)}}.analytics-global-grid{grid-gap:clamp(.35rem,.6vw,.5rem);display:grid;gap:clamp(.35rem,.6vw,.5rem);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.analytics-global-grid{gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.analytics-global-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border-left:3px solid #006b2e;border:1px solid var(--border-light);border-left:3px solid var(--primary-green);border-radius:8px;border-radius:var(--radius-sm);padding:clamp(.5rem,.8vw,.75rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.analytics-global-card:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.analytics-global-card.gold{border-left-color:#d9a321;border-left-color:var(--secondary-gold)}.analytics-global-card .analytics-global-value{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.85rem,1.5vw,1rem);font-weight:700}@media(min-width:768px){.analytics-global-card .analytics-global-value{font-size:clamp(.9rem,2vw,1.25rem)}}.analytics-global-card .analytics-global-value.gold{color:#d9a321;color:var(--secondary-gold)}.analytics-global-card .analytics-global-value svg{font-size:clamp(.9rem,1.5vw,1.25rem)}.analytics-global-card .analytics-global-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.5rem,.7vw,.6rem);margin-top:clamp(.05rem,.1vw,.15rem)}@media(min-width:768px){.analytics-global-card .analytics-global-label{font-size:clamp(.55rem,.8vw,.65rem)}}.analytics-activity-timeline{display:flex;flex-direction:column;gap:clamp(.25rem,.4vw,.4rem)}.analytics-activity-item{align-items:center;background:#fff;background:var(--white);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:clamp(.4rem,.8vw,.75rem);padding:clamp(.35rem,.6vw,.5rem) clamp(.5rem,.8vw,.75rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.analytics-activity-item:hover{background:#f8f8f8;background:var(--light-bg)}.analytics-activity-item .analytics-activity-icon{flex-shrink:0;font-size:clamp(.9rem,1.5vw,1.1rem);text-align:center;width:clamp(28px,4vw,32px)}@media(min-width:768px){.analytics-activity-item .analytics-activity-icon{font-size:clamp(1rem,2vw,1.25rem);width:clamp(32px,5vw,36px)}}.analytics-activity-item .analytics-activity-details{flex:1 1;min-width:0}.analytics-activity-item .analytics-activity-title{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.65rem,1vw,.75rem);font-weight:500}@media(min-width:768px){.analytics-activity-item .analytics-activity-title{font-size:clamp(.7rem,1.2vw,.813rem)}}.analytics-activity-item .analytics-activity-status{font-size:clamp(.55rem,.8vw,.65rem);font-weight:500}@media(min-width:768px){.analytics-activity-item .analytics-activity-status{font-size:clamp(.6rem,.9vw,.7rem)}}.analytics-activity-item .analytics-activity-date{color:#9ca3af;font-size:clamp(.5rem,.7vw,.6rem)}@media(min-width:768px){.analytics-activity-item .analytics-activity-date{font-size:clamp(.55rem,.8vw,.65rem)}}.analytics-activity-item .analytics-activity-time{margin-left:clamp(.25rem,.5vw,.5rem)}.analytics-activity-item .analytics-activity-amount{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(.65rem,1vw,.75rem);font-weight:600}@media(min-width:768px){.analytics-activity-item .analytics-activity-amount{font-size:clamp(.7rem,1.2vw,.813rem)}}.analytics-activity-empty{color:#9ca3af;padding:clamp(1rem,2vw,1.5rem);text-align:center}.analytics-activity-empty svg{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(.25rem,.5vw,.5rem);opacity:.5}.analytics-activity-empty p{font-size:clamp(.7rem,1vw,.813rem);margin:0}.analytics-loading{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,3rem) clamp(1rem,2vw,1.5rem)}.analytics-loading svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(.5rem,.8vw,.75rem)}.analytics-loading p{font-size:clamp(.75rem,1.2vw,.875rem);margin:0}@media(max-width:576px){.analytics-bulk-grid,.analytics-customer-grid,.analytics-global-grid,.analytics-status-grid{grid-template-columns:repeat(2,1fr)}.analytics-metrics-grid{grid-template-columns:1fr}.analytics-section-header{align-items:flex-start;flex-direction:column;gap:.25rem}.analytics-activity-item{flex-wrap:wrap;gap:.3rem}.analytics-activity-amount{margin-left:auto}}@media(max-width:400px){.analytics-bulk-grid,.analytics-customer-grid,.analytics-global-grid,.analytics-status-grid{grid-template-columns:1fr}}.preorder-manager{padding:clamp(.25rem,.5vw,.5rem) 0}.preorder-stats-grid{grid-gap:clamp(.35rem,.6vw,.5rem);display:grid;gap:clamp(.35rem,.6vw,.5rem);grid-template-columns:repeat(3,1fr);margin-bottom:clamp(.75rem,2vw,1.25rem)}@media(min-width:768px){.preorder-stats-grid{gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media(max-width:400px){.preorder-stats-grid{grid-template-columns:repeat(2,1fr)}}.preorder-stats-grid .preorder-stat-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);padding:clamp(.5rem,.8vw,.75rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.preorder-stats-grid .preorder-stat-card:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.preorder-stats-grid .preorder-stat-card .stat-value{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.preorder-stats-grid .preorder-stat-card .stat-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.5rem,.7vw,.6rem);margin-top:clamp(.05rem,.1vw,.15rem)}.preorder-stats-grid .preorder-stat-card.revenue .stat-value{color:#d9a321;color:var(--secondary-gold)}.preorder-stats-grid .preorder-stat-card.deposit .stat-value{color:#8b5cf6;color:var(--purple-accent)}.preorder-stats-grid .preorder-stat-card.balance .stat-value{color:#3b82f6;color:var(--info-blue)}.preorder-stats-grid .preorder-stat-card.packs .stat-value{color:#16a34a;color:var(--success-green)}.preorder-stats-grid .preorder-stat-card.sizes .stat-value{color:#006b2e;color:var(--primary-green);font-size:clamp(.85rem,1.5vw,1rem)}.ai-stats-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);padding:clamp(.75rem,2vw,1.25rem)}.ai-stats-card.loading{align-items:center;display:flex;justify-content:center;min-height:clamp(150px,20vw,200px)}.ai-stats-card .ai-stats-skeleton{width:100%}.ai-stats-card .ai-stats-skeleton .skeleton-header{animation:skeletonPulse 1.5s ease-in-out infinite;background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);height:clamp(24px,3vw,30px);margin-bottom:clamp(.5rem,1vw,1rem)}.ai-stats-card .ai-stats-skeleton .skeleton-grid{grid-gap:clamp(.35rem,.6vw,.75rem);display:grid;gap:clamp(.35rem,.6vw,.75rem);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.ai-stats-card .ai-stats-skeleton .skeleton-grid .skeleton-card{animation:skeletonPulse 1.5s ease-in-out infinite;background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);height:clamp(48px,6vw,60px)}@keyframes skeletonPulse{0%,to{opacity:.6}50%{opacity:1}}.ai-stats-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem);justify-content:space-between;margin-bottom:clamp(.5rem,1vw,1rem);padding-bottom:clamp(.35rem,.6vw,.5rem)}.ai-stats-title{align-items:center;display:flex;gap:clamp(.3rem,.5vw,.5rem)}.ai-stats-title h3{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.875rem,1.5vw,1.063rem);margin:0}.ai-stats-title .ai-icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1rem,1.8vw,1.25rem)}.ai-status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:clamp(.5rem,.7vw,.6rem);font-weight:500;min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.35rem,.5vw,.5rem)}.ai-status.enabled{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.ai-status.disabled{background:#fee2e2;background:var(--error-red-light);color:#dc2626;color:var(--error-red)}.ai-usage-badge{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);display:inline-flex;font-size:clamp(.55rem,.8vw,.65rem);min-height:clamp(24px,3vw,28px);padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.6vw,.6rem)}.ai-stats-grid{grid-gap:clamp(.35rem,.6vw,.5rem);display:grid;gap:clamp(.35rem,.6vw,.5rem);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:clamp(.5rem,1vw,1rem)}@media(max-width:400px){.ai-stats-grid{grid-template-columns:1fr 1fr}}.ai-stats-grid .ai-stat-card{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);padding:clamp(.35rem,.6vw,.5rem) clamp(.5rem,.8vw,.75rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.ai-stats-grid .ai-stat-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);transform:translateY(-2px)}.ai-stats-grid .ai-stat-card .ai-stat-value{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700}.ai-stats-grid .ai-stat-card .ai-stat-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.45rem,.6vw,.55rem);letter-spacing:.3px;margin-top:clamp(.05rem,.1vw,.1rem);text-transform:uppercase}.ai-usage-bar{margin-bottom:clamp(.5rem,1vw,1rem)}.ai-usage-bar .ai-usage-label{color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.55rem,.8vw,.65rem);justify-content:space-between;margin-bottom:clamp(.15rem,.25vw,.25rem)}.ai-usage-bar .ai-usage-label .warning{color:#dc2626;color:var(--error-red);font-weight:600}.ai-usage-bar .ai-usage-track{background:#e5e5e5;background:var(--border-light);border-radius:9999px;border-radius:var(--radius-full);height:clamp(5px,.6vw,6px);overflow:hidden;width:100%}.ai-usage-bar .ai-usage-fill{background:linear-gradient(90deg,#006b2e,#d9a321);background:linear-gradient(90deg,var(--primary-green),var(--secondary-gold));border-radius:9999px;border-radius:var(--radius-full);height:100%;transition:width .6s ease}.ai-usage-bar .ai-usage-fill.warning{background:linear-gradient(90deg,#f59e0b,#dc2626);background:linear-gradient(90deg,var(--warning-yellow),var(--error-red))}.ai-recent-conversations h4{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.7rem,1vw,.813rem);gap:clamp(.25rem,.4vw,.4rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.ai-recent-conversations h4 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.65rem,.9vw,.75rem)}.ai-conversation-list{display:flex;flex-direction:column;gap:clamp(.15rem,.3vw,.25rem)}.ai-conversation-item{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;font-size:clamp(.6rem,.8vw,.7rem);gap:clamp(.15rem,.3vw,.25rem);justify-content:space-between;padding:clamp(.2rem,.3vw,.3rem) clamp(.35rem,.5vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ai-conversation-item:hover{background:#f0f0f0}.ai-conversation-item .conv-info{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}.ai-conversation-item .conv-info svg{font-size:clamp(.55rem,.7vw,.65rem)}.ai-conversation-item .conv-date,.ai-conversation-item .conv-info svg{color:#5a5a5a;color:var(--slate-gray)}.ai-conversation-item .conv-messages{color:#006b2e;color:var(--primary-green);font-weight:500}.ai-conversation-item .conv-meta{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}.ai-conversation-item .conv-rating{align-items:center;color:#f59e0b;color:var(--warning-yellow);display:flex;gap:clamp(.1rem,.15vw,.15rem)}.ai-conversation-item .conv-cost,.ai-conversation-item .conv-rating svg{font-size:clamp(.5rem,.7vw,.6rem)}.ai-conversation-item .conv-cost{color:#5a5a5a;color:var(--slate-gray)}.ai-conversation-item .conv-status{font-size:clamp(.55rem,.7vw,.65rem)}.product-form .growpro-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);background:linear-gradient(135deg,var(--secondary-gold-light),#fde68a);border:2px solid #d9a321;border:2px solid var(--secondary-gold);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:clamp(.4rem,.8vw,.75rem);margin-bottom:clamp(.5rem,1vw,1rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.6rem,1vw,1rem)}@media(max-width:576px){.product-form .growpro-banner{justify-content:center;text-align:center}}.product-form .growpro-banner .growpro-icon{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(1.1rem,2vw,1.5rem)}.product-form .growpro-banner div{flex:1 1;min-width:0}.product-form .growpro-banner strong{color:#006b2e;color:var(--primary-green);display:block;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.8rem,1.2vw,.95rem)}.product-form .growpro-banner span{color:#78350f;font-size:clamp(.65rem,.9vw,.8rem)}.product-form .growpro-badge{align-items:center;background:#006b2e;background:var(--primary-green);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.15rem,.2vw,.25rem);min-height:clamp(22px,2.5vw,26px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem);white-space:nowrap}.product-form .growpro-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.product-form .form-tabs{background:#f8f8f8;background:var(--light-bg);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;flex-wrap:wrap;gap:clamp(.15rem,.3vw,.25rem);padding:clamp(.35rem,.6vw,.5rem) clamp(.5rem,.8vw,.75rem)}.product-form .form-tabs button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.55rem,.8vw,.7rem);gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.3vw,.3rem) clamp(.35rem,.6vw,.6rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.product-form .form-tabs button:hover{background:#e5e5e5;background:var(--border-light)}.product-form .form-tabs button.active{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white)}.product-form .form-tabs button svg{font-size:clamp(.5rem,.7vw,.6rem)}.product-form .form-section{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);margin-bottom:clamp(.6rem,1vw,1rem);padding:clamp(.6rem,1vw,1rem)}@media(max-width:576px){.product-form .form-section{padding:.75rem}}.product-form .form-section h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.8rem,1.2vw,1rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.35rem,.6vw,.75rem)}.product-form .form-section h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,1vw,.875rem)}.product-form .form-section h4{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.7rem,1vw,.875rem);gap:clamp(.2rem,.4vw,.4rem);margin:clamp(.4rem,.6vw,.75rem) 0 clamp(.25rem,.4vw,.5rem)}.product-form .form-section h4 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.6rem,.8vw,.75rem)}.product-form .size-presets{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);margin-top:clamp(.15rem,.2vw,.25rem)}.product-form .size-presets .size-preset-btn{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#1f1f1f;color:var(--charcoal);cursor:pointer;display:inline-flex;font-size:clamp(.55rem,.7vw,.65rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.product-form .size-presets .size-preset-btn:hover{opacity:.8}.product-form .size-presets .size-preset-btn.active{background:#d9a321;background:var(--secondary-gold);border-color:#d9a321;border-color:var(--secondary-gold);color:#fff;color:var(--white)}.product-form .size-presets .size-preset-btn.preorder.active{background:#8b5cf6;background:var(--purple-accent);border-color:#8b5cf6;border-color:var(--purple-accent)}.product-form .supplier-info-card{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);display:flex;flex-wrap:wrap;gap:clamp(.5rem,.8vw,1rem);margin-bottom:clamp(.5rem,1vw,1rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.75rem,1.2vw,1.25rem)}@media(max-width:576px){.product-form .supplier-info-card{justify-content:center;text-align:center}}.product-form .supplier-info-card .supplier-icon{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(1.1rem,2vw,1.5rem)}.product-form .supplier-info-card .supplier-info{flex:1 1;min-width:0}.product-form .supplier-info-card .supplier-info strong{display:block;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.7rem,1.2vw,.875rem)}.product-form .supplier-info-card .supplier-info span{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(.55rem,.8vw,.65rem);gap:clamp(.15rem,.25vw,.25rem);opacity:.8}.product-form .supplier-info-card .supplier-info span svg{font-size:clamp(.5rem,.7vw,.6rem)}.product-form .supplier-info-card .supplier-badge{align-items:center;background:#d9a32133;background:rgba(var(--secondary-gold-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.15rem,.2vw,.25rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}.product-form .supplier-info-card .supplier-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.product-form .supplier-tip{align-items:flex-start;background:#dbeafe;background:var(--info-blue-light);border-left:3px solid #3b82f6;border-left:3px solid var(--info-blue);border-radius:8px;border-radius:var(--radius-sm);color:#1e40af;display:flex;font-size:clamp(.6rem,.8vw,.7rem);gap:clamp(.3rem,.5vw,.5rem);margin-top:clamp(.35rem,.6vw,.75rem);padding:clamp(.35rem,.6vw,.5rem) clamp(.5rem,.8vw,.75rem)}.product-form .supplier-tip svg{color:#3b82f6;color:var(--info-blue);flex-shrink:0;font-size:clamp(.7rem,.9vw,.8rem);margin-top:clamp(.05rem,.1vw,.1rem)}.product-form .supplier-origin-info{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:clamp(.3rem,.5vw,.5rem);margin-top:clamp(.25rem,.4vw,.5rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.8vw,.75rem)}.product-form .supplier-origin-info span,.product-form .supplier-origin-info svg{color:#006b2e;color:var(--primary-green);font-size:clamp(.6rem,.8vw,.7rem)}.product-form .supplier-origin-info .exchange-rate-badge{align-items:center;background:#d9a321;background:var(--secondary-gold);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.15rem,.2vw,.25rem);margin-left:auto;min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}.product-form .supplier-origin-info .exchange-rate-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.product-form .image-preview-grid{grid-gap:clamp(.3rem,.5vw,.5rem);display:grid;gap:clamp(.3rem,.5vw,.5rem);grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-top:clamp(.25rem,.4vw,.5rem)}@media(min-width:768px){.product-form .image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.product-form .image-preview-grid .image-preview-item{aspect-ratio:1;border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.product-form .image-preview-grid .image-preview-item img{height:100%;object-fit:cover;width:100%}.product-form .image-preview-grid .image-preview-item button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:clamp(8px,1vw,10px);height:clamp(18px,2.5vw,20px);justify-content:center;min-height:clamp(18px,2.5vw,20px);min-width:clamp(18px,2.5vw,20px);position:absolute;right:clamp(1px,.2vw,2px);top:clamp(1px,.2vw,2px);width:clamp(18px,2.5vw,20px)}.product-form .image-preview-grid .image-preview-item button:hover{background:#dc2626cc;background:rgba(var(--error-red-rgb),.8)}.product-form .file-upload-area{border:2px dashed #e5e5e5;border:2px dashed var(--border-light);border-radius:8px;border-radius:var(--radius-sm);padding:clamp(1rem,2vw,1.5rem);position:relative;text-align:center;transition:border-color .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast)}.product-form .file-upload-area:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.product-form .file-upload-area .file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.product-form .file-upload-area .file-upload-label{align-items:center;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;flex-direction:column;gap:clamp(.25rem,.4vw,.5rem)}.product-form .file-upload-area .file-upload-label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.5rem,3vw,2rem)}.product-form .file-upload-area .file-upload-label small{color:#9ca3af;font-size:clamp(.55rem,.7vw,.65rem)}.product-form .exchange-rate-info{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);display:inline-flex;font-size:clamp(.6rem,.8vw,.7rem);gap:clamp(.25rem,.4vw,.5rem);padding:clamp(.15rem,.25vw,.25rem) clamp(.5rem,.8vw,.75rem)}.product-form .exchange-rate-info svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.55rem,.7vw,.65rem)}.product-form .bulk-options-section .bulk-header,.product-form .bulk-options-section .tiers-header,.product-form .price-tiers-section .bulk-header,.product-form .price-tiers-section .tiers-header{grid-gap:clamp(.15rem,.3vw,.25rem);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);color:#5a5a5a;color:var(--slate-gray);display:grid;font-size:clamp(.55rem,.7vw,.65rem);font-weight:600;gap:clamp(.15rem,.3vw,.25rem);grid-template-columns:minmax(80px,100px) minmax(50px,70px) minmax(50px,70px) minmax(50px,70px) minmax(50px,70px) 40px;margin-bottom:clamp(.1rem,.2vw,.2rem);padding:clamp(.1rem,.2vw,.2rem) 0}@media(max-width:576px){.product-form .bulk-options-section .bulk-header,.product-form .bulk-options-section .tiers-header,.product-form .price-tiers-section .bulk-header,.product-form .price-tiers-section .tiers-header{display:none}}.product-form .bulk-options-section .bulk-row,.product-form .bulk-options-section .tier-row,.product-form .price-tiers-section .bulk-row,.product-form .price-tiers-section .tier-row{grid-gap:clamp(.15rem,.3vw,.25rem);align-items:center;display:grid;gap:clamp(.15rem,.3vw,.25rem);grid-template-columns:minmax(80px,100px) minmax(50px,70px) minmax(50px,70px) minmax(50px,70px) minmax(50px,70px) 40px;padding:clamp(.1rem,.2vw,.2rem) 0}@media(max-width:576px){.product-form .bulk-options-section .bulk-row,.product-form .bulk-options-section .tier-row,.product-form .price-tiers-section .bulk-row,.product-form .price-tiers-section .tier-row{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);gap:clamp(.15rem,.3vw,.25rem);grid-template-columns:1fr;padding:clamp(.3rem,.5vw,.5rem) 0}.product-form .bulk-options-section .bulk-row:before,.product-form .bulk-options-section .tier-row:before,.product-form .price-tiers-section .bulk-row:before,.product-form .price-tiers-section .tier-row:before{color:#5a5a5a;color:var(--slate-gray);content:attr(data-label);font-size:clamp(.55rem,.7vw,.65rem);font-weight:600}}.product-form .bulk-options-section .bulk-row input,.product-form .bulk-options-section .bulk-row select,.product-form .bulk-options-section .tier-row input,.product-form .bulk-options-section .tier-row select,.product-form .price-tiers-section .bulk-row input,.product-form .price-tiers-section .bulk-row select,.product-form .price-tiers-section .tier-row input,.product-form .price-tiers-section .tier-row select{border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-xs);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.55rem,.7vw,.65rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.15rem,.2vw,.2rem) clamp(.2rem,.3vw,.3rem);width:100%}.product-form .bulk-options-section .bulk-row input.error,.product-form .bulk-options-section .bulk-row select.error,.product-form .bulk-options-section .tier-row input.error,.product-form .bulk-options-section .tier-row select.error,.product-form .price-tiers-section .bulk-row input.error,.product-form .price-tiers-section .bulk-row select.error,.product-form .price-tiers-section .tier-row input.error,.product-form .price-tiers-section .tier-row select.error{border-color:#dc2626;border-color:var(--error-red)}.product-form .bulk-options-section .bulk-row input:focus,.product-form .bulk-options-section .bulk-row select:focus,.product-form .bulk-options-section .tier-row input:focus,.product-form .bulk-options-section .tier-row select:focus,.product-form .price-tiers-section .bulk-row input:focus,.product-form .price-tiers-section .bulk-row select:focus,.product-form .price-tiers-section .tier-row input:focus,.product-form .price-tiers-section .tier-row select:focus{border-color:#d9a321;border-color:var(--secondary-gold);outline:none}.product-form .bulk-options-section .bulk-row .tier-price,.product-form .bulk-options-section .tier-row .tier-price,.product-form .price-tiers-section .bulk-row .tier-price,.product-form .price-tiers-section .tier-row .tier-price{color:#006b2e;color:var(--primary-green);font-size:clamp(.55rem,.7vw,.65rem);font-weight:600;text-align:center}.product-form .add-btn{align-items:center;background:#006b2e;background:var(--primary-green);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.6rem,.8vw,.7rem);gap:clamp(.15rem,.25vw,.25rem);margin-top:clamp(.15rem,.3vw,.3rem);min-height:clamp(32px,4vw,36px);padding:clamp(.1rem,.2vw,.2rem) clamp(.35rem,.6vw,.6rem)}.product-form .add-btn:hover{background:#014421;background:var(--primary-green-dark)}.product-form .add-btn:active{transform:scale(.95)}.product-form .add-btn svg{font-size:clamp(.5rem,.7vw,.6rem)}.product-form .remove-btn{align-items:center;background:none;border:none;color:#dc2626;color:var(--error-red);cursor:pointer;display:inline-flex;justify-content:center;min-height:clamp(28px,3.5vw,32px);min-width:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.15rem)}.product-form .remove-btn:hover{opacity:.7}.product-form .remove-btn:disabled{cursor:not-allowed;opacity:.3}.product-form .remove-btn svg{font-size:clamp(.6rem,.8vw,.7rem)}.product-form .toggle-btn{align-items:center;background:none;border:none;color:#006b2e;color:var(--primary-green);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.65rem,.9vw,.8rem);font-weight:500;gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(32px,4vw,36px);padding:clamp(.1rem,.2vw,.2rem) 0}.product-form .toggle-btn:hover{color:#d9a321;color:var(--secondary-gold)}.product-form .toggle-btn svg{font-size:clamp(.55rem,.7vw,.65rem)}.product-form .tiers-toggle{margin:clamp(.25rem,.4vw,.5rem) 0 clamp(.15rem,.2vw,.25rem)}.product-form .tags-list{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);margin-bottom:clamp(.25rem,.4vw,.5rem)}.product-form .tags-list .tag-item{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border-radius:9999px;border-radius:var(--radius-full);display:flex;font-size:clamp(.6rem,.8vw,.75rem);gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.15rem) clamp(.35rem,.5vw,.5rem)}.product-form .tags-list .tag-item button{align-items:center;background:none;border:none;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:inline-flex;justify-content:center;min-height:clamp(20px,2.5vw,24px);min-width:clamp(20px,2.5vw,24px);padding:clamp(.05rem,.1vw,.1rem)}.product-form .tags-list .tag-item button:hover{color:#dc2626;color:var(--error-red)}.product-form .tags-list .tag-item button svg{font-size:clamp(.5rem,.6vw,.6rem)}.product-form .add-spec-row,.product-form .add-tag-row{display:flex;gap:clamp(.25rem,.4vw,.5rem)}.product-form .add-spec-row input,.product-form .add-tag-row input{border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.65rem,.8vw,.75rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.2rem,.3vw,.3rem) clamp(.35rem,.5vw,.6rem)}.product-form .add-spec-row input:focus,.product-form .add-tag-row input:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.product-form .specs-list{display:flex;flex-direction:column;gap:clamp(.15rem,.25vw,.25rem);margin-bottom:clamp(.25rem,.4vw,.5rem)}.product-form .specs-list .spec-item{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:clamp(.3rem,.5vw,.5rem);padding:clamp(.15rem,.25vw,.2rem) clamp(.35rem,.5vw,.5rem)}.product-form .specs-list .spec-item .spec-key{color:#006b2e;color:var(--primary-green);font-size:clamp(.6rem,.8vw,.7rem);font-weight:600}.product-form .specs-list .spec-item .spec-value{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.6rem,.8vw,.7rem)}.product-form .specs-list .spec-item button{align-items:center;background:none;border:none;color:#dc2626;color:var(--error-red);cursor:pointer;display:inline-flex;justify-content:center;margin-left:auto;min-height:clamp(28px,3.5vw,32px);min-width:clamp(28px,3.5vw,32px)}.product-form .specs-list .spec-item button svg{font-size:clamp(.6rem,.8vw,.7rem)}.product-form .specs-list .spec-item button:hover{opacity:.7}.product-form .checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:clamp(.7rem,1vw,.813rem);gap:clamp(.3rem,.5vw,.5rem)}.product-form .checkbox-label input[type=checkbox]{accent-color:#d9a321;accent-color:var(--secondary-gold);cursor:pointer;height:clamp(16px,2vw,18px);width:clamp(16px,2vw,18px)}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:clamp(.5rem,2vw,1rem);position:fixed;right:0;top:0;z-index:500;z-index:var(--z-modal)}.modal-content{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:95vh;overflow:hidden;width:100%}.modal-content,.modal-content.large{max-width:min(1000px,100vw - 1rem)}@media(max-width:768px){.modal-content{border-radius:8px;border-radius:var(--radius-sm);margin:.5rem;max-height:98vh;max-width:100%}}.modal-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);flex-shrink:0;gap:clamp(.25rem,.5vw,.5rem);justify-content:space-between;padding:clamp(.75rem,1.5vw,1.25rem) clamp(.75rem,1.5vw,1.5rem)}.modal-header,.modal-header h2{align-items:center;display:flex;flex-wrap:wrap}.modal-header h2{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.95rem,1.8vw,1.1rem);gap:clamp(.3rem,.5vw,.5rem);margin:0}.modal-header h2 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.85rem,1.5vw,1rem)}.modal-header .badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);font-weight:500;gap:clamp(.1rem,.2vw,.25rem);min-height:clamp(22px,2.5vw,26px);padding:clamp(.05rem,.1vw,.1rem) clamp(.25rem,.4vw,.4rem)}.modal-header .badge.bulk{background:#ede9fe;background:var(--purple-accent-light);color:#8b5cf6;color:var(--purple-accent)}.modal-header .badge.credit{background:#fef3c7;background:var(--secondary-gold-light);color:#b8860b;color:var(--secondary-gold-dark)}.modal-header .badge.malaysia{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.modal-header .badge.source{background:#dbeafe;background:var(--info-blue-light);color:#3b82f6;color:var(--info-blue)}.modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;font-size:clamp(1rem,1.8vw,1.25rem);justify-content:center;min-height:clamp(36px,4.5vw,40px);min-width:clamp(36px,4.5vw,40px);padding:clamp(.15rem,.3vw,.25rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modal-header .close-btn:hover{background:#f8f8f8;background:var(--light-bg);color:#1f1f1f;color:var(--charcoal)}.modal-header .close-btn:active{transform:scale(.92)}.modal-body{flex:1 1;overflow-y:auto;padding:clamp(.75rem,1.5vw,1.5rem)}@media(max-width:576px){.modal-body{padding:clamp(.5rem,1vw,1rem)}}.modal-footer{align-items:center;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);display:flex;flex-shrink:0;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem);justify-content:space-between;padding:clamp(.6rem,1vw,1rem) clamp(.75rem,1.5vw,1.5rem)}@media(max-width:768px){.modal-footer{align-items:stretch;flex-direction:column}}.order-details-modal .status-section,.shipment-details-modal .status-section{background:rgba(#FFFFFF,.8);background:rgba(var(--white),.8);border-left:4px solid;border-radius:8px;border-radius:var(--radius-sm);margin-bottom:clamp(.5rem,1vw,1.25rem);padding:clamp(.5rem,.8vw,1rem)}.order-details-modal .status-section .status-header,.shipment-details-modal .status-section .status-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem);justify-content:space-between}.order-details-modal .status-section .status-display,.shipment-details-modal .status-section .status-display{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem)}.order-details-modal .status-section .status-display svg,.shipment-details-modal .status-section .status-display svg{font-size:clamp(.9rem,1.5vw,1.1rem)}.order-details-modal .status-section .status-label,.shipment-details-modal .status-section .status-label{font-size:clamp(.8rem,1.2vw,.95rem);font-weight:600}.order-details-modal .status-section .order-age,.order-details-modal .status-section .order-date,.order-details-modal .status-section .origin-tag,.shipment-details-modal .status-section .order-age,.shipment-details-modal .status-section .order-date,.shipment-details-modal .status-section .origin-tag{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.6rem,.9vw,.75rem);gap:clamp(.15rem,.3vw,.25rem)}.order-details-modal .status-section .origin-tag,.shipment-details-modal .status-section .origin-tag{background:#dcfce7;background:var(--success-green-light);border-radius:9999px;border-radius:var(--radius-full);color:#16a34a;color:var(--success-green);padding:clamp(.05rem,.1vw,.1rem) clamp(.25rem,.4vw,.4rem)}.order-details-modal .status-section .btn-edit,.shipment-details-modal .status-section .btn-edit{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:clamp(.55rem,.8vw,.7rem);gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(32px,4vw,36px);padding:clamp(.15rem,.3vw,.25rem) clamp(.4rem,.6vw,.7rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.order-details-modal .status-section .btn-edit:hover,.shipment-details-modal .status-section .btn-edit:hover{background:#b8860b;background:var(--secondary-gold-dark)}.order-details-modal .status-section .btn-edit svg,.shipment-details-modal .status-section .btn-edit svg{font-size:clamp(.5rem,.6vw,.6rem)}.order-details-modal .status-section .btn-cancel,.shipment-details-modal .status-section .btn-cancel{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);cursor:pointer;display:inline-flex;font-size:clamp(.55rem,.8vw,.7rem);gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(32px,4vw,36px);padding:clamp(.15rem,.3vw,.25rem) clamp(.4rem,.6vw,.7rem)}.order-details-modal .status-section .btn-cancel:hover,.shipment-details-modal .status-section .btn-cancel:hover{background:#e5e5e5;background:var(--border-light)}.order-details-modal .status-update-form,.shipment-details-modal .status-update-form{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin-top:clamp(.35rem,.6vw,.75rem);padding-top:clamp(.35rem,.6vw,.75rem)}.order-details-modal .status-update-form .form-row,.shipment-details-modal .status-update-form .form-row{grid-gap:clamp(.35rem,.6vw,.75rem);display:grid;gap:clamp(.35rem,.6vw,.75rem);grid-template-columns:1fr}@media(min-width:768px){.order-details-modal .status-update-form .form-row,.shipment-details-modal .status-update-form .form-row{grid-template-columns:1fr 1fr}}.order-details-modal .status-update-form .form-group,.shipment-details-modal .status-update-form .form-group{display:flex;flex-direction:column;gap:clamp(.15rem,.25vw,.25rem)}.order-details-modal .status-update-form .form-group label,.shipment-details-modal .status-update-form .form-group label{align-items:center;display:flex;font-size:clamp(.6rem,.8vw,.75rem);font-weight:500;gap:clamp(.15rem,.25vw,.25rem)}.order-details-modal .status-update-form .form-group label svg,.shipment-details-modal .status-update-form .form-group label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.55rem,.7vw,.65rem)}.order-details-modal .status-update-form .form-group select,.shipment-details-modal .status-update-form .form-group select{border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.6rem,.8vw,.75rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.25rem,.4vw,.35rem) clamp(.4rem,.6vw,.6rem);width:100%}.order-details-modal .status-update-form .form-group select:focus,.shipment-details-modal .status-update-form .form-group select:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.order-details-modal .status-update-form .form-actions,.shipment-details-modal .status-update-form .form-actions{margin-top:clamp(.25rem,.4vw,.5rem)}.order-details-modal .status-update-form .btn-primary,.shipment-details-modal .status-update-form .btn-primary{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:clamp(.6rem,.8vw,.75rem);font-weight:500;gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.25rem,.4vw,.35rem) clamp(.6rem,1vw,1rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.order-details-modal .status-update-form .btn-primary:hover:not(:disabled),.shipment-details-modal .status-update-form .btn-primary:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark)}.order-details-modal .status-update-form .btn-primary:disabled,.shipment-details-modal .status-update-form .btn-primary:disabled{cursor:not-allowed;opacity:.6}.order-details-modal .status-update-form .btn-primary svg,.shipment-details-modal .status-update-form .btn-primary svg{font-size:clamp(.5rem,.6vw,.6rem)}.order-details-modal .detail-section,.shipment-details-modal .detail-section{border-bottom:1px solid #f0f0f0;margin-bottom:clamp(.5rem,.8vw,1rem);padding-bottom:clamp(.5rem,.8vw,1rem)}.order-details-modal .detail-section:last-child,.shipment-details-modal .detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.order-details-modal .detail-section.supplier,.shipment-details-modal .detail-section.supplier{border-left:4px solid #d9a321;border-left:4px solid var(--secondary-gold);padding-left:clamp(.5rem,.8vw,1rem)}.order-details-modal .detail-section.payment,.shipment-details-modal .detail-section.payment{border-left:4px solid #16a34a;border-left:4px solid var(--success-green);padding-left:clamp(.5rem,.8vw,1rem)}.order-details-modal .detail-section.items,.shipment-details-modal .detail-section.items{border-left:4px solid #3b82f6;border-left:4px solid var(--info-blue);padding-left:clamp(.5rem,.8vw,1rem)}.order-details-modal .detail-section.bulk,.shipment-details-modal .detail-section.bulk{border-left:4px solid #8b5cf6;border-left:4px solid var(--purple-accent);padding-left:clamp(.5rem,.8vw,1rem)}.order-details-modal .detail-section.customs,.shipment-details-modal .detail-section.customs{border-left:4px solid #3b82f6;border-left:4px solid var(--info-blue);padding-left:clamp(.5rem,.8vw,1rem)}.order-details-modal .detail-section.timeline,.shipment-details-modal .detail-section.timeline{border-left:4px solid #d9a321;border-left:4px solid var(--secondary-gold);padding-left:clamp(.5rem,.8vw,1rem)}.order-details-modal .detail-section.notes,.shipment-details-modal .detail-section.notes{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-yellow);padding-left:clamp(.5rem,.8vw,1rem)}.order-details-modal .section-header-clickable,.shipment-details-modal .section-header-clickable{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:clamp(.15rem,.25vw,.25rem) 0}.order-details-modal .section-header-clickable:hover,.shipment-details-modal .section-header-clickable:hover{opacity:.7}.order-details-modal .section-header-clickable h3,.shipment-details-modal .section-header-clickable h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;flex-wrap:wrap;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.8rem,1.2vw,.95rem);gap:clamp(.3rem,.5vw,.5rem);margin:0}.order-details-modal .section-header-clickable h3 svg,.shipment-details-modal .section-header-clickable h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,1vw,.85rem)}.order-details-modal .section-header-clickable .toggle-icon,.shipment-details-modal .section-header-clickable .toggle-icon{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.7rem)}.order-details-modal .detail-grid,.shipment-details-modal .detail-grid{grid-gap:clamp(.25rem,.4vw,.5rem);display:grid;gap:clamp(.25rem,.4vw,.5rem);grid-template-columns:1fr 1fr;padding-top:clamp(.25rem,.4vw,.5rem)}@media(max-width:768px){.order-details-modal .detail-grid,.shipment-details-modal .detail-grid{grid-template-columns:1fr}}.order-details-modal .detail-item,.shipment-details-modal .detail-item{display:flex;flex-direction:column;padding:clamp(.1rem,.15vw,.2rem) 0}.order-details-modal .detail-item .detail-label,.shipment-details-modal .detail-item .detail-label{color:#9ca3af;font-size:clamp(.5rem,.6vw,.6rem);font-weight:500}.order-details-modal .detail-item .detail-value,.shipment-details-modal .detail-item .detail-value{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;flex-wrap:wrap;font-size:clamp(.7rem,1vw,.85rem);gap:clamp(.15rem,.25vw,.25rem)}.order-details-modal .detail-item .detail-value svg,.shipment-details-modal .detail-item .detail-value svg{font-size:clamp(.6rem,.8vw,.7rem)}.order-details-modal .supplier-info-card,.shipment-details-modal .supplier-info-card{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);display:flex;flex-wrap:wrap;gap:clamp(.5rem,.8vw,1rem);margin-bottom:clamp(.5rem,.8vw,1rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.75rem,1.2vw,1.25rem)}@media(max-width:576px){.order-details-modal .supplier-info-card,.shipment-details-modal .supplier-info-card{justify-content:center;text-align:center}}.order-details-modal .supplier-info-card .supplier-icon,.shipment-details-modal .supplier-info-card .supplier-icon{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(1.1rem,2vw,1.5rem)}.order-details-modal .supplier-info-card .supplier-info,.shipment-details-modal .supplier-info-card .supplier-info{flex:1 1;min-width:0}.order-details-modal .supplier-info-card .supplier-info strong,.shipment-details-modal .supplier-info-card .supplier-info strong{display:block;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.7rem,1.2vw,.875rem)}.order-details-modal .supplier-info-card .supplier-info span,.shipment-details-modal .supplier-info-card .supplier-info span{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(.55rem,.8vw,.65rem);gap:clamp(.15rem,.25vw,.25rem);opacity:.8}.order-details-modal .supplier-info-card .supplier-info span svg,.shipment-details-modal .supplier-info-card .supplier-info span svg{font-size:clamp(.5rem,.7vw,.6rem)}.order-details-modal .supplier-info-card .supplier-badge,.shipment-details-modal .supplier-info-card .supplier-badge{align-items:center;background:#d9a32133;background:rgba(var(--secondary-gold-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.15rem,.2vw,.25rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}.order-details-modal .supplier-info-card .supplier-badge svg,.shipment-details-modal .supplier-info-card .supplier-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.order-details-modal .supplier-badge,.shipment-details-modal .supplier-badge{align-items:center;background:#d9a32133;background:rgba(var(--secondary-gold-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#b8860b;color:var(--secondary-gold-dark);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.15rem,.2vw,.25rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}.order-details-modal .supplier-badge svg,.shipment-details-modal .supplier-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.order-details-modal .country-tag,.order-details-modal .origin-tag,.shipment-details-modal .country-tag,.shipment-details-modal .origin-tag{font-size:clamp(.55rem,.7vw,.65rem)}.order-details-modal .phone-link,.shipment-details-modal .phone-link{color:#006b2e;color:var(--primary-green);text-decoration:none}.order-details-modal .phone-link:hover,.shipment-details-modal .phone-link:hover{text-decoration:underline}.order-details-modal .whatsapp-link,.shipment-details-modal .whatsapp-link{align-items:center;color:#25d366;display:inline-flex;gap:clamp(.15rem,.25vw,.25rem);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.order-details-modal .whatsapp-link:hover,.shipment-details-modal .whatsapp-link:hover{transform:scale(1.05)}.order-details-modal .whatsapp-link svg,.shipment-details-modal .whatsapp-link svg{font-size:clamp(.7rem,1vw,.85rem)}.order-details-modal .user-type-badge,.shipment-details-modal .user-type-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:clamp(.55rem,.7vw,.65rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}.order-details-modal .user-type-badge.farmer,.shipment-details-modal .user-type-badge.farmer{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.order-details-modal .user-type-badge.customer,.shipment-details-modal .user-type-badge.customer{background:#dbeafe;background:var(--info-blue-light);color:#3b82f6;color:var(--info-blue)}.order-details-modal .payment-status-badge,.shipment-details-modal .payment-status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:clamp(.55rem,.7vw,.65rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}.order-details-modal .payment-status-badge.pending,.shipment-details-modal .payment-status-badge.pending{background:#fef3c7;background:var(--secondary-gold-light);color:#b8860b;color:var(--secondary-gold-dark)}.order-details-modal .payment-status-badge.processing,.shipment-details-modal .payment-status-badge.processing{background:#dbeafe;background:var(--info-blue-light);color:#3b82f6;color:var(--info-blue)}.order-details-modal .payment-status-badge.paid,.shipment-details-modal .payment-status-badge.paid{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.order-details-modal .payment-status-badge.failed,.shipment-details-modal .payment-status-badge.failed{background:#fee2e2;background:var(--error-red-light);color:#dc2626;color:var(--error-red)}.order-details-modal .payment-status-badge.refunded,.shipment-details-modal .payment-status-badge.refunded{background:#f8f8f8;background:var(--light-bg);color:#5a5a5a;color:var(--slate-gray)}.order-details-modal .balance-due,.shipment-details-modal .balance-due{color:#d9a321;color:var(--secondary-gold);font-weight:600}.order-details-modal .items-table,.shipment-details-modal .items-table{border-collapse:collapse;font-size:clamp(.65rem,.9vw,.75rem);width:100%}.order-details-modal .items-table th,.shipment-details-modal .items-table th{background:#f8f8f8;background:var(--light-bg);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);color:#5a5a5a;color:var(--slate-gray);font-weight:600;padding:clamp(.2rem,.3vw,.3rem) clamp(.35rem,.5vw,.5rem);text-align:left}.order-details-modal .items-table td,.shipment-details-modal .items-table td{border-bottom:1px solid #f0f0f0;padding:clamp(.2rem,.3vw,.3rem) clamp(.35rem,.5vw,.5rem)}.order-details-modal .items-table tfoot td,.shipment-details-modal .items-table tfoot td{border-top:2px solid #e5e5e5;border-top:2px solid var(--border-light);font-weight:600}.order-details-modal .items-table .discount,.shipment-details-modal .items-table .discount{color:#16a34a;color:var(--success-green)}.order-details-modal .items-table .grand-total,.shipment-details-modal .items-table .grand-total{font-size:clamp(.8rem,1.2vw,.95rem)}.order-details-modal .items-table .grand-total .total-value,.shipment-details-modal .items-table .grand-total .total-value{color:#d9a321;color:var(--secondary-gold)}.order-details-modal .product-info,.shipment-details-modal .product-info{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.15rem,.25vw,.25rem)}.order-details-modal .item-thumb,.shipment-details-modal .item-thumb{border-radius:4px;border-radius:var(--radius-xs);height:clamp(24px,3vw,28px);object-fit:cover;width:clamp(24px,3vw,28px)}.order-details-modal .item-name,.shipment-details-modal .item-name{font-size:clamp(.65rem,.8vw,.75rem);font-weight:500}.order-details-modal .tier-badge,.shipment-details-modal .tier-badge{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.4rem,.5vw,.5rem);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.3rem)}.order-details-modal .discount-badge,.shipment-details-modal .discount-badge{background:#dcfce7;background:var(--success-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#16a34a;color:var(--success-green);font-size:clamp(.45rem,.6vw,.55rem);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.3rem)}.order-details-modal .item-count,.order-details-modal .origin-summary,.order-details-modal .timeline-count,.shipment-details-modal .item-count,.shipment-details-modal .origin-summary,.shipment-details-modal .timeline-count{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.5rem,.6vw,.6rem);font-weight:400}.order-details-modal .origin-summary,.shipment-details-modal .origin-summary{background:#dcfce7;background:var(--success-green-light);border-radius:9999px;border-radius:var(--radius-full);color:#16a34a;color:var(--success-green);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.order-details-modal .timeline,.shipment-details-modal .timeline{padding-left:clamp(1rem,1.5vw,1.5rem);position:relative}.order-details-modal .timeline:before,.shipment-details-modal .timeline:before{background:#e5e5e5;background:var(--border-light);bottom:0;content:"";left:clamp(4px,.6vw,6px);position:absolute;top:0;width:2px}.order-details-modal .timeline .timeline-item,.shipment-details-modal .timeline .timeline-item{display:flex;gap:clamp(.4rem,.6vw,.75rem);padding-bottom:clamp(.4rem,.6vw,.75rem);position:relative}.order-details-modal .timeline .timeline-item:last-child,.shipment-details-modal .timeline .timeline-item:last-child{padding-bottom:0}.order-details-modal .timeline .timeline-dot,.shipment-details-modal .timeline .timeline-dot{border:2px solid #fff;border:2px solid var(--white);border-radius:50%;flex-shrink:0;height:clamp(10px,1.2vw,12px);left:clamp(-1rem,-1.2vw,-1.25rem);position:absolute;top:2px;width:clamp(10px,1.2vw,12px)}.order-details-modal .timeline .timeline-content,.shipment-details-modal .timeline .timeline-content{flex:1 1}.order-details-modal .timeline .timeline-status,.shipment-details-modal .timeline .timeline-status{font-size:clamp(.7rem,1vw,.85rem);font-weight:600}.order-details-modal .timeline .updated-by,.shipment-details-modal .timeline .updated-by{color:#9ca3af;font-size:clamp(.5rem,.6vw,.6rem);font-weight:400;margin-left:clamp(.15rem,.25vw,.25rem)}.order-details-modal .timeline .timeline-description,.shipment-details-modal .timeline .timeline-description{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.8vw,.75rem)}.order-details-modal .timeline .timeline-location,.shipment-details-modal .timeline .timeline-location{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.7rem)}.order-details-modal .timeline .timeline-date,.shipment-details-modal .timeline .timeline-date{color:#9ca3af;font-size:clamp(.5rem,.6vw,.6rem)}.order-details-modal .note-item,.shipment-details-modal .note-item{border-radius:8px;border-radius:var(--radius-sm);margin-bottom:clamp(.25rem,.4vw,.5rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem)}.order-details-modal .note-item:last-child,.shipment-details-modal .note-item:last-child{margin-bottom:0}.order-details-modal .note-item.customer,.shipment-details-modal .note-item.customer{background:#dbeafe;background:var(--info-blue-light);border-left:3px solid #3b82f6;border-left:3px solid var(--info-blue)}.order-details-modal .note-item.admin,.shipment-details-modal .note-item.admin{background:#fef3c7;background:var(--secondary-gold-light);border-left:3px solid #d9a321;border-left:3px solid var(--secondary-gold)}.order-details-modal .note-item.public,.shipment-details-modal .note-item.public{background:#dbeafe;background:var(--info-blue-light);border-left:3px solid #3b82f6;border-left:3px solid var(--info-blue)}.order-details-modal .note-item.internal,.shipment-details-modal .note-item.internal{background:#fef3c7;background:var(--secondary-gold-light);border-left:3px solid #d9a321;border-left:3px solid var(--secondary-gold)}.order-details-modal .note-item .note-label,.shipment-details-modal .note-item .note-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.5rem,.6vw,.6rem);font-weight:600}.order-details-modal .note-item p,.shipment-details-modal .note-item p{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.65rem,.9vw,.8rem);margin:clamp(.15rem,.2vw,.25rem) 0 0}.order-details-modal .no-data,.shipment-details-modal .no-data{color:#9ca3af;font-style:italic;padding:clamp(.25rem,.4vw,.5rem) 0}.order-details-modal .btn-whatsapp,.shipment-details-modal .btn-whatsapp{align-items:center;background:#25d366;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:clamp(.7rem,1vw,.813rem);font-weight:600;gap:clamp(.3rem,.5vw,.5rem);min-height:clamp(40px,5vw,44px);padding:clamp(.25rem,.4vw,.35rem) clamp(.6rem,1vw,1rem);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.order-details-modal .btn-whatsapp:hover,.shipment-details-modal .btn-whatsapp:hover{background:#1da851;transform:translateY(-2px)}@media(max-width:768px){.order-details-modal .btn-whatsapp,.shipment-details-modal .btn-whatsapp{justify-content:center}}.order-details-modal .btn-secondary,.shipment-details-modal .btn-secondary{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);cursor:pointer;font-size:clamp(.7rem,1vw,.813rem);font-weight:500;min-height:clamp(40px,5vw,44px);padding:clamp(.25rem,.4vw,.35rem) clamp(.6rem,1vw,1rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.order-details-modal .btn-secondary:hover,.shipment-details-modal .btn-secondary:hover{background:#e5e5e5;background:var(--border-light)}.order-details-modal .tracking-header,.shipment-details-modal .tracking-header{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem);justify-content:space-between;margin-bottom:clamp(.5rem,.8vw,1rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.6rem,1vw,1rem)}.order-details-modal .tracking-header .tracking-number,.shipment-details-modal .tracking-header .tracking-number{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}.order-details-modal .tracking-header .tracking-label,.shipment-details-modal .tracking-header .tracking-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.65rem)}.order-details-modal .tracking-header .tracking-code,.shipment-details-modal .tracking-header .tracking-code{color:#006b2e;color:var(--primary-green);font-family:SF Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:clamp(.8rem,1.2vw,1rem);font-weight:700}.order-details-modal .tracking-header .global-tag,.shipment-details-modal .tracking-header .global-tag{background:#dcfce7;background:var(--success-green-light);border-radius:9999px;border-radius:var(--radius-full);color:#16a34a;color:var(--success-green);font-size:clamp(.45rem,.6vw,.55rem);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.order-details-modal .tracking-header .tracking-status-badges,.shipment-details-modal .tracking-header .tracking-status-badges{display:flex;flex-wrap:wrap;gap:clamp(.15rem,.25vw,.25rem)}.order-details-modal .tracking-header .tracking-status-badges .badge,.shipment-details-modal .tracking-header .tracking-status-badges .badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);font-weight:500;min-height:clamp(22px,2.5vw,26px);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.order-details-modal .tracking-header .tracking-status-badges .badge.bulk,.shipment-details-modal .tracking-header .tracking-status-badges .badge.bulk{background:#ede9fe;background:var(--purple-accent-light);color:#8b5cf6;color:var(--purple-accent)}.order-details-modal .tracking-header .tracking-status-badges .badge.inventory,.shipment-details-modal .tracking-header .tracking-status-badges .badge.inventory{background:#dbeafe;background:var(--info-blue-light);color:#3b82f6;color:var(--info-blue)}.order-details-modal .tracking-header .tracking-status-badges .badge.delayed,.shipment-details-modal .tracking-header .tracking-status-badges .badge.delayed{background:#fee2e2;background:var(--error-red-light);color:#dc2626;color:var(--error-red)}.order-details-modal .tracking-header .tracking-status-badges .badge.stock-updated,.shipment-details-modal .tracking-header .tracking-status-badges .badge.stock-updated{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.order-details-modal .tracking-header .tracking-status-badges .badge.premium,.shipment-details-modal .tracking-header .tracking-status-badges .badge.premium{background:#fef3c7;background:var(--secondary-gold-light);color:#b8860b;color:var(--secondary-gold-dark)}.order-details-modal .progress-section,.shipment-details-modal .progress-section{margin:clamp(.5rem,.8vw,1rem) 0}.order-details-modal .progress-section .progress-bar,.shipment-details-modal .progress-section .progress-bar{background:#e5e5e5;background:var(--border-light);border-radius:9999px;border-radius:var(--radius-full);height:clamp(6px,.7vw,8px);overflow:hidden;width:100%}.order-details-modal .progress-section .progress-fill,.shipment-details-modal .progress-section .progress-fill{background:linear-gradient(90deg,#d9a321,#b8860b);background:linear-gradient(90deg,var(--secondary-gold),var(--secondary-gold-dark));border-radius:9999px;border-radius:var(--radius-full);height:100%;transition:width .6s ease}.order-details-modal .progress-section .progress-labels,.shipment-details-modal .progress-section .progress-labels{color:#9ca3af;display:flex;font-size:clamp(.45rem,.6vw,.55rem);justify-content:space-between;margin-top:clamp(.15rem,.25vw,.25rem)}@media(max-width:576px){.order-details-modal .progress-section .progress-labels,.shipment-details-modal .progress-section .progress-labels{font-size:clamp(.35rem,.5vw,.45rem)}}.order-details-modal .route-points,.shipment-details-modal .route-points{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,1rem);padding:clamp(.25rem,.4vw,.5rem) 0}.order-details-modal .route-points .route-point,.shipment-details-modal .route-points .route-point{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);flex:1 1;padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem)}.order-details-modal .route-points .route-point.origin,.shipment-details-modal .route-points .route-point.origin{border-left:3px solid #d9a321;border-left:3px solid var(--secondary-gold)}.order-details-modal .route-points .route-point.destination,.shipment-details-modal .route-points .route-point.destination{border-left:3px solid #16a34a;border-left:3px solid var(--success-green)}.order-details-modal .route-points .route-label,.shipment-details-modal .route-points .route-label{color:#9ca3af;font-size:clamp(.45rem,.6vw,.55rem);letter-spacing:.5px;text-transform:uppercase}.order-details-modal .route-points .route-value,.shipment-details-modal .route-points .route-value{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.7rem,1vw,.9rem);font-weight:600}.order-details-modal .route-points .route-sub,.shipment-details-modal .route-points .route-sub{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.65rem)}.order-details-modal .route-points .route-arrow,.shipment-details-modal .route-points .route-arrow{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1rem,2vw,1.5rem)}@media(max-width:768px){.order-details-modal .route-points,.shipment-details-modal .route-points{flex-direction:column;gap:clamp(.25rem,.4vw,.5rem)}.order-details-modal .route-points .route-arrow,.shipment-details-modal .route-points .route-arrow{transform:rotate(90deg)}}.order-details-modal .status-active,.shipment-details-modal .status-active{color:#16a34a;color:var(--success-green)}.order-details-modal .status-inactive,.shipment-details-modal .status-inactive{color:#f59e0b;color:var(--warning-yellow)}.order-details-modal .delayed-warning,.shipment-details-modal .delayed-warning{color:#dc2626;color:var(--error-red);font-weight:600}.order-details-modal .table-responsive,.shipment-details-modal .table-responsive{overflow-x:auto}.shipment-form-modal{max-width:min(1100px,100vw - 1rem)}@media(max-width:768px){.shipment-form-modal{border-radius:8px;border-radius:var(--radius-sm);margin:.5rem;max-width:100%}}.shipment-form{max-height:80vh;overflow-y:auto;padding:0 clamp(.25rem,.5vw,.5rem)}.shipment-form .form-section{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);margin-bottom:clamp(.5rem,1vw,1.25rem);padding:clamp(.5rem,1vw,1.25rem)}@media(max-width:576px){.shipment-form .form-section{padding:.75rem}}.shipment-form .form-section.bulk-section,.shipment-form .form-section.courier-section,.shipment-form .form-section.supplier-section{border-left:4px solid #d9a321;border-left:4px solid var(--secondary-gold)}.shipment-form .form-section.products-section{border-left:4px solid #3b82f6;border-left:4px solid var(--info-blue)}.shipment-form .form-section h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;flex-wrap:wrap;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.8rem,1.2vw,1rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.5rem,.8vw,1rem)}.shipment-form .form-section h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,1vw,.875rem)}.shipment-form .form-section h4{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.7rem,1vw,.9rem);margin:clamp(.5rem,.7vw,.75rem) 0 clamp(.35rem,.5vw,.5rem)}.shipment-form .form-row{grid-gap:clamp(.35rem,.6vw,.75rem);display:grid;gap:clamp(.35rem,.6vw,.75rem);grid-template-columns:1fr}@media(min-width:768px){.shipment-form .form-row{grid-template-columns:1fr 1fr}}.shipment-form .form-group{display:flex;flex-direction:column;gap:clamp(.15rem,.25vw,.25rem)}.shipment-form .form-group label{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.7rem,.9vw,.813rem);font-weight:500;gap:clamp(.15rem,.25vw,.25rem)}.shipment-form .form-group label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.6rem,.8vw,.7rem)}.shipment-form .form-group input,.shipment-form .form-group select,.shipment-form .form-group textarea{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,1vw,.875rem);min-height:clamp(40px,5vw,44px);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.shipment-form .form-group input:focus,.shipment-form .form-group select:focus,.shipment-form .form-group textarea:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.shipment-form .form-group input.disabled-input,.shipment-form .form-group select.disabled-input,.shipment-form .form-group textarea.disabled-input{background:#f8f8f8;background:var(--light-bg);cursor:not-allowed;opacity:.7}.shipment-form .form-group textarea{min-height:clamp(48px,6vw,60px);resize:vertical}.shipment-form .form-group .helper-text{color:#9ca3af;font-size:clamp(.55rem,.7vw,.65rem);margin-top:clamp(.05rem,.1vw,.125rem)}.shipment-form .form-group.product-search-group{flex:2 1;position:relative}.shipment-form .form-group.add-product-group{justify-content:flex-end}@media(max-width:576px){.shipment-form .form-group.add-product-group{justify-content:flex-start}}.shipment-form .checkbox-group{margin:clamp(.15rem,.25vw,.25rem) 0}.shipment-form .checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:clamp(.75rem,1vw,.875rem);gap:clamp(.3rem,.5vw,.5rem)}.shipment-form .checkbox-label input[type=checkbox]{accent-color:#d9a321;accent-color:var(--secondary-gold);cursor:pointer;height:clamp(16px,2vw,18px);width:clamp(16px,2vw,18px)}.shipment-form .supplier-info-card{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);display:flex;flex-wrap:wrap;gap:clamp(.5rem,.8vw,1rem);margin-bottom:clamp(.5rem,.8vw,1rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.75rem,1.2vw,1.25rem)}@media(max-width:576px){.shipment-form .supplier-info-card{justify-content:center;text-align:center}}.shipment-form .supplier-info-card .supplier-icon{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(1.1rem,2vw,1.5rem)}.shipment-form .supplier-info-card .supplier-info{flex:1 1;min-width:0}.shipment-form .supplier-info-card .supplier-info strong{display:block;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.7rem,1.2vw,.875rem)}.shipment-form .supplier-info-card .supplier-info span{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(.55rem,.8vw,.65rem);gap:clamp(.15rem,.25vw,.25rem);opacity:.8}.shipment-form .supplier-info-card .supplier-info span svg{font-size:clamp(.5rem,.7vw,.6rem)}.shipment-form .supplier-info-card .supplier-badge{align-items:center;background:#d9a32133;background:rgba(var(--secondary-gold-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;flex-shrink:0;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.15rem,.2vw,.25rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}.shipment-form .supplier-info-card .supplier-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.shipment-form .supplier-tag{align-items:center;background:#dcfce7;background:var(--success-green-light);border-radius:9999px;border-radius:var(--radius-full);color:#16a34a;color:var(--success-green);display:inline-flex;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.15rem,.2vw,.25rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}.shipment-form .supplier-tag svg{font-size:clamp(.4rem,.5vw,.5rem)}.shipment-form .bulk-tag{background:#fef3c7;background:var(--secondary-gold-light);color:#b8860b;color:var(--secondary-gold-dark);font-size:clamp(.45rem,.6vw,.55rem)}.shipment-form .bulk-tag,.shipment-form .origin-summary{border-radius:9999px;border-radius:var(--radius-full);padding:clamp(.05rem,.1vw,.1rem) clamp(.25rem,.4vw,.4rem)}.shipment-form .origin-summary{background:#dbeafe;background:var(--info-blue-light);color:#3b82f6;color:var(--info-blue);font-size:clamp(.5rem,.6vw,.6rem);margin-left:clamp(.25rem,.4vw,.5rem)}.shipment-form .product-search-results{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);left:0;max-height:clamp(150px,25vw,200px);overflow-y:auto;position:absolute;right:0;top:100%;z-index:100;z-index:var(--z-dropdown)}.shipment-form .product-search-results .search-result{align-items:center;cursor:pointer;display:flex;justify-content:space-between;min-height:clamp(36px,4.5vw,40px);padding:clamp(.3rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem);transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.shipment-form .product-search-results .search-result:hover{background:#f8f8f8;background:var(--light-bg)}.shipment-form .product-search-results .search-result.selected{background:#e8f5e9;background:var(--primary-green-light)}.shipment-form .product-search-results .search-result.no-results{color:#5a5a5a;color:var(--slate-gray);font-style:italic;justify-content:center}.shipment-form .product-search-results .search-result .product-origin{color:#9ca3af;font-size:clamp(.55rem,.7vw,.65rem)}.shipment-form .add-product-btn{align-items:center;background:#006b2e;background:var(--primary-green);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-weight:500;gap:clamp(.3rem,.5vw,.5rem);height:clamp(38px,5vw,44px);margin-top:auto;min-height:clamp(38px,5vw,44px);padding:clamp(.3rem,.5vw,.5rem) clamp(.6rem,1vw,1rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.shipment-form .add-product-btn:hover:not(:disabled){background:#014421;background:var(--primary-green-dark)}.shipment-form .add-product-btn:disabled{cursor:not-allowed;opacity:.5}.shipment-form .add-product-btn svg{font-size:clamp(.6rem,.8vw,.7rem)}.shipment-form .items-table{border-collapse:collapse;font-size:clamp(.65rem,.9vw,.813rem);width:100%}.shipment-form .items-table th{background:#f8f8f8;background:var(--light-bg);border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-light);color:#1f1f1f;color:var(--charcoal);font-weight:600;padding:clamp(.3rem,.4vw,.5rem) clamp(.4rem,.6vw,.75rem);text-align:left}.shipment-form .items-table td{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);padding:clamp(.3rem,.4vw,.5rem) clamp(.4rem,.6vw,.75rem)}.shipment-form .items-table tfoot td{border-top:2px solid #e5e5e5;border-top:2px solid var(--border-light);font-weight:600;padding-top:clamp(.4rem,.6vw,.75rem)}.shipment-form .items-table .origin-tag{align-items:center;color:#16a34a;color:var(--success-green);display:inline-flex;font-size:clamp(.55rem,.7vw,.65rem);gap:clamp(.15rem,.2vw,.2rem)}@media(max-width:576px){.shipment-form .items-table{font-size:clamp(.55rem,.8vw,.7rem)}.shipment-form .items-table td,.shipment-form .items-table th{padding:clamp(.2rem,.3vw,.3rem) clamp(.25rem,.4vw,.4rem)}}.shipment-form .remove-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--error-red);cursor:pointer;display:inline-flex;justify-content:center;min-height:clamp(32px,4vw,36px);padding:clamp(.15rem,.25vw,.25rem) clamp(.3rem,.4vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.shipment-form .remove-btn:hover{background:#fee2e2;background:var(--error-red-light)}.shipment-form .remove-btn svg{font-size:clamp(.6rem,.8vw,.75rem)}.shipment-form .form-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);display:flex;gap:clamp(.4rem,.6vw,.75rem);justify-content:flex-end;margin-top:clamp(.5rem,.8vw,1rem);padding-top:clamp(.5rem,.8vw,1rem)}@media(max-width:576px){.shipment-form .form-actions{flex-direction:column}.shipment-form .form-actions button{justify-content:center;width:100%}}.shipment-form .btn-primary{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-weight:600;gap:clamp(.3rem,.5vw,.5rem);min-height:clamp(44px,5vw,48px);padding:clamp(.35rem,.6vw,.5rem) clamp(.8rem,1.5vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.shipment-form .btn-primary:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.shipment-form .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.shipment-form .btn-primary svg{font-size:clamp(.7rem,.9vw,.8rem)}.shipment-form .btn-secondary{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-weight:500;min-height:clamp(44px,5vw,48px);padding:clamp(.35rem,.6vw,.5rem) clamp(.8rem,1.5vw,1.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.shipment-form .btn-secondary:hover{background:#e5e5e5;background:var(--border-light)}.shipment-form .alert-message{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:clamp(.3rem,.5vw,.5rem);margin:0 clamp(.5rem,1vw,1.5rem) clamp(.5rem,.8vw,1rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.6rem,1vw,1rem)}.shipment-form .alert-message.error{background:#fee2e2;background:var(--error-red-light);border:1px solid #fecaca;color:#dc2626;color:var(--error-red)}.shipment-form .alert-message.success{background:#dcfce7;background:var(--success-green-light);border:1px solid #bbf7d0;color:#16a34a;color:var(--success-green)}.shipment-form .alert-message svg{flex-shrink:0;font-size:clamp(.8rem,1vw,.9rem)}.payout-container{padding:clamp(.25rem,.5vw,.5rem) 0}.payout-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.35rem,.6vw,.75rem);justify-content:space-between;margin-bottom:clamp(.5rem,1vw,1.25rem)}.payout-header h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-size:clamp(.9rem,1.5vw,1.1rem);gap:clamp(.3rem,.5vw,.5rem);margin:0}.payout-header h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1.2vw,1rem)}.payout-loading{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;gap:clamp(.4rem,.6vw,.75rem);justify-content:center;padding:clamp(1rem,2vw,2rem)}.payout-loading svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.2rem,2vw,1.5rem)}.payout-alert{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:clamp(.4rem,.6vw,.75rem);margin-bottom:clamp(.35rem,.6vw,.75rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.8vw,.75rem)}.payout-alert.error{background:#fee2e2;background:var(--error-red-light);border-left:4px solid #dc2626;border-left:4px solid var(--error-red);color:#dc2626;color:var(--error-red)}.payout-alert.success{background:#dcfce7;background:var(--success-green-light);border-left:4px solid #16a34a;border-left:4px solid var(--success-green);color:#16a34a;color:var(--success-green)}.payout-alert button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:auto;min-height:clamp(32px,4vw,36px);min-width:clamp(32px,4vw,36px);opacity:.7;padding:clamp(.15rem,.25vw,.25rem)}.payout-alert button:hover{opacity:1}.payout-alert button svg{font-size:clamp(.7rem,.9vw,.8rem)}.payout-stats-grid{grid-gap:clamp(.35rem,.6vw,.75rem);display:grid;gap:clamp(.35rem,.6vw,.75rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:clamp(.5rem,1vw,1.25rem)}@media(max-width:576px){.payout-stats-grid{grid-template-columns:1fr 1fr}}.payout-stats-grid .payout-stat-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:clamp(.4rem,.6vw,.75rem);padding:clamp(.5rem,.8vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.payout-stats-grid .payout-stat-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.payout-stats-grid .payout-stat-card.pending .payout-stat-icon{color:#f59e0b;color:var(--warning-yellow)}.payout-stats-grid .payout-stat-card.completed .payout-stat-icon{color:#16a34a;color:var(--success-green)}.payout-stats-grid .payout-stat-card .payout-stat-icon{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border-radius:50%;color:#006b2e;color:var(--primary-green);display:flex;font-size:clamp(.8rem,1.2vw,1rem);height:clamp(32px,4vw,40px);justify-content:center;min-width:clamp(32px,4vw,40px);width:clamp(32px,4vw,40px)}.payout-stats-grid .payout-stat-card .payout-stat-icon svg{font-size:clamp(.8rem,1.2vw,1rem)}.payout-stats-grid .payout-stat-card .payout-stat-info{flex:1 1;min-width:0}.payout-stats-grid .payout-stat-card .payout-stat-info .payout-stat-value{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700}.payout-stats-grid .payout-stat-card .payout-stat-info .payout-stat-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.5rem,.7vw,.6rem);letter-spacing:.3px;text-transform:uppercase}.payout-history{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);overflow:hidden}.payout-history h4{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);color:#006b2e;color:var(--primary-green);display:flex;font-size:clamp(.8rem,1.2vw,.938rem);gap:clamp(.3rem,.5vw,.5rem);margin:0;padding:clamp(.5rem,.8vw,.75rem) clamp(.6rem,1vw,1.25rem)}.payout-history h4 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,1vw,.875rem)}.payout-table{border-collapse:collapse;font-size:clamp(.65rem,.9vw,.75rem);width:100%}.payout-table th{background:#f8f8f8;background:var(--light-bg);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.65rem);font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.payout-table td,.payout-table th{padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem)}.payout-table td{border-bottom:1px solid #f0f0f0;color:#1f1f1f;color:var(--charcoal);vertical-align:middle}.payout-table tr:hover td{background:#006b2e05;background:rgba(var(--primary-green-rgb),.02)}.payout-table .amount{color:#d9a321;color:var(--secondary-gold);font-weight:600}.payout-table .account-details{max-width:clamp(80px,15vw,130px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payout-table .no-data{color:#5a5a5a;color:var(--slate-gray);padding:clamp(1rem,2vw,2rem) clamp(.75rem,1.5vw,1.5rem);text-align:center}.payout-table .no-data svg{color:#d9a321;color:var(--secondary-gold);display:block;font-size:clamp(1.5rem,3vw,2rem);margin:0 auto clamp(.25rem,.5vw,.5rem)}.payout-table .no-data p{margin:clamp(.15rem,.25vw,.25rem) 0}.payout-table .no-data span{color:#9ca3af;font-size:clamp(.65rem,.9vw,.75rem)}.payout-form .form-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);display:flex;gap:clamp(.4rem,.6vw,.75rem);justify-content:flex-end;margin-top:clamp(.5rem,.8vw,1rem);padding-top:clamp(.5rem,.8vw,1rem)}.payout-form .form-actions button{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:clamp(.75rem,1vw,.875rem);font-weight:600;min-height:clamp(44px,5vw,48px);padding:clamp(.35rem,.6vw,.5rem) clamp(.8rem,1.5vw,1.25rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.payout-form .form-actions .btn-secondary{background:#f8f8f8;background:var(--light-bg);color:#1f1f1f;color:var(--charcoal)}.payout-form .form-actions .btn-secondary:hover{background:#e5e5e5;background:var(--border-light)}.payout-form .form-actions .btn-primary{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white)}.payout-form .form-actions .btn-primary:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark)}.payout-form .form-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.payout-form .form-error{align-items:center;background:#fee2e2;background:var(--error-red-light);border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--error-red);display:flex;font-size:clamp(.7rem,1vw,.813rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.35rem,.6vw,.75rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.8vw,.75rem)}.payout-form .form-error svg{flex-shrink:0;font-size:clamp(.7rem,.9vw,.8rem)}.traffic-sources{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);padding:clamp(.6rem,1vw,1rem) clamp(.75rem,1.5vw,1.25rem)}@media(min-width:768px){.traffic-sources{border-radius:12px;border-radius:var(--radius-md);padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.5rem)}}.traffic-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem);justify-content:space-between;margin-bottom:clamp(.35rem,.6vw,.75rem)}.traffic-header h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.85rem,1.2vw,1rem);gap:clamp(.3rem,.5vw,.5rem);margin:0}.traffic-header h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1vw,.9rem)}.traffic-badge{align-items:center;background:#dcfce7;background:var(--success-green-light);border-radius:9999px;border-radius:var(--radius-full);color:#16a34a;color:var(--success-green);display:inline-flex;font-size:clamp(.5rem,.7vw,.6rem);gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(24px,3vw,28px);padding:clamp(.1rem,.15vw,.15rem) clamp(.35rem,.6vw,.6rem)}.traffic-badge svg{font-size:clamp(.45rem,.6vw,.55rem)}.sources-list{display:flex;flex-direction:column;gap:clamp(.25rem,.4vw,.5rem)}.source-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:clamp(.3rem,.6vw,.75rem);justify-content:space-between;padding:clamp(.2rem,.3vw,.3rem) clamp(.3rem,.5vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.source-item:hover{background:#f8f8f8;background:var(--light-bg)}.source-item.malaysia{background:#006b2e08;background:rgba(var(--primary-green-rgb),.03);border-left:3px solid #006b2e;border-left:3px solid var(--primary-green);padding-left:clamp(.4rem,.6vw,.75rem)}.source-item .source-info{align-items:center;display:flex;gap:clamp(.25rem,.4vw,.5rem);min-width:clamp(80px,15vw,100px)}.source-item .source-icon{align-items:center;border-radius:50%;display:flex;font-size:clamp(.55rem,.7vw,.7rem);height:clamp(24px,3vw,28px);justify-content:center;min-width:clamp(24px,3vw,28px);width:clamp(24px,3vw,28px)}.source-item .source-name{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.65rem,.8vw,.75rem);gap:clamp(.15rem,.25vw,.25rem)}.source-item .source-flag{font-size:clamp(.6rem,.7vw,.7rem)}.source-item .source-stats{align-items:center;display:flex;flex:1 1;gap:clamp(.35rem,.6vw,.75rem);min-width:clamp(100px,20vw,120px)}.source-item .source-percentage{font-size:clamp(.6rem,.8vw,.7rem);font-weight:600;min-width:clamp(32px,5vw,40px)}.source-item .source-bar{background:#e5e5e5;background:var(--border-light);border-radius:9999px;border-radius:var(--radius-full);flex:1 1;height:clamp(3px,.4vw,4px);overflow:hidden}.source-item .source-bar-fill{border-radius:9999px;border-radius:var(--radius-full);height:100%;transition:width .6s ease}.source-item .source-count{color:#9ca3af;font-size:clamp(.5rem,.6vw,.6rem);min-width:clamp(28px,4vw,35px);text-align:right}.top-products{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);padding:clamp(.6rem,1vw,1rem) clamp(.75rem,1.5vw,1.25rem)}@media(min-width:768px){.top-products{border-radius:12px;border-radius:var(--radius-md);padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.5rem)}}.top-products-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem);justify-content:space-between;margin-bottom:clamp(.35rem,.6vw,.75rem)}.top-products-header .header-left{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}.top-products-header .header-left .header-icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.9rem,1.2vw,1.1rem)}.top-products-header .header-left h3{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.85rem,1.2vw,1rem);margin:0}.top-products-header .header-left .product-count{background:#f8f8f8;background:var(--light-bg);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.65rem);padding:clamp(.1rem,.15vw,.15rem) clamp(.35rem,.5vw,.6rem)}.top-products-header .header-right{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}.top-products-header .origin-summary{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.15rem,.25vw,.25rem)}.top-products-header .origin-summary .origin-tag{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);min-height:clamp(20px,2.5vw,24px);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.top-products-header .origin-summary .origin-tag.malaysia{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.top-products-header .supplier-badge{align-items:center;background:#fef3c7;background:var(--secondary-gold-light);border-radius:9999px;border-radius:var(--radius-full);color:#b8860b;color:var(--secondary-gold-dark);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.15rem,.2vw,.2rem);min-height:clamp(22px,2.5vw,26px);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.top-products-header .supplier-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.sort-controls{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);margin-bottom:clamp(.35rem,.6vw,.75rem);padding:clamp(.25rem,.4vw,.5rem) 0}.sort-controls .sort-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.65rem)}.sort-controls .sort-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:inline-flex;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.1rem,.15vw,.15rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.15rem) clamp(.3rem,.4vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.sort-controls .sort-btn:hover{background:#f8f8f8;background:var(--light-bg)}.sort-controls .sort-btn.active{background:#d9a321;background:var(--secondary-gold);border-color:#d9a321;border-color:var(--secondary-gold);color:#fff;color:var(--white)}.sort-controls .sort-btn svg{font-size:clamp(.4rem,.5vw,.5rem)}.products-list{display:flex;flex-direction:column;gap:clamp(.25rem,.4vw,.5rem)}.product-item{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-wrap:wrap;gap:clamp(.4rem,.6vw,.75rem);padding:clamp(.3rem,.5vw,.5rem) clamp(.4rem,.6vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-item:hover{background:#f0f0f0;border-color:#e5e5e5;border-color:var(--border-light)}.product-item.expanded{background:#e8f5e9;background:var(--primary-green-light);border-color:#c8e6c9}.product-item.malaysia-origin{border-left:3px solid #d9a321;border-left:3px solid var(--secondary-gold)}.product-item .product-rank{align-items:center;display:flex;flex-direction:column;min-width:clamp(20px,3vw,28px)}.product-item .product-rank .rank-number{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.65rem,.9vw,.8rem);font-weight:700}.product-item .product-rank .rank-crown{font-size:clamp(.55rem,.7vw,.7rem)}.product-item .product-avatar{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:50%;display:flex;flex-shrink:0;height:clamp(32px,4vw,40px);justify-content:center;overflow:hidden;width:clamp(32px,4vw,40px)}.product-item .product-avatar img{height:100%;object-fit:cover;width:100%}.product-item .product-avatar .placeholder-icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1.2vw,1rem)}.product-item .product-info{flex:1 1;min-width:0}.product-item .product-name{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;flex-wrap:wrap;font-size:clamp(.7rem,1vw,.813rem);font-weight:600;gap:clamp(.15rem,.25vw,.25rem)}.product-item .origin-badge{border-radius:8px;border-radius:var(--radius-sm);font-size:clamp(.4rem,.5vw,.5rem);min-height:clamp(18px,2vw,22px);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.3rem)}.product-item .origin-badge.malaysia{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.product-item .origin-badge.other{background:#fef3c7;background:var(--secondary-gold-light);color:#b8860b;color:var(--secondary-gold-dark)}.product-item .product-category{background:#e5e5e5;background:var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.45rem,.6vw,.55rem);font-weight:400;padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem);text-transform:capitalize}.product-item .product-rating{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.05rem,.1vw,.1rem)}.product-item .product-rating,.product-item .product-rating .star{font-size:clamp(.55rem,.7vw,.65rem)}.product-item .product-rating .star.filled,.product-item .product-rating .star.half-filled{color:#f59e0b}.product-item .product-rating .star.empty{color:#d1d5db}.product-item .product-rating .no-rating{color:#9ca3af;font-size:clamp(.5rem,.6vw,.6rem)}.product-item .product-rating .rating-value{color:#1f1f1f;color:var(--charcoal);font-weight:600;margin-left:clamp(.05rem,.1vw,.1rem)}.product-item .product-rating .reviews-count{color:#9ca3af;font-size:clamp(.5rem,.6vw,.6rem);margin-left:clamp(.05rem,.1vw,.1rem)}.product-item .product-description-expanded{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.8vw,.7rem);line-height:1.5}.product-item .product-description-expanded,.product-item .product-specs-expanded{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin-top:clamp(.25rem,.4vw,.5rem);padding-top:clamp(.25rem,.4vw,.5rem)}.product-item .product-specs-expanded{display:flex;flex-wrap:wrap;gap:clamp(.15rem,.3vw,.25rem) clamp(.25rem,.4vw,.5rem)}.product-item .product-specs-expanded .spec-tag{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.5rem,.6vw,.6rem);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.product-item .product-specs-expanded .spec-tag strong{color:#1f1f1f;color:var(--charcoal)}.product-item .product-stats{align-items:flex-end;display:flex;flex-direction:column;gap:clamp(.15rem,.25vw,.25rem);min-width:clamp(80px,15vw,100px)}@media(max-width:576px){.product-item .product-stats{align-items:flex-start;flex:1 1;margin-left:clamp(40px,10vw,60px);min-width:auto}}.product-item .stat-group{display:flex;flex-wrap:wrap;font-size:clamp(.55rem,.7vw,.65rem);gap:clamp(.25rem,.4vw,.5rem)}.product-item .stat-group .stat-item{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;gap:clamp(.1rem,.15vw,.2rem)}.product-item .stat-group .stat-item svg{font-size:clamp(.5rem,.6vw,.6rem)}.product-item .stat-group .stat-item.sales{color:#3b82f6;color:var(--info-blue)}.product-item .stat-group .stat-item.revenue{color:#16a34a;color:var(--success-green)}.product-item .stat-group .stat-item.unit{color:#8b5cf6;color:var(--purple-accent)}.product-item .stat-group .stat-item.malaysia{color:#006b2e;color:var(--primary-green)}.product-item .stat-bar{background:#e5e5e5;background:var(--border-light);border-radius:9999px;border-radius:var(--radius-full);height:clamp(3px,.4vw,4px);overflow:hidden;position:relative;width:100%}.product-item .stat-bar .stat-bar-fill{background:linear-gradient(90deg,#d9a321,#b8860b);background:linear-gradient(90deg,var(--secondary-gold),var(--secondary-gold-dark));border-radius:9999px;border-radius:var(--radius-full);height:100%;transition:width .6s ease}.product-item .stat-bar .stat-percentage{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.45rem,.6vw,.55rem);font-weight:500;position:absolute;right:0;top:-12px}.product-item .product-expand-icon{color:#9ca3af;font-size:clamp(.55rem,.7vw,.65rem);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.product-item.expanded .product-item .product-expand-icon{color:#d9a321;color:var(--secondary-gold);transform:rotate(180deg)}.top-products-empty,.top-products-loading{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);padding:clamp(1rem,2vw,2rem);text-align:center}.top-products-loading{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-direction:column;gap:clamp(.25rem,.5vw,.5rem)}.top-products-loading svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.2rem,2vw,1.5rem)}.top-products-empty svg{color:#d1d5db;font-size:clamp(2rem,3vw,2.5rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.top-products-empty h3{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.9rem,1.2vw,1.1rem);margin-bottom:clamp(.15rem,.25vw,.25rem)}.top-products-empty p{color:#9ca3af;font-size:clamp(.75rem,1vw,.875rem);margin:0}.team-management{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);padding:clamp(.75rem,2vw,1.25rem)}@media(min-width:768px){.team-management{padding:clamp(1rem,2.5vw,1.5rem)}}.team-management-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,1rem);justify-content:space-between;margin-bottom:clamp(.5rem,1vw,1.25rem)}.team-management-header .header-left h2{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.95rem,2vw,1.125rem);gap:clamp(.3rem,.5vw,.5rem)}.team-management-header .header-left h2 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1.5vw,1rem)}.team-management-header .team-count{background:#f8f8f8;background:var(--light-bg);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.8vw,.7rem);font-weight:400;padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.5rem)}.team-management-header .pending-count{background:#f59e0b;background:var(--warning-yellow);color:#fff;color:var(--white);margin-left:clamp(.15rem,.25vw,.25rem)}.team-stats{grid-gap:clamp(.35rem,.6vw,.75rem);display:grid;gap:clamp(.35rem,.6vw,.75rem);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:clamp(.35rem,.6vw,.75rem)}@media(max-width:576px){.team-stats{grid-template-columns:1fr 1fr}}.team-stats .stat-card{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem);text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.team-stats .stat-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);transform:translateY(-2px)}.team-stats .stat-card.active .stat-value{color:#16a34a;color:var(--success-green)}.team-stats .stat-card.pending .stat-value{color:#f59e0b;color:var(--warning-yellow)}.team-stats .stat-card.roles .stat-value{color:#8b5cf6;color:var(--purple-accent)}.team-stats .stat-card .stat-value{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,1.5vw,1.125rem);font-weight:700}.team-stats .stat-card .stat-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.45rem,.6vw,.55rem);letter-spacing:.3px;margin-top:clamp(.05rem,.1vw,.1rem);text-transform:uppercase}.role-breakdown{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);margin-bottom:clamp(.35rem,.6vw,.75rem);padding:clamp(.25rem,.4vw,.5rem) 0}.role-breakdown .role-chip{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);display:inline-flex;font-size:clamp(.55rem,.7vw,.65rem);gap:clamp(.15rem,.25vw,.3rem);min-height:clamp(26px,3vw,30px);padding:clamp(.08rem,.12vw,.15rem) clamp(.25rem,.4vw,.5rem)}.role-breakdown .role-chip .role-dot{border-radius:50%;height:clamp(6px,.7vw,8px);width:clamp(6px,.7vw,8px)}.team-filters{gap:clamp(.25rem,.5vw,.5rem);justify-content:space-between;margin-bottom:clamp(.5rem,.8vw,1rem)}.team-filters,.team-filters .filter-left{align-items:center;display:flex;flex-wrap:wrap}.team-filters .filter-left{gap:clamp(.25rem,.4vw,.5rem)}@media(max-width:576px){.team-filters .filter-left{flex-direction:column;width:100%}}.team-filters .filter-select{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.65rem,.8vw,.8rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.3vw,.3rem) clamp(.4rem,.6vw,.75rem)}.team-filters .filter-select:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.team-filters .search-wrapper{position:relative}.team-filters .search-wrapper .search-icon{color:#9ca3af;font-size:clamp(.6rem,.8vw,.75rem);left:clamp(.35rem,.5vw,.5rem);position:absolute;top:50%;transform:translateY(-50%)}.team-filters .search-wrapper .search-input{border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.65rem,.8vw,.8rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.3vw,.3rem) clamp(.4rem,.6vw,.75rem) clamp(.2rem,.3vw,.3rem) clamp(1.5rem,2.5vw,2rem);width:clamp(120px,30vw,180px)}@media(max-width:576px){.team-filters .search-wrapper .search-input{width:100%}}.team-filters .search-wrapper .search-input:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.team-filters .view-toggle{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:clamp(.65rem,.8vw,.8rem);gap:clamp(.2rem,.3vw,.25rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.3vw,.3rem) clamp(.4rem,.6vw,.75rem)}.team-filters .view-toggle:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.team-filters .view-toggle svg{font-size:clamp(.6rem,.7vw,.7rem)}.members-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:576px){.members-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(min-width:768px){.members-grid{gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.members-list{display:flex;flex-direction:column;gap:clamp(.35rem,.6vw,.5rem)}.member-card{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:clamp(.4rem,.6vw,.75rem);padding:clamp(.5rem,.7vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.member-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm)}.member-card.pending{border-left:3px solid #f59e0b;border-left:3px solid var(--warning-yellow)}.member-card .member-avatar{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:clamp(.8rem,1vw,1rem);font-weight:600;height:clamp(36px,4.5vw,44px);justify-content:center;overflow:hidden;position:relative;width:clamp(36px,4.5vw,44px)}.member-card .member-avatar img{height:100%;object-fit:cover;width:100%}.member-card .pending-dot{align-items:center;background:#f59e0b;background:var(--warning-yellow);border-radius:50%;bottom:-2px;display:flex;font-size:clamp(.6rem,.7vw,.8rem);height:clamp(16px,2vw,20px);justify-content:center;padding:clamp(1px,.15vw,2px);position:absolute;right:-2px;width:clamp(16px,2vw,20px)}.member-card .member-info{flex:1 1;min-width:clamp(80px,20vw,120px)}.member-card .member-name{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;flex-wrap:wrap;font-size:clamp(.75rem,1vw,.875rem);font-weight:600;gap:clamp(.15rem,.25vw,.25rem)}.member-card .admin-badge,.member-card .super-admin-badge{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.4rem,.5vw,.5rem);min-height:clamp(18px,2vw,22px);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.4rem)}.member-card .super-admin-badge{background:#d9a321;background:var(--secondary-gold)}.member-card .admin-badge{background:#3b82f6;background:var(--info-blue)}.member-card .member-email{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.7vw,.7rem);word-break:break-all}.member-card .member-phone{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.6vw,.65rem)}.member-card .member-role{align-items:center;display:flex;font-size:clamp(.6rem,.7vw,.7rem);font-weight:500;gap:clamp(.15rem,.25vw,.25rem)}.member-card .member-meta{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);margin-top:clamp(.05rem,.1vw,.1rem)}.member-card .member-joined{color:#9ca3af;font-size:clamp(.45rem,.6vw,.55rem)}.member-card .member-status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);font-weight:500;gap:clamp(.1rem,.15vw,.2rem);min-height:clamp(22px,2.5vw,26px);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.member-card .member-status .status-dot{border-radius:50%;display:inline-block;height:clamp(5px,.6vw,6px);width:clamp(5px,.6vw,6px)}.member-card .rejection-reason{background:#fee2e2;background:var(--error-red-light);border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--error-red);display:inline-block;font-size:clamp(.5rem,.6vw,.6rem);margin-top:clamp(.05rem,.1vw,.1rem);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.member-card .member-actions{display:flex;flex-wrap:wrap;gap:clamp(.15rem,.25vw,.25rem)}.btn-approve{align-items:center;background:#16a34a;background:var(--success-green);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:clamp(.55rem,.7vw,.65rem);font-weight:500;gap:clamp(.1rem,.15vw,.2rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.2rem) clamp(.3rem,.4vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-approve:hover:not(:disabled){background:#15803d}.btn-approve:disabled{cursor:not-allowed;opacity:.5}.btn-approve svg{font-size:clamp(.45rem,.6vw,.55rem)}.btn-reject{align-items:center;background:#dc2626;background:var(--error-red);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:clamp(.55rem,.7vw,.65rem);font-weight:500;gap:clamp(.1rem,.15vw,.2rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.2rem) clamp(.3rem,.4vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-reject:hover:not(:disabled){background:#b91c1c}.btn-reject:disabled{cursor:not-allowed;opacity:.5}.btn-reject svg{font-size:clamp(.45rem,.6vw,.55rem)}.btn-edit{align-items:center;background:#3b82f6;background:var(--info-blue);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:clamp(.55rem,.7vw,.65rem);font-weight:500;gap:clamp(.1rem,.15vw,.2rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.2rem) clamp(.3rem,.4vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-edit:hover:not(:disabled){background:#2563eb}.btn-edit:disabled{cursor:not-allowed;opacity:.5}.btn-edit svg{font-size:clamp(.45rem,.6vw,.55rem)}.btn-delete{align-items:center;background:#dc2626;background:var(--error-red);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:clamp(.55rem,.7vw,.65rem);font-weight:500;gap:clamp(.1rem,.15vw,.2rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.2rem) clamp(.3rem,.4vw,.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-delete:hover:not(:disabled){background:#b91c1c}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.btn-delete svg{font-size:clamp(.45rem,.6vw,.55rem)}.no-members{color:#5a5a5a;color:var(--slate-gray);padding:clamp(1rem,2vw,2rem) clamp(.75rem,1.5vw,1rem);text-align:center}.no-members svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.no-members h3{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.9rem,1.2vw,1.1rem);margin-bottom:clamp(.15rem,.25vw,.25rem)}.no-members p{font-size:clamp(.7rem,1vw,.813rem);margin:0}.payment-methods-container{padding:clamp(.25rem,.5vw,.5rem) 0}.payment-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.35rem,.6vw,.75rem);justify-content:space-between;margin-bottom:clamp(.5rem,1vw,1.25rem)}.payment-header h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-size:clamp(.9rem,1.5vw,1.1rem);gap:clamp(.3rem,.5vw,.5rem);margin:0}.payment-header h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1.2vw,1rem)}.payment-loading{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;gap:clamp(.4rem,.6vw,.75rem);justify-content:center;padding:clamp(1rem,2vw,2rem)}.payment-loading svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.2rem,2vw,1.5rem)}.payment-alert{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:clamp(.4rem,.6vw,.75rem);margin-bottom:clamp(.35rem,.6vw,.75rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.8vw,.75rem)}.payment-alert.error{background:#fee2e2;background:var(--error-red-light);border-left:4px solid #dc2626;border-left:4px solid var(--error-red);color:#dc2626;color:var(--error-red)}.payment-alert.success{background:#dcfce7;background:var(--success-green-light);border-left:4px solid #16a34a;border-left:4px solid var(--success-green);color:#16a34a;color:var(--success-green)}.payment-alert button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:auto;min-height:clamp(32px,4vw,36px);min-width:clamp(32px,4vw,36px);opacity:.7;padding:clamp(.15rem,.25vw,.25rem)}.payment-alert button:hover{opacity:1}.payment-alert button svg{font-size:clamp(.7rem,.9vw,.8rem)}.payment-methods-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:768px){.payment-methods-grid{gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.no-payment-methods{background:#f8f8f8;background:var(--light-bg);border:2px dashed #e5e5e5;border:2px dashed var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#5a5a5a;color:var(--slate-gray);grid-column:1/-1;padding:clamp(1rem,2vw,2rem) clamp(.75rem,1.5vw,1.5rem);text-align:center}.no-payment-methods svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.no-payment-methods p{margin:clamp(.15rem,.25vw,.25rem) 0}.no-payment-methods .sub-text{color:#9ca3af;font-size:clamp(.65rem,.9vw,.75rem)}.payment-method-card{align-items:flex-start;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:clamp(.4rem,.6vw,.75rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.6rem,1vw,1rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.payment-method-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm)}.payment-method-card.default{background:#fef3c7;background:var(--secondary-gold-light);border-color:#d9a321;border-color:var(--secondary-gold)}.payment-method-card.default:before{background:linear-gradient(90deg,#d9a321,#b8860b);background:linear-gradient(90deg,var(--secondary-gold),var(--secondary-gold-dark));border-radius:12px 12px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.payment-method-card .payment-method-icon{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:50%;color:#006b2e;color:var(--primary-green);display:flex;font-size:clamp(.8rem,1.2vw,1rem);height:clamp(32px,4vw,40px);justify-content:center;min-width:clamp(32px,4vw,40px);width:clamp(32px,4vw,40px)}.payment-method-card .payment-method-icon svg{font-size:clamp(.8rem,1.2vw,1rem)}.payment-method-card .payment-method-details{flex:1 1;min-width:0}.payment-method-card .payment-method-type{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;flex-wrap:wrap;font-size:clamp(.7rem,1vw,.813rem);font-weight:600;gap:clamp(.25rem,.4vw,.5rem)}.payment-method-card .default-badge{align-items:center;background:#d9a321;background:var(--secondary-gold);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.4rem,.5vw,.5rem);font-weight:600;min-height:clamp(18px,2vw,22px);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.4rem)}.payment-method-card .payment-method-info{color:#5a5a5a;color:var(--slate-gray);display:flex;flex-direction:column;font-size:clamp(.6rem,.8vw,.7rem);gap:clamp(.05rem,.08vw,.1rem);margin-top:clamp(.05rem,.1vw,.1rem)}.payment-method-card .card-name{color:#9ca3af;font-size:clamp(.5rem,.6vw,.6rem)}.payment-method-card .payment-method-actions{align-items:center;display:flex;gap:clamp(.25rem,.4vw,.5rem);margin-top:clamp(.1rem,.15vw,.15rem)}.payment-method-card .set-default-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#3b82f6;color:var(--info-blue);cursor:pointer;font-size:clamp(.45rem,.6vw,.55rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.3rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.payment-method-card .set-default-btn:hover{background:#dbeafe;background:var(--info-blue-light);text-decoration:underline}.payment-method-card .remove-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--error-red);cursor:pointer;display:inline-flex;font-size:clamp(.6rem,.8vw,.75rem);justify-content:center;min-height:clamp(32px,4vw,36px);padding:clamp(.1rem,.15vw,.2rem) clamp(.25rem,.4vw,.4rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.payment-method-card .remove-btn:hover{background:#fee2e2;background:var(--error-red-light)}.payment-method-card .remove-btn svg{font-size:clamp(.6rem,.8vw,.7rem)}.payment-form .payment-type-selector{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}.payment-form .payment-type-selector .type-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;flex:1 1;font-size:clamp(.6rem,.8vw,.75rem);font-weight:500;gap:clamp(.15rem,.25vw,.25rem);justify-content:center;min-height:clamp(40px,5vw,44px);min-width:clamp(60px,15vw,80px);padding:clamp(.25rem,.4vw,.4rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.payment-form .payment-type-selector .type-btn.active,.payment-form .payment-type-selector .type-btn:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.payment-form .payment-type-selector .type-btn.active{background:#fef3c7;background:var(--secondary-gold-light);color:#006b2e;color:var(--primary-green)}.payment-form .payment-type-selector .type-btn svg{font-size:clamp(.6rem,.8vw,.7rem)}.payment-form .checkbox-group{margin:clamp(.25rem,.4vw,.5rem) 0}.payment-form .checkbox-group .checkbox-label{align-items:center;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;font-size:clamp(.7rem,1vw,.813rem);gap:clamp(.3rem,.5vw,.5rem)}.payment-form .checkbox-group .checkbox-label input[type=checkbox]{accent-color:#d9a321;accent-color:var(--secondary-gold);cursor:pointer;height:clamp(16px,2vw,18px);width:clamp(16px,2vw,18px)}.sales-chart{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);padding:clamp(.6rem,1vw,1rem) clamp(.75rem,1.5vw,1.25rem)}@media(min-width:768px){.sales-chart{border-radius:12px;border-radius:var(--radius-md);padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.5rem)}}.chart-header{display:flex;flex-direction:column;gap:clamp(.35rem,.6vw,.75rem);margin-bottom:clamp(.5rem,1vw,1.25rem)}@media(min-width:768px){.chart-header{align-items:center;flex-direction:row;gap:clamp(.5rem,1vw,.75rem);justify-content:space-between}}.chart-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}.chart-title-section .chart-icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.9rem,1.2vw,1.1rem)}.chart-title-section h3{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.85rem,1.2vw,1rem);margin:0}.chart-title-section .badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:clamp(.4rem,.5vw,.5rem);gap:clamp(.1rem,.15vw,.2rem);min-height:clamp(20px,2.5vw,24px);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.chart-title-section .badge.premium{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.chart-title-section .badge.currency{background:#e8f5e9;background:var(--primary-green-light);color:#006b2e;color:var(--primary-green);font-weight:600}.chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.35rem,.6vw,.75rem)}@media(max-width:576px){.chart-controls{align-items:stretch;flex-direction:column}}.chart-stats{color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:clamp(.55rem,.7vw,.65rem);gap:clamp(.25rem,.4vw,.5rem)}.chart-stats strong{color:#1f1f1f;color:var(--charcoal)}.chart-stats.global{background:#dcfce7;background:var(--success-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#16a34a;color:var(--success-green)}.chart-stats.global,.chart-trend{padding:clamp(.05rem,.1vw,.1rem) clamp(.25rem,.4vw,.4rem)}.chart-trend{border-radius:9999px;border-radius:var(--radius-full);font-size:clamp(.55rem,.7vw,.65rem);font-weight:600}.chart-trend.positive{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.chart-trend.negative{background:#fee2e2;background:var(--error-red-light);color:#dc2626;color:var(--error-red)}.chart-period{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);cursor:pointer;font-size:clamp(.55rem,.7vw,.65rem);min-height:clamp(32px,4vw,36px);padding:clamp(.15rem,.25vw,.25rem) clamp(.35rem,.5vw,.6rem)}.chart-period:focus{border-color:#d9a321;border-color:var(--secondary-gold);outline:none}.chart-container{align-items:flex-end;display:flex;height:clamp(120px,25vw,160px);padding:clamp(.25rem,.5vw,.5rem) 0}@media(min-width:768px){.chart-container{height:clamp(160px,30vw,200px)}}.chart-bars{align-items:flex-end;display:flex;gap:clamp(.1rem,.2vw,.2rem);height:100%;justify-content:space-between;width:100%}@media(min-width:768px){.chart-bars{gap:clamp(.15rem,.3vw,.25rem)}}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.chart-bar-container{border-radius:4px 4px 0 0;border-radius:var(--radius-xs) var(--radius-xs) 0 0;display:flex;flex-direction:column-reverse;max-width:clamp(18px,4vw,24px);min-height:4px;overflow:hidden;position:relative;width:100%}@media(min-width:768px){.chart-bar-container{max-width:clamp(24px,5vw,36px)}}.chart-bar{border-radius:4px;border-radius:var(--radius-xs);cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.chart-bar.total{background:linear-gradient(180deg,#d9a321,#b8860b);background:linear-gradient(180deg,var(--secondary-gold),var(--secondary-gold-dark));border-radius:4px 4px 0 0;border-radius:var(--radius-xs) var(--radius-xs) 0 0;min-height:3px}.chart-bar.total.hovered{box-shadow:0 2px 8px #d9a3214d;box-shadow:0 2px 8px rgba(var(--secondary-gold-rgb),.3);transform:scaleY(1.02)}.chart-bar.global{background:#006b2e;background:var(--primary-green);border-radius:4px 4px 0 0;border-radius:var(--radius-xs) var(--radius-xs) 0 0;min-height:2px;opacity:.6}.chart-bar-tooltip{background:#1f1f1f;background:var(--charcoal);border-radius:4px;border-radius:var(--radius-xs);color:#fff;color:var(--white);font-size:clamp(.45rem,.6vw,.55rem);left:50%;min-width:clamp(60px,15vw,80px);padding:clamp(.15rem,.25vw,.25rem) clamp(.3rem,.5vw,.5rem);pointer-events:none;position:absolute;text-align:center;top:clamp(-45px,-8vw,-60px);transform:translateX(-50%);white-space:nowrap}@media(min-width:768px){.chart-bar-tooltip{font-size:clamp(.5rem,.7vw,.6rem);min-width:clamp(70px,18vw,90px);top:clamp(-50px,-8vw,-65px)}}.chart-bar-tooltip:after{border-left:clamp(4px,.6vw,6px) solid #0000;border-right:clamp(4px,.6vw,6px) solid #0000;border-top:clamp(4px,.6vw,6px) solid #1f1f1f;border-top:clamp(4px,.6vw,6px) solid var(--charcoal);bottom:clamp(-4px,-.6vw,-6px);content:"";left:50%;position:absolute;transform:translateX(-50%)}.chart-bar-tooltip .tooltip-day{font-weight:400;opacity:.7}.chart-bar-tooltip .tooltip-value{font-size:clamp(.5rem,.7vw,.65rem);font-weight:600}.chart-bar-tooltip .tooltip-global{color:#16a34a;color:var(--success-green);font-size:clamp(.4rem,.5vw,.5rem);margin-top:clamp(.05rem,.08vw,.1rem)}.chart-label{color:#9ca3af;font-size:clamp(.4rem,.5vw,.5rem);margin-top:clamp(.1rem,.15vw,.2rem);text-align:center}@media(min-width:768px){.chart-label{font-size:clamp(.45rem,.6vw,.55rem)}}.chart-value{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.35rem,.45vw,.45rem);margin-top:clamp(.05rem,.08vw,.1rem);text-align:center}@media(min-width:768px){.chart-value{font-size:clamp(.4rem,.55vw,.5rem)}}.chart-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);justify-content:space-between;margin-top:clamp(.35rem,.6vw,.75rem);padding-top:clamp(.25rem,.4vw,.5rem)}.chart-footer,.chart-legend{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}.chart-legend .legend-item{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.15rem,.2vw,.25rem)}.chart-legend .legend-color{border-radius:4px;border-radius:var(--radius-xs);height:clamp(10px,1.2vw,12px);width:clamp(10px,1.2vw,12px)}.chart-legend .legend-color.total{background:linear-gradient(180deg,#d9a321,#b8860b);background:linear-gradient(180deg,var(--secondary-gold),var(--secondary-gold-dark))}.chart-legend .legend-color.global{background:#006b2e;background:var(--primary-green)}.chart-legend .legend-color.currency{background:#8b5cf6;background:var(--purple-accent)}.chart-info{align-items:center;color:#9ca3af;display:flex;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.15rem,.2vw,.25rem)}.chart-info svg{font-size:clamp(.5rem,.6vw,.65rem)}@media(max-width:576px){.members-grid{grid-template-columns:1fr}.member-card{align-items:stretch;flex-direction:column}.member-actions{justify-content:flex-end}.filter-left{flex-direction:column;width:100%}.search-input{width:100%!important}.team-management-header{align-items:stretch;flex-direction:column}.team-stats{grid-template-columns:1fr 1fr}.payment-methods-grid{grid-template-columns:1fr}.payment-form .form-actions,.payment-form .payment-type-selector{flex-direction:column}.payment-form .form-actions button{width:100%}.chart-controls,.chart-header{align-items:stretch;flex-direction:column}.chart-bar-container{max-width:24px}.chart-container{height:120px}.chart-bar-tooltip{font-size:.45rem;min-width:60px;top:-45px}.payout-stats-grid{grid-template-columns:1fr}.payout-table{font-size:.65rem}.payout-table td,.payout-table th{padding:.3rem .4rem}.payout-form .form-actions{flex-direction:column}.payout-form .form-actions button{width:100%}.source-item{flex-wrap:wrap;gap:.3rem}.source-item .source-info{min-width:80px}.source-item .source-stats{flex:1 1;min-width:100px}.source-item .source-count{min-width:28px}.product-item{flex-wrap:wrap;padding:.5rem}.product-item .product-stats{align-items:flex-start;flex:1 1;margin-left:60px;min-width:auto}.product-item .product-rank{min-width:24px}.product-item .product-avatar{height:32px;width:32px}.product-item .product-name{font-size:.75rem}.product-item .stat-bar{width:100%}.product-item .product-expand-icon{display:none}.top-products-header{align-items:stretch;flex-direction:column}.header-right{justify-content:flex-start}.sort-controls{gap:.25rem}.sort-controls .sort-btn{font-size:.55rem;padding:.1rem .4rem}.traffic-header{align-items:flex-start;flex-direction:column}.preorder-stats-grid{grid-template-columns:repeat(2,1fr)}.product-form .bulk-options-section .bulk-header,.product-form .bulk-options-section .bulk-row,.product-form .price-tiers-section .tier-row,.product-form .price-tiers-section .tiers-header{gap:.15rem;grid-template-columns:1fr}.product-form .form-tabs button{font-size:.6rem;padding:.2rem .4rem}.product-form .form-section{padding:.75rem}.product-form .growpro-banner{flex-wrap:wrap;justify-content:center;text-align:center}.ai-stats-grid{grid-template-columns:repeat(2,1fr)}.ai-conversation-item,.ai-stats-header{align-items:flex-start;flex-direction:column}.ai-conversation-item{gap:.15rem}.product-form .supplier-info-card{flex-wrap:wrap;justify-content:center;text-align:center}.product-form .form-actions{flex-direction:column}.product-form .form-actions button{justify-content:center;width:100%}}@media(max-width:400px){.ai-stats-grid,.preorder-stats-grid,.team-stats{grid-template-columns:1fr}.chart-bar-container{max-width:18px}.chart-container{height:100px}.chart-label{font-size:.4rem}.chart-value{font-size:.35rem}.product-item{align-items:stretch;flex-direction:column}.product-item .product-stats{margin-left:0}.product-item .stat-group{justify-content:space-between}.product-item .product-info{text-align:center}.product-item .product-name,.product-item .product-rating{justify-content:center}.product-item .product-avatar{align-self:center}.source-item{align-items:stretch;flex-direction:column;padding:.5rem}.source-item .source-stats{flex-wrap:wrap}.source-item .source-bar{flex:1 1;min-width:60px}}@media(prefers-reduced-motion:reduce){.ai-stat-card,.analytics-activity-item,.analytics-bulk-card,.analytics-customer-card,.analytics-global-card,.analytics-metric-card,.analytics-status-card,.category-card,.feature-card,.member-card,.payment-method-card,.payout-stat-card,.preorder-stat-card,.product-item,.source-item,.stat-card,.testimonial-card,.trust-card{animation:none!important;transition:none!important}.notification,.tab-content{animation:none!important}.ai-usage-fill,.chart-bar-fill,.progress-fill,.source-bar-fill,.stat-bar-fill{transition:none!important}}@supports(padding:max(0px)){.dashboard-container{padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}@media(min-width:768px){.dashboard-container{padding-bottom:max(1.5rem,env(safe-area-inset-bottom));padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}}.notification{right:max(1.25rem,env(safe-area-inset-right));top:max(1.25rem,env(safe-area-inset-top))}@media(max-width:576px){.notification{left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top))}}.modal-overlay{padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))}}.home-page{overflow-x:hidden;width:100%}.hero-section{align-items:center;background:#014421;background:var(--primary-green-dark);color:#fff;color:var(--white);display:flex;min-height:85vh;min-height:85dvh;overflow:hidden;position:relative}@media(min-width:576px){.hero-section{min-height:90vh}}@media(min-width:768px){.hero-section{min-height:100vh}}.hero-video{height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease;width:auto}.hero-poster{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .5s ease}.hero-overlay,.hero-poster{bottom:0;left:0;position:absolute;right:0;top:0}.hero-overlay{z-index:1}.hero-overlay-gradient{background:linear-gradient(135deg,#000000bf,#006b2ed9 50%,#014421e6);background:linear-gradient(135deg,#000000bf 0,rgba(var(--primary-green-rgb),.85) 50%,rgba(var(--primary-green-dark-rgb),.9) 100%);bottom:0;left:0;position:absolute;right:0;top:0}.hero-overlay-pattern{background-image:radial-gradient(circle at 20% 50%,#d9a3210d 0,#0000 50%),radial-gradient(circle at 80% 20%,#d9a32108 0,#0000 40%),repeating-linear-gradient(45deg,#0000,#0000 50px,#d9a32105 0,#d9a32105 51px);background-image:radial-gradient(circle at 20% 50%,rgba(var(--secondary-gold-rgb),.05) 0,#0000 50%),radial-gradient(circle at 80% 20%,rgba(var(--secondary-gold-rgb),.03) 0,#0000 40%),repeating-linear-gradient(45deg,#0000,#0000 50px,rgba(var(--secondary-gold-rgb),.02) 50px,rgba(var(--secondary-gold-rgb),.02) 51px)}.hero-floating-elements,.hero-overlay-pattern{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-floating-elements{overflow:hidden;z-index:1}.hero-floating-elements .float-element{align-items:center;color:#d9a321;color:var(--secondary-gold);display:flex;font-size:clamp(1.5rem,4vw,3rem);justify-content:center;opacity:.1;position:absolute}.hero-floating-elements .float-element svg{filter:drop-shadow(0 0 20px rgba(217,163,33,.1));filter:drop-shadow(0 0 20px rgba(var(--secondary-gold-rgb),.1))}.hero-floating-elements .float-element.float-1{animation:float 8s ease-in-out infinite;left:5%;top:10%}.hero-floating-elements .float-element.float-2{animation:float 10s ease-in-out infinite reverse;right:8%;top:20%}.hero-floating-elements .float-element.float-3{animation:float 12s ease-in-out infinite;bottom:25%;left:10%}.hero-floating-elements .float-element.float-4{animation:float 9s ease-in-out infinite reverse;bottom:15%;right:5%}@media(max-width:576px){.hero-floating-elements .float-element{opacity:.06}.hero-floating-elements .float-element.float-1{left:3%;top:8%}.hero-floating-elements .float-element.float-2{right:4%;top:15%}.hero-floating-elements .float-element.float-3{bottom:20%;left:4%}.hero-floating-elements .float-element.float-4{bottom:12%;right:4%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}.hero-controls{bottom:1.5rem;display:flex;gap:.5rem;opacity:1;position:absolute;right:1.5rem;z-index:3}@media(min-width:768px){.hero-controls{opacity:0;transition:opacity .3s ease}}.hero-controls button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:all .3s ease;width:40px}@media(min-width:768px){.hero-controls button{font-size:1rem;height:44px;width:44px}}.hero-controls button:hover{background:#d9a321b3;background:rgba(var(--secondary-gold-rgb),.7)}.hero-controls button:active{transform:scale(.92)}@media(min-width:768px){.hero-section:hover .hero-controls{opacity:1}}.hero-content{padding:1.5rem;position:relative;width:100%;z-index:2}@media(min-width:576px){.hero-content{padding:2rem}}@media(min-width:768px){.hero-content{padding:3rem}}.hero-text{max-width:100%}@media(min-width:768px){.hero-text{max-width:700px}}.hero-text h1{color:#fff;color:var(--white);font-size:clamp(2rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:clamp(1rem,2vw,1.5rem)}.hero-text h1 .highlight{color:#d9a321;color:var(--secondary-gold);display:block;position:relative}.hero-text h1 .highlight:after{background:linear-gradient(90deg,#d9a321,#0000);background:linear-gradient(90deg,var(--secondary-gold),#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.hero-text p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.875rem,2vw,1.25rem);line-height:1.7;margin-bottom:clamp(1.25rem,2vw,2rem);max-width:600px;opacity:.9}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d9a32133;background:rgba(var(--secondary-gold-rgb),.2);border:1px solid #d9a32133;border:1px solid rgba(var(--secondary-gold-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.65rem,1vw,.875rem);font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:clamp(.75rem,1.5vw,1.5rem);min-height:36px;padding:.35rem .875rem}@media(min-width:768px){.hero-badge{min-height:44px;padding:.5rem 1.25rem}}.hero-badge svg{color:#d9a321;color:var(--secondary-gold)}.hero-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:clamp(1.25rem,2vw,2rem)}@media(min-width:576px){.hero-buttons{flex-direction:row;flex-wrap:wrap;gap:1rem}}.hero-buttons .btn{min-height:48px}@media(min-width:576px){.hero-buttons .btn{min-height:52px}}.hero-stats{display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1.5rem);margin-bottom:clamp(.75rem,1.5vw,1.5rem)}.hero-stats .hero-stat{align-items:center;color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);display:flex;font-size:clamp(.7rem,1.2vw,.875rem);gap:.4rem}.hero-stats .hero-stat svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,1.2vw,.875rem)}.hero-trust-indicators{display:flex;flex-wrap:wrap;gap:clamp(.4rem,.8vw,.75rem);margin-top:.25rem}.hero-trust-indicators .trust-indicator{align-items:center;background:rgba(#FFFFFF,.05);background:rgba(var(--white),.05);border:1px solid rgba(#ffffff,.05);border:1px solid rgba(var(--white),.05);border-radius:12px;border-radius:var(--radius-md);color:rgba(#FFFFFF,.8);color:rgba(var(--white),.8);display:inline-flex;font-size:clamp(.55rem,.9vw,.7rem);gap:.3rem;min-height:28px;opacity:.7;padding:.15rem .5rem}@media(min-width:768px){.hero-trust-indicators .trust-indicator{min-height:32px;padding:.2rem .6rem}}.hero-trust-indicators .trust-indicator svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.5rem,.8vw,.6rem)}.preorder-promo{background:linear-gradient(135deg,#063d1c,#0b5e2d 50%,#063d1c);overflow:hidden;padding:clamp(2rem,5vw,4rem) 0;position:relative}.preorder-pattern{background-image:radial-gradient(circle at 20% 80%,#d9a3210d 0,#0000 40%),radial-gradient(circle at 80% 20%,#d9a32108 0,#0000 30%),repeating-linear-gradient(45deg,#0000,#0000 80px,#d9a32105 0,#d9a32105 81px);background-image:radial-gradient(circle at 20% 80%,rgba(var(--secondary-gold-rgb),.05) 0,#0000 40%),radial-gradient(circle at 80% 20%,rgba(var(--secondary-gold-rgb),.03) 0,#0000 30%),repeating-linear-gradient(45deg,#0000,#0000 80px,rgba(var(--secondary-gold-rgb),.02) 80px,rgba(var(--secondary-gold-rgb),.02) 81px);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.preorder-content{color:#fff;color:var(--white);margin:0 auto;max-width:700px;position:relative;text-align:center;z-index:1}.preorder-content h2{align-items:center;color:#d9a321;color:var(--secondary-gold);display:flex;flex-wrap:wrap;font-size:clamp(1.25rem,4vw,2.5rem);gap:.5rem;justify-content:center;margin-bottom:clamp(.35rem,1vw,.75rem)}.preorder-content h2 svg{font-size:clamp(1.5rem,4vw,2.5rem)}.preorder-content p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.813rem,1.5vw,1.063rem);margin-bottom:clamp(1rem,2vw,1.5rem);opacity:.9}.preorder-badge,.preorder-content p .highlight{color:#d9a321;color:var(--secondary-gold);font-weight:600}.preorder-badge{align-items:center;background:#d9a32133;background:rgba(var(--secondary-gold-rgb),.2);border:1px solid #d9a32133;border:1px solid rgba(var(--secondary-gold-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;gap:.4rem;margin-bottom:clamp(.5rem,1vw,1rem);min-height:32px;padding:.2rem .75rem}.preorder-badge,.preorder-badge svg{font-size:clamp(.6rem,.9vw,.7rem)}.preorder-features{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:clamp(1.25rem,2vw,2rem)}@media(min-width:576px){.preorder-features{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}}.preorder-features .preorder-feature{align-items:center;color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);display:flex;font-size:clamp(.7rem,1vw,.813rem);gap:.4rem;min-height:32px;opacity:.9}.preorder-features .preorder-feature svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,1vw,.813rem)}.preorder-buttons{display:flex;flex-direction:column;gap:.75rem;justify-content:center}@media(min-width:576px){.preorder-buttons{flex-direction:row;flex-wrap:wrap;gap:1rem}}.preorder-buttons .btn{min-height:48px}@media(min-width:576px){.preorder-buttons .btn{min-height:52px}}.whatsapp-btn{align-items:center;background:#25d366;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.813rem,1.2vw,1rem);font-weight:600;gap:.5rem;min-height:48px;padding:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,2rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:576px){.whatsapp-btn{min-height:52px}}.whatsapp-btn:hover{background:#1da851;box-shadow:0 4px 15px #25d36659;transform:translateY(-2px)}.whatsapp-btn:active{transform:scale(.96)}.preorder-note{color:rgba(#FFFFFF,.6);color:rgba(var(--white),.6);font-size:clamp(.6rem,.8vw,.75rem);margin-top:clamp(.75rem,1.5vw,1.5rem);opacity:.5}.trust-section{background:#f8f8f8;background:var(--light-bg);padding:clamp(2rem,5vw,4rem) 0}.trust-header{margin-bottom:clamp(1.5rem,4vw,3rem);text-align:center}.trust-header .section-tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.6rem,.9vw,.75rem);font-weight:600;gap:.4rem;margin-bottom:clamp(.5rem,1vw,1rem);min-height:32px;padding:.2rem .75rem}.trust-header .section-tag svg{font-size:clamp(.6rem,.9vw,.7rem)}.trust-header h2{font-size:clamp(1.25rem,4vw,2.5rem);margin-bottom:clamp(.35rem,.8vw,.75rem)}.trust-header p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,1rem);margin:0 auto;max-width:600px}.trust-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media(min-width:576px){.trust-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(min-width:768px){.trust-grid{gap:2rem}}.trust-card{background:#fff;background:var(--white);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(.75rem,1.5vw,1.5rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.trust-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.trust-card:active{transform:scale(.98)}.trust-card h4{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.813rem,1.2vw,1rem);margin-bottom:.2rem}.trust-card p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.7rem,1vw,.813rem);margin:0}.trust-icon{align-items:center;border-radius:50%;display:flex;height:clamp(44px,6vw,60px);justify-content:center;margin:0 auto clamp(.5rem,1vw,1rem);width:clamp(44px,6vw,60px)}.trust-icon svg{font-size:clamp(1rem,2vw,1.5rem)}.features-section{background:#fff;background:var(--white);padding:clamp(2rem,5vw,5rem) 0}.features-header{margin-bottom:clamp(1.5rem,4vw,3rem);text-align:center}.features-header .section-tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.6rem,.9vw,.75rem);font-weight:600;gap:.4rem;margin-bottom:clamp(.5rem,1vw,1rem);min-height:32px;padding:.2rem .75rem}.features-header .section-tag svg{font-size:clamp(.6rem,.9vw,.7rem)}.features-header h2{font-size:clamp(1.25rem,4vw,2.5rem);margin-bottom:clamp(.5rem,1vw,1rem)}.features-header p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,1rem);margin:0 auto;max-width:600px}.features-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}@media(min-width:576px){.features-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(min-width:768px){.features-grid{gap:2rem}}@media(max-width:360px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#fff;background:var(--white);border:1px solid #f0f0f0;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);padding:clamp(1rem,2vw,2rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.feature-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card:active{transform:scale(.98)}.feature-card h3{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.875rem,1.2vw,1.125rem);margin-bottom:.35rem}.feature-card p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,1vw,.875rem);line-height:1.6}.feature-icon{align-items:center;border-radius:50%;display:flex;height:clamp(50px,7vw,70px);justify-content:center;margin:0 auto clamp(.75rem,1.5vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:clamp(50px,7vw,70px)}.feature-icon svg{font-size:clamp(1.25rem,2.5vw,1.75rem)}.feature-card:hover .feature-icon{transform:scale(1.08) rotate(-5deg)}.payments-section{background:#fff;background:var(--white);border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;padding:clamp(1.5rem,3vw,3rem) 0}.payments-header{margin-bottom:clamp(1rem,2vw,2rem);text-align:center}.payments-header .section-tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.55rem,.8vw,.65rem);font-weight:600;gap:.4rem;margin-bottom:.35rem;min-height:28px;padding:.15rem .6rem}.payments-header .section-tag svg{font-size:clamp(.55rem,.8vw,.6rem)}.payments-header h3{color:#006b2e;color:var(--primary-green);font-size:clamp(1rem,2vw,1.25rem);margin-bottom:.2rem}.payments-header p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,1vw,.875rem)}.payments-grid{display:flex;flex-wrap:wrap;gap:clamp(.35rem,.8vw,.75rem);justify-content:center}.payments-grid .payment-method{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#1f1f1f;color:var(--charcoal);display:inline-flex;font-size:clamp(.7rem,1vw,.875rem);gap:.3rem;min-height:36px;padding:clamp(.3rem,.6vw,.5rem) clamp(.6rem,1.2vw,1.25rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.payments-grid .payment-method{min-height:44px}}.payments-grid .payment-method:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.payments-grid .payment-method:active{transform:scale(.96)}.payments-grid .payment-method svg{font-size:clamp(.7rem,1vw,.9rem)}.categories-section{background:#f8f8f8;background:var(--light-bg);padding:clamp(2rem,5vw,5rem) 0}.categories-header{margin-bottom:clamp(1.5rem,4vw,3rem);text-align:center}.categories-header .section-tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.6rem,.9vw,.75rem);font-weight:600;gap:.4rem;margin-bottom:clamp(.5rem,1vw,1rem);min-height:32px;padding:.2rem .75rem}.categories-header .section-tag svg{font-size:clamp(.6rem,.9vw,.7rem)}.categories-header h2{font-size:clamp(1.25rem,4vw,2.5rem);margin-bottom:clamp(.5rem,1vw,1rem)}.categories-header p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,1rem);margin:0 auto;max-width:600px}.categories-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}@media(min-width:576px){.categories-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(min-width:768px){.categories-grid{gap:2rem}}@media(max-width:360px){.categories-grid{grid-template-columns:1fr}}.category-card{background:#fff;background:var(--white);border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(1rem,2vw,2rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.category-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-card:active{transform:scale(.98)}.category-card .category-link{display:block;text-decoration:none}.category-card h3{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.875rem,1.2vw,1.125rem);margin-bottom:.35rem}.category-card p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.7rem,1vw,.875rem);margin-bottom:clamp(.5rem,.8vw,.75rem)}.category-icon{align-items:center;border-radius:50%;display:flex;height:clamp(56px,8vw,80px);justify-content:center;margin:0 auto clamp(.75rem,1.5vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:clamp(56px,8vw,80px)}.category-icon svg{font-size:clamp(1.5rem,3vw,2.5rem)}.category-card:hover .category-icon{transform:scale(1.08) rotate(-5deg)}.shop-link{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.75rem,1vw,.875rem);gap:.3rem}.shop-link svg{font-size:clamp(.6rem,.8vw,.7rem)}.category-card:hover .shop-link{gap:.6rem}.featured-section{background:#fff;background:var(--white);padding:clamp(2rem,5vw,5rem) 0}.featured-header{margin-bottom:clamp(1.5rem,4vw,3rem);text-align:center}.featured-header .section-tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.6rem,.9vw,.75rem);font-weight:600;gap:.4rem;margin-bottom:clamp(.5rem,1vw,1rem);min-height:32px;padding:.2rem .75rem}.featured-header .section-tag svg{font-size:clamp(.6rem,.9vw,.7rem)}.featured-header h2{font-size:clamp(1.25rem,4vw,2.5rem);margin-bottom:clamp(.5rem,1vw,1rem)}.featured-header p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,1rem);margin:0 auto;max-width:600px}.loader-container{padding:clamp(2rem,5vw,4rem)}.products-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:1fr 1fr}@media(min-width:576px){.products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(min-width:768px){.products-grid{gap:2rem}}@media(max-width:360px){.products-grid{grid-template-columns:1fr}}.empty-products{color:#5a5a5a;color:var(--slate-gray);grid-column:1/-1;padding:clamp(2rem,5vw,4rem);text-align:center}.empty-products svg{color:#e5e5e5;color:var(--border-light);font-size:clamp(2rem,5vw,3rem);margin-bottom:.75rem}.view-all{margin-top:clamp(1.5rem,3vw,2.5rem);text-align:center}.testimonials-section{background:#f8f8f8;background:var(--light-bg);padding:clamp(2rem,5vw,5rem) 0}.testimonials-header{margin-bottom:clamp(1.5rem,4vw,3rem);text-align:center}.testimonials-header .section-tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.6rem,.9vw,.75rem);font-weight:600;gap:.4rem;margin-bottom:clamp(.5rem,1vw,1rem);min-height:32px;padding:.2rem .75rem}.testimonials-header .section-tag svg{font-size:clamp(.6rem,.9vw,.7rem)}.testimonials-header h2{font-size:clamp(1.25rem,4vw,2.5rem);margin-bottom:clamp(.5rem,1vw,1rem)}.testimonials-header p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,1rem);margin:0 auto;max-width:600px}.testimonials-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:576px){.testimonials-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(min-width:768px){.testimonials-grid{gap:2rem}}.testimonial-card{background:#fff;background:var(--white);border:1px solid #f0f0f0;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:clamp(1rem,2vw,2rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.testimonial-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.testimonial-card h3{color:#006b2e;color:var(--primary-green);font-size:clamp(.875rem,1.1vw,1.1rem);font-weight:600;margin-bottom:.35rem}.testimonial-card p{color:#5a5a5a;color:var(--slate-gray);flex:1 1;font-size:clamp(.813rem,1vw,.938rem);font-style:italic;line-height:1.7;margin-bottom:clamp(.75rem,1vw,1.25rem)}.testimonial-quote{margin-bottom:clamp(.5rem,.8vw,.75rem)}.testimonial-quote svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.5rem,3vw,2.5rem);opacity:.3}.testimonial-stars{display:flex;gap:.15rem;margin-bottom:clamp(.5rem,.8vw,.75rem)}.testimonial-stars svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,1vw,.9rem)}.testimonial-author{align-items:center;display:flex;gap:.75rem;margin-top:auto}.testimonial-author strong{color:#1f1f1f;color:var(--charcoal);display:block;font-size:clamp(.813rem,1vw,.938rem)}.testimonial-author span{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.65rem,.8vw,.75rem)}.testimonial-avatar{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:clamp(.875rem,1.2vw,1rem);font-weight:600;height:clamp(40px,5vw,48px);justify-content:center;overflow:hidden;width:clamp(40px,5vw,48px)}.testimonial-avatar img{height:100%;object-fit:cover;width:100%}.testimonial-product{align-items:center;color:#d9a321;color:var(--secondary-gold);display:flex;font-size:clamp(.6rem,.8vw,.7rem);gap:.25rem;margin-top:.5rem}.testimonial-product svg{font-size:clamp(.6rem,.8vw,.65rem)}.empty-testimonials{color:#5a5a5a;color:var(--slate-gray);grid-column:1/-1;padding:clamp(2rem,5vw,4rem);text-align:center}.empty-testimonials svg{color:#e5e5e5;color:var(--border-light);font-size:clamp(2rem,5vw,3rem);margin-bottom:.75rem}.view-all-testimonials{margin-top:clamp(1.25rem,2vw,2rem);text-align:center}.about-section{background:#fff;background:var(--white);padding:clamp(2rem,5vw,5rem) 0}.about-grid{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.about-grid{gap:3rem;grid-template-columns:1fr 1fr}}@media(min-width:1024px){.about-grid{gap:4rem}}.about-text .section-tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.6rem,.9vw,.75rem);font-weight:600;gap:.4rem;margin-bottom:clamp(.5rem,1vw,1rem);min-height:32px;padding:.2rem .75rem}.about-text .section-tag svg{font-size:clamp(.6rem,.9vw,.7rem)}.about-text h2{font-size:clamp(1.25rem,3.5vw,2.5rem);margin-bottom:clamp(.5rem,1vw,1rem)}.about-text>p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,1rem);line-height:1.7}.about-features,.about-text>p{margin-bottom:clamp(1rem,1.5vw,1.5rem)}.about-features{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}@media(min-width:576px){.about-features{gap:.75rem;grid-template-columns:1fr 1fr}}.about-features .about-feature{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.75rem,1vw,.813rem);gap:.4rem;min-height:36px}.about-features .about-feature svg{flex-shrink:0;font-size:clamp(.7rem,.9vw,.813rem)}.about-buttons{display:flex;flex-direction:column;gap:.75rem}@media(min-width:576px){.about-buttons{flex-direction:row;flex-wrap:wrap;gap:1rem}}.about-buttons .btn{min-height:48px}@media(min-width:576px){.about-buttons .btn{min-height:52px}}.about-buttons .whatsapp-btn{align-items:center;background:#25d366;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.75rem,1vw,.875rem);font-weight:600;gap:.5rem;min-height:48px;padding:clamp(.5rem,.8vw,.625rem) clamp(.75rem,1.5vw,1.5rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:576px){.about-buttons .whatsapp-btn{min-height:52px}}.about-buttons .whatsapp-btn:hover{background:#1da851;box-shadow:0 4px 15px #25d36659;transform:translateY(-2px)}.about-buttons .whatsapp-btn:active{transform:scale(.96)}.about-image-content{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:24px;border-radius:var(--radius-xl);color:#fff;color:var(--white);display:flex;flex-direction:column;height:clamp(200px,40vw,400px);justify-content:center;overflow:hidden;padding:1.5rem;position:relative;text-align:center}@media(min-width:768px){.about-image-content{height:300px}}.about-image-pattern{background:radial-gradient(circle at 30% 40%,#d9a3211a 0,#0000 50%),radial-gradient(circle at 70% 60%,#d9a3210d 0,#0000 40%);background:radial-gradient(circle at 30% 40%,rgba(var(--secondary-gold-rgb),.1) 0,#0000 50%),radial-gradient(circle at 70% 60%,rgba(var(--secondary-gold-rgb),.05) 0,#0000 40%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.about-icon{font-size:clamp(3rem,8vw,5rem);margin-bottom:clamp(.5rem,1vw,1rem);opacity:.4;z-index:1}.about-brand{font-size:clamp(1.25rem,4vw,2rem);font-weight:700;z-index:1}.about-tagline{font-size:clamp(.75rem,1.5vw,1rem);opacity:.8;z-index:1}.about-nra{align-items:center;display:flex;gap:.4rem;margin-top:clamp(.5rem,.8vw,.75rem);opacity:.7;z-index:1}.about-nra,.about-nra svg{font-size:clamp(.7rem,1vw,.875rem)}.stats-section{background:#f8f8f8;background:var(--light-bg);padding:clamp(2rem,5vw,5rem) 0}.stats-grid{grid-gap:.75rem;gap:.75rem}@media(min-width:576px){.stats-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(min-width:768px){.stats-grid{gap:2rem}}.stat-item{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(.75rem,1.5vw,1.5rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.stat-item:hover{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-item:active{transform:scale(.98)}.stat-icon{border-radius:50%;height:clamp(40px,5vw,60px);margin:0 auto clamp(.35rem,.8vw,.75rem);width:clamp(40px,5vw,60px)}.stat-icon svg{font-size:clamp(.9rem,2vw,1.5rem)}.stat-value{color:#006b2e;color:var(--primary-green);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;margin-bottom:.15rem}.stat-label{font-size:clamp(.7rem,1vw,.875rem)}.cta-section{background:linear-gradient(135deg,#006b2e,#014421 50%,#063d1c);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 50%,#063d1c 100%);overflow:hidden;padding:clamp(2rem,6vw,5rem) clamp(1rem,3vw,2rem);position:relative;text-align:center}.cta-pattern{background-image:radial-gradient(circle at 20% 80%,#d9a3210d 0,#0000 40%),radial-gradient(circle at 80% 20%,#d9a32108 0,#0000 30%),repeating-linear-gradient(45deg,#0000,#0000 100px,#d9a32105 0,#d9a32105 101px);background-image:radial-gradient(circle at 20% 80%,rgba(var(--secondary-gold-rgb),.05) 0,#0000 40%),radial-gradient(circle at 80% 20%,rgba(var(--secondary-gold-rgb),.03) 0,#0000 30%),repeating-linear-gradient(45deg,#0000,#0000 100px,rgba(var(--secondary-gold-rgb),.02) 100px,rgba(var(--secondary-gold-rgb),.02) 101px);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.cta-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.cta-content h2{align-items:center;color:#fff;color:var(--white);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:clamp(.5rem,1.5vw,1rem)}.cta-content h2,.cta-content h2 svg{font-size:clamp(1.25rem,4vw,2.5rem)}.cta-content p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.813rem,1.5vw,1.125rem);margin-bottom:clamp(1.25rem,2vw,2rem);margin-left:auto;margin-right:auto;max-width:600px}.cta-badge{align-items:center;background:#d9a32133;background:rgba(var(--secondary-gold-rgb),.2);border:1px solid #d9a32133;border:1px solid rgba(var(--secondary-gold-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-weight:600;gap:.4rem;margin-bottom:clamp(.75rem,1.5vw,1.5rem);min-height:32px;padding:.2rem .75rem}.cta-badge,.cta-badge svg{font-size:clamp(.6rem,.9vw,.7rem)}.cta-buttons{display:flex;flex-direction:column;gap:.75rem;justify-content:center}@media(min-width:576px){.cta-buttons{flex-direction:row;flex-wrap:wrap;gap:1rem}}.cta-buttons .btn{min-height:48px}@media(min-width:576px){.cta-buttons .btn{min-height:52px}}.cta-buttons .whatsapp-btn{align-items:center;background:#25d366;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.813rem,1.2vw,1rem);font-weight:600;gap:.5rem;min-height:48px;padding:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,2rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:576px){.cta-buttons .whatsapp-btn{min-height:52px}}.cta-buttons .whatsapp-btn:hover{background:#1da851;box-shadow:0 4px 15px #25d36659;transform:translateY(-2px)}.cta-buttons .whatsapp-btn:active{transform:scale(.96)}.product-card{background:#fff;background:var(--white);border:1px solid #f0f0f0;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card:active{transform:scale(.98)}.product-card .product-card-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.product-card .product-image-wrapper{background:#f8f8f8;background:var(--light-bg);overflow:hidden;padding-top:75%;position:relative}.product-card .product-image-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%}.product-card .product-card:hover .product-image-wrapper img{transform:scale(1.05)}.product-card .product-image-placeholder{align-items:center;background:#f8f8f8;background:var(--light-bg);color:#d9a321;color:var(--secondary-gold);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.product-card .product-image-placeholder svg{font-size:clamp(2rem,4vw,3rem)}.product-card .product-image-placeholder span{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.8vw,.7rem);margin-top:.25rem}.product-card .badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:flex;font-size:clamp(.45rem,.6vw,.55rem);font-weight:600;gap:clamp(.15rem,.2vw,.2rem);letter-spacing:.3px;min-height:clamp(22px,2.5vw,26px);padding:clamp(.1rem,.2vw,.15rem) clamp(.3rem,.5vw,.5rem);position:absolute;text-transform:uppercase;z-index:2}.product-card .badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.product-card .badge-featured{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white);right:.5rem;top:.5rem}.product-card .badge-out-of-stock{background:#dc2626;background:var(--error-red);color:#fff;color:var(--white);left:.5rem;top:.5rem}.product-card .badge-preorder{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white);left:.5rem;top:.5rem}.product-card .badge-preorder-ready{background:#f59e0b;background:var(--warning-yellow);color:#fff;color:var(--white);left:.5rem;top:.5rem}.product-card .badge-origin{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#006b2ed9;background:rgba(var(--primary-green-rgb),.85);bottom:.5rem;color:#fff;color:var(--white);font-size:clamp(.4rem,.5vw,.5rem);right:.5rem}.product-card .whatsapp-btn{align-items:center;background:#25d366;border:none;border-radius:9999px;border-radius:var(--radius-full);bottom:.5rem;box-shadow:0 2px 8px #25d3664d;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:clamp(.45rem,.6vw,.55rem);font-weight:600;gap:clamp(.15rem,.2vw,.2rem);left:.5rem;min-height:clamp(24px,3vw,28px);padding:clamp(.1rem,.15vw,.15rem) clamp(.3rem,.5vw,.5rem);position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);z-index:2}.product-card .whatsapp-btn:hover{background:#1da851;transform:scale(1.08)}.product-card .whatsapp-btn:active{transform:scale(.92)}.product-card .whatsapp-btn svg{font-size:clamp(.4rem,.5vw,.5rem)}.product-card .product-body{display:flex;flex:1 1;flex-direction:column;gap:clamp(.05rem,.1vw,.1rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.5rem,.8vw,1rem)}.product-card .product-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#006b2e;color:var(--primary-green);display:-webkit-box;font-size:clamp(.75rem,1vw,.875rem);font-weight:600;line-height:1.3;margin:0;min-height:clamp(26px,3vw,38px);overflow:hidden}.product-card .product-category{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.65rem);text-transform:capitalize}.product-card .product-price-row{display:flex;flex-direction:column;margin:clamp(.05rem,.1vw,.1rem) 0}.product-card .product-price{align-items:baseline;color:#d9a321;color:var(--secondary-gold);display:flex;flex-wrap:wrap;font-size:clamp(.875rem,1.2vw,1rem);font-weight:700;gap:clamp(.15rem,.25vw,.2rem)}.product-card .product-price .unit{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.65rem);font-weight:400}.product-card .product-price .discount-badge{align-items:center;background:#16a34a;background:var(--success-green);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);font-weight:600;gap:clamp(.1rem,.15vw,.15rem);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.3rem)}.product-card .product-price .discount-badge svg{font-size:clamp(.35rem,.4vw,.4rem)}.product-card .product-original-price{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.65rem);text-decoration:line-through}.product-card .size-tags{display:flex;flex-wrap:wrap;gap:clamp(.15rem,.2vw,.2rem);margin:clamp(.1rem,.15vw,.15rem) 0}.product-card .size-tags .size-tag{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);display:inline-flex;font-size:clamp(.45rem,.6vw,.55rem);gap:clamp(.1rem,.15vw,.15rem);min-height:clamp(20px,2.5vw,24px);padding:clamp(.05rem,.08vw,.1rem) clamp(.3rem,.4vw,.4rem)}.product-card .size-tags .size-tag.preorder-size{background:#fef3c7;background:var(--secondary-gold-light);border:1px solid #d9a321;border:1px solid var(--secondary-gold);color:#b8860b;color:var(--secondary-gold-dark)}.product-card .size-tags .size-tag .preorder-dot{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.35rem,.4vw,.4rem)}.product-card .farmer-badge{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);display:inline-flex;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.15rem,.2vw,.2rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.08vw,.1rem) clamp(.3rem,.4vw,.4rem);width:-webkit-fit-content;width:fit-content}.product-card .farmer-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.product-card .pre-order-badge{align-items:center;background:#fef3c7;background:var(--secondary-gold-light);border-radius:8px;border-radius:var(--radius-sm);color:#b8860b;color:var(--secondary-gold-dark);display:inline-flex;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.15rem,.2vw,.2rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.08vw,.1rem) clamp(.3rem,.4vw,.4rem);width:-webkit-fit-content;width:fit-content}.product-card .pre-order-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.product-card .preorder-only-message{align-items:center;color:#f59e0b;color:var(--warning-yellow);display:flex;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.15rem,.2vw,.25rem)}.product-card .preorder-only-message svg{font-size:clamp(.4rem,.5vw,.5rem)}.product-card .low-stock-warning{align-items:center;color:#f59e0b;color:var(--warning-yellow);display:flex;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.15rem,.2vw,.25rem)}.product-card .low-stock-warning svg{font-size:clamp(.4rem,.5vw,.5rem)}.product-card .product-actions{margin-top:auto;padding-top:clamp(.25rem,.4vw,.5rem)}.product-card .view-details-btn{align-items:center;color:#006b2e;color:var(--primary-green);display:inline-flex;font-size:clamp(.6rem,.7vw,.7rem);font-weight:500;gap:clamp(.2rem,.3vw,.3rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-card .view-details-btn.preorder-action{color:#d9a321;color:var(--secondary-gold)}.product-card .view-details-btn svg{font-size:clamp(.5rem,.6vw,.6rem)}.product-card .product-card:hover .view-details-btn{color:#d9a321;color:var(--secondary-gold);transform:translateX(4px)}.product-card .product-card:hover .view-details-btn.preorder-action{color:#b8860b;color:var(--secondary-gold-dark)}@media(max-width:768px){.product-card .product-image-wrapper{padding-top:65%}.product-card .product-body h3{font-size:clamp(.7rem,.9vw,.813rem);min-height:clamp(24px,2.8vw,34px)}.product-card .product-price{font-size:clamp(.75rem,1vw,.875rem)}}@media(max-width:576px){.product-card .product-image-wrapper{padding-top:60%}.product-card .product-body{padding:clamp(.35rem,.5vw,.5rem) clamp(.35rem,.5vw,.6rem)}.product-card .product-body h3{font-size:clamp(.6rem,.8vw,.7rem);min-height:clamp(20px,2.5vw,26px)}.product-card .product-category{font-size:clamp(.45rem,.5vw,.55rem)}.product-card .product-price{font-size:clamp(.65rem,.8vw,.75rem)}.product-card .badge,.product-card .whatsapp-btn{min-height:clamp(18px,2vw,22px)}.product-card .badge,.product-card .size-tag,.product-card .whatsapp-btn{font-size:clamp(.35rem,.4vw,.45rem);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.3rem)}.product-card .size-tag{min-height:clamp(16px,2vw,20px)}.product-card .farmer-badge,.product-card .pre-order-badge{font-size:clamp(.4rem,.5vw,.5rem);min-height:clamp(20px,2.5vw,24px);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.3rem)}.product-card .view-details-btn{font-size:clamp(.5rem,.6vw,.6rem)}.product-card .low-stock-warning,.product-card .preorder-only-message{font-size:clamp(.4rem,.5vw,.5rem)}}.products-page{background:#fff;background:var(--white);min-height:100vh}.products-hero{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff;color:var(--white);overflow:hidden;padding:clamp(2rem,5vw,3rem) clamp(.75rem,3vw,1.5rem);position:relative;text-align:center}.products-hero .products-hero-overlay{background:#d9a32114;background:rgba(var(--secondary-gold-rgb),.08);border-radius:50%;height:clamp(200px,40vw,500px);pointer-events:none;position:absolute;right:-20%;top:-50%;width:clamp(200px,40vw,500px)}.products-hero .products-hero-content{position:relative;z-index:2}.products-hero .products-hero-content .hero-icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:clamp(.5rem,1vw,.75rem)}.products-hero .products-hero-content h1{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.products-hero .products-hero-content p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.813rem,1.5vw,1rem);margin:0 auto;max-width:600px;opacity:.9}.products-hero .hero-breadcrumb{align-items:center;display:flex;font-size:clamp(.65rem,.8vw,.75rem);gap:clamp(.25rem,.4vw,.5rem);justify-content:center;margin-top:clamp(.5rem,.8vw,.75rem);opacity:.7}.products-hero .hero-breadcrumb a{color:#d9a321;color:var(--secondary-gold);text-decoration:none}.products-hero .hero-breadcrumb a:hover{text-decoration:underline}.products-content{margin:0 auto;max-width:1280px;max-width:var(--container-xl);padding:clamp(1.25rem,3vw,2.5rem) clamp(.75rem,2vw,1rem)}.preorder-cta{align-items:center;background:linear-gradient(135deg,#063d1c,#0b5e2d);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);display:flex;flex-direction:column;gap:clamp(.5rem,.8vw,.75rem);margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(.6rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem)}@media(min-width:576px){.preorder-cta{flex-direction:row;justify-content:space-between}}.preorder-cta .preorder-cta-content{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.35rem,.6vw,.5rem);justify-content:center}@media(min-width:576px){.preorder-cta .preorder-cta-content{justify-content:flex-start}}.preorder-cta .preorder-cta-content svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1rem,1.5vw,1.1rem)}.preorder-cta .preorder-cta-content strong{font-size:clamp(.75rem,1.2vw,.938rem)}.preorder-cta .preorder-cta-content span{font-size:clamp(.65rem,.9vw,.813rem);opacity:.9}.preorder-cta .preorder-cta-btn{align-items:center;background:#d9a321;background:var(--secondary-gold);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.7rem,1vw,.875rem);font-weight:600;gap:clamp(.2rem,.3vw,.3rem);justify-content:center;min-height:clamp(36px,4.5vw,40px);padding:clamp(.25rem,.4vw,.3rem) clamp(.6rem,1.2vw,1rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap;width:100%}@media(min-width:576px){.preorder-cta .preorder-cta-btn{width:auto}}.preorder-cta .preorder-cta-btn:hover{background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.preorder-cta .preorder-cta-btn:active{transform:scale(.95)}.error-notice{align-items:center;background:#fee2e2;background:var(--error-red-light);border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--error-red);display:flex;flex-wrap:wrap;font-size:clamp(.7rem,1vw,.813rem);gap:clamp(.3rem,.5vw,.5rem);justify-content:center;margin-bottom:clamp(1rem,2vw,1.5rem);min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.6vw,.5rem) clamp(.6rem,.8vw,.75rem);text-align:center}.error-notice svg{flex-shrink:0;font-size:clamp(.8rem,1vw,.9rem)}.farmer-notice{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff;color:var(--white);flex-direction:column;font-size:clamp(.7rem,1vw,.875rem);gap:clamp(.25rem,.4vw,.5rem);margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.6rem,1vw,1rem);text-align:center}@media(min-width:576px){.farmer-notice{flex-direction:row;gap:clamp(.5rem,.8vw,.75rem);justify-content:center}}.farmer-notice svg{font-size:clamp(1rem,1.5vw,1.25rem)}.farmer-notice strong,.farmer-notice svg{color:#d9a321;color:var(--secondary-gold)}.payment-notice{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border:1px solid #c8e6c9;border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);display:flex;flex-direction:column;font-size:clamp(.7rem,1vw,.813rem);gap:clamp(.25rem,.4vw,.5rem);margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(.4rem,.6vw,.5rem) clamp(.6rem,.8vw,.75rem);text-align:center}@media(min-width:576px){.payment-notice{flex-direction:row;flex-wrap:wrap;justify-content:center}}.payment-notice .whatsapp-link{align-items:center;color:#25d366;display:inline-flex;font-weight:600;gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(32px,4vw,36px);text-decoration:none}.payment-notice .whatsapp-link:hover{text-decoration:underline}.search-filter-section{margin-bottom:clamp(1rem,2vw,1.5rem)}.search-row{display:flex;flex-direction:column;gap:clamp(.5rem,.8vw,.75rem)}@media(min-width:768px){.search-row{align-items:center;flex-direction:row}}.search-form{display:flex;flex:1 1;gap:clamp(.35rem,.5vw,.5rem);width:100%}@media(min-width:768px){.search-form{max-width:500px}}.search-input-wrapper{flex:1 1;position:relative}.search-input-wrapper .search-icon{color:#9ca3af;font-size:clamp(.75rem,.9vw,.875rem);left:clamp(.5rem,.7vw,.75rem);position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrapper .search-input{background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.75rem,1vw,.938rem);min-height:clamp(40px,5vw,44px);outline:none;padding:clamp(.35rem,.5vw,.5rem) clamp(2rem,3vw,2.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.search-input-wrapper .search-input:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15)}.search-input-wrapper .search-input::placeholder{color:#9ca3af;opacity:.7}.search-input-wrapper .clear-search{align-items:center;background:none;border:none;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;font-size:clamp(.75rem,.9vw,.875rem);justify-content:center;min-height:clamp(32px,4vw,36px);min-width:clamp(32px,4vw,36px);padding:clamp(.15rem,.25vw,.25rem);position:absolute;right:clamp(.35rem,.5vw,.5rem);top:50%;transform:translateY(-50%)}.search-input-wrapper .clear-search:hover{color:#dc2626;color:var(--error-red)}.search-btn{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.75rem,1vw,.938rem);font-weight:600;gap:clamp(.25rem,.4vw,.5rem);min-height:clamp(40px,5vw,44px);padding:clamp(.35rem,.5vw,.5rem) clamp(.6rem,1vw,1.25rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.search-btn:hover{background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.search-btn:active{transform:scale(.95)}.filter-toggle{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.75rem,1vw,.875rem);font-weight:500;gap:clamp(.25rem,.4vw,.5rem);justify-content:center;min-height:clamp(40px,5vw,44px);padding:clamp(.35rem,.5vw,.5rem) clamp(.6rem,.8vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}@media(min-width:768px){.filter-toggle{width:auto}}.filter-toggle:hover{background:#f0f0f0;border-color:#d9a321;border-color:var(--secondary-gold)}.filter-toggle:active{transform:scale(.95)}.filter-toggle svg{font-size:clamp(.7rem,.9vw,.8rem)}.filter-chips{display:flex;flex-wrap:wrap;gap:clamp(.3rem,.4vw,.4rem);margin-top:clamp(.5rem,.8vw,.75rem);max-height:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.filter-chips.open{max-height:300px;opacity:1}.filter-chips .filter-chip{align-items:center;background:#f8f8f8;background:var(--light-bg);border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.6rem,.8vw,.813rem);font-weight:400;gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.3vw,.3rem) clamp(.5rem,.7vw,.8rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.filter-chips .filter-chip:hover{background:#e8f5e9;background:var(--primary-green-light);transform:translateY(-2px)}.filter-chips .filter-chip.active{background:#d9a321;background:var(--secondary-gold);border-color:#d9a321;border-color:var(--secondary-gold);color:#fff;color:var(--white);font-weight:600}.filter-chips .filter-chip:active{transform:scale(.95)}.filter-chips .filter-chip svg{font-size:clamp(.5rem,.6vw,.6rem)}.results-header{color:#5a5a5a;color:var(--slate-gray);display:flex;flex-direction:column;font-size:clamp(.7rem,.9vw,.875rem);gap:clamp(.2rem,.3vw,.25rem);margin-bottom:clamp(.75rem,1.5vw,1rem)}@media(min-width:576px){.results-header{align-items:center;flex-direction:row;justify-content:space-between}}.results-header .bulk-badge{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-size:clamp(.6rem,.8vw,.75rem);gap:clamp(.15rem,.25vw,.25rem)}.results-header .bulk-badge svg{font-size:clamp(.55rem,.7vw,.65rem)}.results-header .clear-filters{align-items:center;background:none;border:none;color:#d9a321;color:var(--secondary-gold);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.65rem,.8vw,.75rem);font-weight:500;gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(32px,4vw,36px)}.results-header .clear-filters:hover{color:#b8860b;color:var(--secondary-gold-dark);text-decoration:underline}.results-header .clear-filters svg{font-size:clamp(.55rem,.7vw,.65rem)}.products-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:repeat(2,1fr)}@media(min-width:576px){.products-grid{gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(min-width:768px){.products-grid{gap:clamp(1rem,2vw,2rem);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.empty-state{color:#5a5a5a;color:var(--slate-gray);padding:clamp(2rem,5vw,4rem) clamp(1rem,2vw,2rem);text-align:center}.empty-state .empty-icon{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:clamp(.5rem,1vw,1rem)}.empty-state h3{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.1rem,1.5vw,1.25rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.empty-state p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.875rem,1.2vw,1rem);margin-bottom:clamp(.75rem,1.5vw,1rem)}.empty-state .clear-filters-btn{background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,1vw,.938rem);font-weight:500;min-height:clamp(40px,5vw,44px);padding:clamp(.35rem,.5vw,.5rem) clamp(1rem,1.5vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.empty-state .clear-filters-btn:hover{background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.empty-state .clear-filters-btn:active{transform:scale(.95)}.product-detail-page{margin:0 auto;max-width:1280px;max-width:var(--container-xl);padding:clamp(1rem,2vw,2rem) clamp(.75rem,2vw,2rem)}.product-detail-page .back-button{align-items:center;background:none;border:none;color:#d9a321;color:var(--secondary-gold);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.875rem,1vw,1rem);gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-detail-page .back-button:hover{color:#b8860b;color:var(--secondary-gold-dark);transform:translateX(-5px)}.product-detail-page .message{align-items:center;animation:slideDown .3s ease;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.product-detail-page .message.success{background:#dcfce7;background:var(--success-green-light);border:1px solid #86efac;color:#166534}.product-detail-page .message.error{background:#fee2e2;background:var(--error-red-light);border:1px solid #fca5a5;color:#991b1b}.product-detail-page .message.warning{background:#fef3c7;background:var(--warning-yellow-light);border:1px solid #fcd34d;color:#92400e}.product-detail-page .preorder-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);background:linear-gradient(135deg,var(--secondary-gold-light) 0,#fde68a 100%);border:2px solid #d9a321;border:2px solid var(--secondary-gold);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.product-detail-page .preorder-banner svg{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:1.5rem}.product-detail-page .preorder-banner div{flex:1 1}.product-detail-page .preorder-banner strong{color:#92400e;display:block;font-size:.938rem}.product-detail-page .preorder-banner span{color:#78350f;font-size:.875rem}.product-detail-page .preorder-banner .preorder-banner-btn{align-items:center;background:#d9a321;background:var(--secondary-gold);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.4rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.product-detail-page .preorder-banner .preorder-banner-btn:hover{background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}@media(max-width:576px){.product-detail-page .preorder-banner{flex-direction:column;text-align:center}.product-detail-page .preorder-banner .preorder-banner-btn{justify-content:center;width:100%}}.product-detail-page .product-detail-error{padding:4rem 2rem;text-align:center}.product-detail-page .product-detail-error svg{color:#d9a321;color:var(--secondary-gold);font-size:3rem;margin-bottom:1rem}.product-detail-page .product-detail-error h2{color:#006b2e;color:var(--primary-green);margin-bottom:.5rem}.product-detail-page .product-detail-error p{color:#5a5a5a;color:var(--slate-gray)}.product-detail-page .product-detail-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.product-detail-page .product-detail-grid{gap:3rem;grid-template-columns:1fr 1fr}}@media(max-width:576px){.product-detail-page .product-detail-grid{gap:1.5rem}}.product-detail-page .product-gallery{display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.product-detail-page .product-gallery{gap:.75rem}}.product-detail-page .product-gallery .main-image{align-items:center;aspect-ratio:1;background:#f8f8f8;background:var(--light-bg);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.product-detail-page .product-gallery .main-image img{height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:100%}.product-detail-page .product-gallery .image-placeholder{align-items:center;color:#d9a321;color:var(--secondary-gold);display:flex;flex-direction:column;font-size:3rem;gap:.5rem;justify-content:center}.product-detail-page .product-gallery .image-placeholder span{color:#5a5a5a;color:var(--slate-gray);font-size:.75rem}.product-detail-page .product-gallery .thumbnail-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}@media(max-width:576px){.product-detail-page .product-gallery .thumbnail-grid{gap:.5rem}}.product-detail-page .product-gallery .thumbnail-grid .thumbnail-item{aspect-ratio:1;background:#f8f8f8;background:var(--light-bg);border:2px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-detail-page .product-gallery .thumbnail-grid .thumbnail-item.active{border-color:#d9a321;border-color:var(--secondary-gold)}.product-detail-page .product-gallery .thumbnail-grid .thumbnail-item:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:scale(1.02)}.product-detail-page .product-gallery .thumbnail-grid .thumbnail-item img{height:100%;object-fit:cover;width:100%}.product-detail-page .product-info h1{color:#006b2e;color:var(--primary-green);font-size:clamp(1.25rem,2.5vw,2rem);margin-bottom:.5rem}@media(max-width:768px){.product-detail-page .product-info h1{font-size:1.25rem}}@media(max-width:576px){.product-detail-page .product-info h1{font-size:1.1rem}}.product-detail-page .product-info .product-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.product-detail-page .product-info .product-tags .tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.25rem .75rem;text-transform:capitalize}.product-detail-page .product-info .product-tags .tag.origin{background:#e8f5e9;background:var(--primary-green-light);color:#006b2e;color:var(--primary-green)}.product-detail-page .product-info .product-tags .tag.preorder{background:#fef3c7;background:var(--secondary-gold-light);color:#b8860b;color:var(--secondary-gold-dark)}.product-detail-page .product-info .trust-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}@media(max-width:576px){.product-detail-page .product-info .trust-badges{gap:.25rem}}.product-detail-page .product-info .trust-badges .trust-badge{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border-radius:12px;border-radius:var(--radius-md);color:#006b2e;color:var(--primary-green);display:inline-flex;font-size:.65rem;gap:.25rem;padding:.15rem .5rem}.product-detail-page .product-info .trust-badges .trust-badge.preorder{background:#fef3c7;background:var(--secondary-gold-light);color:#b8860b;color:var(--secondary-gold-dark)}@media(max-width:576px){.product-detail-page .product-info .trust-badges .trust-badge{font-size:.55rem;padding:.1rem .35rem}}.product-detail-page .product-info .size-section{margin-bottom:1rem}.product-detail-page .product-info .size-section h4{color:#1f1f1f;color:var(--charcoal);font-size:.813rem;margin-bottom:.25rem}.product-detail-page .product-info .size-section h4 svg{color:#d9a321;color:var(--secondary-gold);margin-right:.25rem}.product-detail-page .product-info .size-section .size-tags{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:576px){.product-detail-page .product-info .size-section .size-tags .size-tag{font-size:.65rem;padding:.1rem .4rem}}.product-detail-page .product-info .size-section .size-tags .size-tag{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#1f1f1f;color:var(--charcoal);display:flex;font-size:.75rem;gap:.25rem;padding:.15rem .6rem}.product-detail-page .product-info .size-section .size-tags .size-tag.preorder{background:#fef3c7;background:var(--secondary-gold-light);border-color:#d9a321;border-color:var(--secondary-gold)}.product-detail-page .product-info .size-section .size-tags .preorder-label{background:#d9a321;background:var(--secondary-gold);border-radius:4px;border-radius:var(--radius-xs);color:#fff;color:var(--white);font-size:.5rem;padding:.05rem .25rem}.product-detail-page .product-info .size-section .preorder-note{align-items:center;background:#fef3c7;background:var(--secondary-gold-light);border-radius:8px;border-radius:var(--radius-sm);color:#b8860b;color:var(--secondary-gold-dark);display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem;padding:.25rem .5rem}.product-detail-page .product-info .price-section{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.product-detail-page .product-info .price-section .discount-badge{align-items:center;background:#16a34a;background:var(--success-green);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.product-detail-page .product-info .price-section .current-price{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700}@media(max-width:576px){.product-detail-page .product-info .price-section .current-price{font-size:1.25rem}}.product-detail-page .product-info .price-section .unit{color:#5a5a5a;color:var(--slate-gray);font-size:.875rem}.product-detail-page .product-info .price-section .original-price{color:#5a5a5a;color:var(--slate-gray);font-size:.875rem;text-decoration:line-through}.product-detail-page .product-info .price-section .preorder-badge-label{background:#d9a321;background:var(--secondary-gold);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);font-size:.65rem;font-weight:600;padding:.1rem .5rem}.product-detail-page .product-info .deposit-breakdown{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.5rem .75rem}@media(max-width:576px){.product-detail-page .product-info .deposit-breakdown{flex-direction:column;gap:.25rem}}.product-detail-page .product-info .deposit-breakdown .deposit-item{color:#1f1f1f;color:var(--charcoal);font-size:.75rem}.product-detail-page .product-info .deposit-breakdown .deposit-item.savings{color:#16a34a;color:var(--success-green);font-weight:600}.product-detail-page .product-info .farmer-notice{align-items:flex-start;background:#e8f5e9;background:var(--primary-green-light);border:1px solid #c8e6c9;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.product-detail-page .product-info .farmer-notice svg{color:#006b2e;color:var(--primary-green);font-size:1.25rem;margin-top:.125rem}.product-detail-page .product-info .farmer-notice strong{color:#006b2e;color:var(--primary-green)}.product-detail-page .product-info .farmer-notice p{color:#5a5a5a;color:var(--slate-gray);font-size:.875rem;margin:0}.product-detail-page .product-info .payment-options{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:clamp(.7rem,.9vw,.75rem);gap:.25rem;margin-bottom:1rem;padding:.5rem .75rem}.product-detail-page .product-info .payment-options strong{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;gap:.25rem}.product-detail-page .product-info .bulk-discounts{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem}.product-detail-page .product-info .bulk-discounts h4{color:#006b2e;color:var(--primary-green);font-size:.875rem;margin-bottom:.5rem}.product-detail-page .product-info .bulk-discounts h4 svg{margin-right:.5rem}.product-detail-page .product-info .bulk-discounts ul{list-style:none;margin:0;padding:0}.product-detail-page .product-info .bulk-discounts li{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:.813rem;justify-content:space-between;padding:.3rem 0}.product-detail-page .product-info .bulk-discounts li:last-child{border-bottom:none}.product-detail-page .product-info .bulk-discounts li.active{color:#006b2e;color:var(--primary-green);font-weight:600}.product-detail-page .product-info .bulk-discounts li span:first-child{align-items:center;display:flex;gap:.3rem}.product-detail-page .product-info .bulk-discounts li span:last-child{color:#d9a321;color:var(--secondary-gold)}@media(max-width:576px){.product-detail-page .product-info .bulk-discounts li{align-items:flex-start;flex-direction:column;gap:.15rem}}.product-detail-page .product-info .product-description{margin-bottom:1rem}.product-detail-page .product-info .product-description h4{color:#006b2e;color:var(--primary-green);font-size:.875rem;margin-bottom:.25rem}.product-detail-page .product-info .product-description p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.875rem,1vw,.938rem);line-height:1.7}.product-detail-page .product-info .product-benefits{margin-bottom:1rem}.product-detail-page .product-info .product-benefits h4{color:#006b2e;color:var(--primary-green);font-size:.875rem;margin-bottom:.5rem}.product-detail-page .product-info .product-benefits h4 svg{margin-right:.25rem}.product-detail-page .product-info .product-benefits ul{list-style:none;margin:0;padding:0}.product-detail-page .product-info .product-benefits li{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:.875rem;gap:.5rem;padding:.2rem 0}.product-detail-page .product-info .product-benefits li svg{color:#16a34a;color:var(--success-green);font-size:.875rem}.product-detail-page .product-info .usage-instructions{margin-bottom:1rem}.product-detail-page .product-info .usage-instructions h4{color:#006b2e;color:var(--primary-green);font-size:.875rem;margin-bottom:.25rem}.product-detail-page .product-info .usage-instructions h4 svg{margin-right:.25rem}.product-detail-page .product-info .usage-instructions p{background:#f8f8f8;background:var(--light-bg);border-left:3px solid #d9a321;border-left:3px solid var(--secondary-gold);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);font-size:.875rem;line-height:1.6;padding:.5rem .75rem}.product-detail-page .product-info .product-meta{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem}.product-detail-page .product-info .product-meta p{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:.813rem;justify-content:space-between;padding:.2rem 0}.product-detail-page .product-info .product-meta p:last-child{border-bottom:none}@media(max-width:576px){.product-detail-page .product-info .product-meta p{flex-direction:column;gap:.15rem}}.product-detail-page .product-info .product-meta strong{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;gap:.25rem}.product-detail-page .product-info .product-meta .preorder-meta{background:#fef3c7;background:var(--secondary-gold-light);border-radius:4px;border-radius:var(--radius-xs);margin-top:.15rem;padding:.2rem .5rem}.product-detail-page .product-info .product-meta .preorder-meta span{color:#b8860b;color:var(--secondary-gold-dark);font-weight:500}.product-detail-page .product-info .product-meta .stock-status{font-weight:600;text-transform:capitalize}.product-detail-page .product-info .product-meta .stock-status.in-stock{color:#16a34a;color:var(--success-green)}.product-detail-page .product-info .product-meta .stock-status.low-stock{color:#f59e0b;color:var(--warning-yellow)}.product-detail-page .product-info .product-meta .stock-status.out-of-stock{color:#dc2626;color:var(--error-red)}.product-detail-page .product-info .product-meta .stock-status.pre-order{color:#d9a321;color:var(--secondary-gold)}.product-detail-page .product-info .specifications{margin-bottom:1rem}.product-detail-page .product-info .specifications h4{color:#006b2e;color:var(--primary-green);font-size:.875rem;margin-bottom:.5rem}.product-detail-page .product-info .specifications h4 svg{margin-right:.25rem}.product-detail-page .product-info .specifications ul{list-style:none;margin:0;padding:0}.product-detail-page .product-info .specifications li{border-bottom:1px solid #f0f0f0;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:.813rem;justify-content:space-between;padding:.3rem 0}.product-detail-page .product-info .specifications li:last-child{border-bottom:none}.product-detail-page .product-info .specifications li strong{color:#1f1f1f;color:var(--charcoal)}.product-detail-page .product-info .quantity-selector{grid-gap:.75rem;background:#f8f8f8;background:var(--light-bg);border-radius:12px;border-radius:var(--radius-md);display:grid;gap:.75rem;grid-template-columns:1fr;margin-top:1rem;padding:1rem}@media(min-width:576px){.product-detail-page .product-info .quantity-selector{grid-template-columns:1fr 1fr}}@media(max-width:576px){.product-detail-page .product-info .quantity-selector{gap:.5rem;grid-template-columns:1fr;padding:.75rem}}.product-detail-page .product-info .quantity-selector .quantity-control{display:flex;flex-direction:column;gap:.25rem}.product-detail-page .product-info .quantity-selector .quantity-label{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:.813rem;font-weight:500;gap:.25rem}.product-detail-page .product-info .quantity-selector .quantity-label svg{color:#d9a321;color:var(--secondary-gold)}.product-detail-page .product-info .quantity-selector .step-hint{color:#5a5a5a;color:var(--slate-gray);font-size:.65rem;margin-top:.15rem}.product-detail-page .product-info .quantity-selector .step-hint.preorder-hint{align-items:center;color:#d9a321;color:var(--secondary-gold);display:flex;gap:.25rem}.product-detail-page .product-info .quantity-selector .quantity-input-wrapper{align-items:center;display:flex;gap:.5rem}.product-detail-page .product-info .quantity-selector .quantity-input-wrapper .qty-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:50%;color:#1f1f1f;color:var(--charcoal);cursor:pointer;display:flex;font-size:.8rem;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:36px}.product-detail-page .product-info .quantity-selector .quantity-input-wrapper .qty-btn:hover:not(:disabled){background:#f8f8f8;background:var(--light-bg);border-color:#d9a321;border-color:var(--secondary-gold)}.product-detail-page .product-info .quantity-selector .quantity-input-wrapper .qty-btn:disabled{cursor:not-allowed;opacity:.5}.product-detail-page .product-info .quantity-selector .quantity-input-wrapper input{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-size:1rem;font-weight:600;padding:.5rem;text-align:center;width:70px}.product-detail-page .product-info .quantity-selector .quantity-input-wrapper input:focus{border-color:#d9a321;border-color:var(--secondary-gold);outline:none}.product-detail-page .product-info .quantity-selector .total-price{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}@media(min-width:576px){.product-detail-page .product-info .quantity-selector .total-price{align-items:flex-end}}@media(max-width:576px){.product-detail-page .product-info .quantity-selector .total-price{align-items:flex-start}}.product-detail-page .product-info .quantity-selector .total-price .total-label{color:#5a5a5a;color:var(--slate-gray);font-size:.75rem}.product-detail-page .product-info .quantity-selector .total-price .total-amount{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700}.product-detail-page .product-info .quantity-selector .total-price .savings{color:#16a34a;color:var(--success-green);font-size:.7rem;font-weight:500}.product-detail-page .product-info .quantity-selector .total-price .deposit-info{align-items:center;color:#d9a321;color:var(--secondary-gold);display:flex;font-size:.7rem;font-weight:500;gap:.25rem;margin-top:.15rem}.product-detail-page .product-info .quantity-selector .total-price .in-cart-info{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-size:.7rem;font-weight:500;gap:.25rem;margin-top:.15rem}.product-detail-page .product-info .quantity-selector .add-to-cart-btn{align-items:center;background:#006b2e;background:var(--primary-green);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.875rem,1vw,1rem);font-weight:600;gap:.5rem;grid-column:1/-1;justify-content:center;min-height:44px;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-detail-page .product-info .quantity-selector .add-to-cart-btn:hover:not(:disabled){background:#014421;background:var(--primary-green-dark);transform:translateY(-2px)}.product-detail-page .product-info .quantity-selector .add-to-cart-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media(max-width:576px){.product-detail-page .product-info .quantity-selector .add-to-cart-btn{font-size:.813rem;padding:.6rem}}.product-detail-page .product-info .quantity-selector .preorder-terms{align-items:flex-start;background:#fef3c7;background:var(--secondary-gold-light);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:.7rem;gap:.5rem;grid-column:1/-1;padding:.5rem .75rem}.product-detail-page .product-info .quantity-selector .preorder-terms svg{color:#d9a321;color:var(--secondary-gold);margin-top:.1rem}.product-detail-page .product-info .contact-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}@media(max-width:576px){.product-detail-page .product-info .contact-buttons{flex-direction:column}}.product-detail-page .product-info .contact-buttons button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-width:120px;padding:.6rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-detail-page .product-info .contact-buttons button:hover{transform:translateY(-2px)}@media(max-width:576px){.product-detail-page .product-info .contact-buttons button{min-width:auto;width:100%}}.product-detail-page .product-info .contact-buttons .whatsapp-btn{background:#25d366;color:#fff;color:var(--white)}.product-detail-page .product-info .contact-buttons .whatsapp-btn:hover{background:#1da851}.product-detail-page .product-info .contact-buttons .call-btn{background:#3b82f6;background:var(--info-blue);color:#fff;color:var(--white)}.product-detail-page .product-info .contact-buttons .call-btn:hover{background:#2563eb}.product-detail-page .product-info .contact-buttons .share-btn{background:#5a5a5a;background:var(--slate-gray);color:#fff;color:var(--white)}.product-detail-page .product-info .contact-buttons .share-btn:hover{background:#4b5563}.product-detail-page .product-info .preorder-bottom-cta{margin-top:1rem}.product-detail-page .product-info .preorder-bottom-cta .preorder-bottom-btn{align-items:center;background:#006b2e;background:var(--primary-green);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.product-detail-page .product-info .preorder-bottom-cta .preorder-bottom-btn:hover{background:#014421;background:var(--primary-green-dark);transform:translateY(-2px)}.product-detail-page .product-info .preorder-bottom-cta .preorder-bottom-btn .arrow-icon{transform:rotate(0deg)}.product-reactions{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;margin:1.5rem 0;padding:1rem 0}.product-reactions .reactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.product-reactions .reactions-header h4{color:#1f1f1f;color:var(--charcoal);font-size:.875rem;margin:0}.product-reactions .reactions-header .total-reactions{background:#f8f8f8;background:var(--light-bg);border-radius:12px;border-radius:var(--radius-md);color:#5a5a5a;color:var(--slate-gray);font-size:.7rem;padding:.1rem .5rem}@media(max-width:576px){.product-reactions .reactions-header{align-items:flex-start;flex-direction:column;gap:.25rem}}.product-reactions .reactions-grid{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:576px){.product-reactions .reactions-grid{gap:.35rem}}.product-reactions .reaction-btn{align-items:center;background:#0000;border:2px solid #e5e5e5;border:2px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#1f1f1f;color:var(--charcoal);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.8rem;font-weight:500;gap:.4rem;min-height:36px;padding:.3rem .8rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-reactions .reaction-btn:hover:not(:disabled){box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);transform:translateY(-2px)}.product-reactions .reaction-btn.active{border-color:#d9a321;border-color:var(--reaction-color,var(--secondary-gold))}.product-reactions .reaction-btn:disabled{cursor:not-allowed;opacity:.6}.product-reactions .reaction-btn .reaction-label{font-size:.7rem}@media(max-width:576px){.product-reactions .reaction-btn .reaction-label{font-size:.6rem}}.product-reactions .reaction-btn .reaction-count{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);font-size:.65rem;font-weight:600;padding:.05rem .3rem}@media(max-width:576px){.product-reactions .reaction-btn .reaction-count{font-size:.55rem;padding:.05rem .2rem}}.product-reactions .reaction-btn .reaction-btn.active .reaction-count{background:#0000000d}.product-reactions .reaction-btn .loading-spinner{font-size:.6rem;margin-left:.15rem}@media(max-width:576px){.product-reactions .reaction-btn{font-size:.7rem;min-height:30px;padding:.2rem .5rem}}.product-comments{border-top:2px solid #f0f0f0;margin-top:2.5rem;padding-top:2rem}.product-comments .comments-header{margin-bottom:1.5rem}.product-comments .comments-header h3{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(1rem,1.5vw,1.25rem);gap:.5rem}.product-comments .comments-header h3 svg{color:#d9a321;color:var(--secondary-gold)}.product-comments .comments-header .comment-count{color:#5a5a5a;color:var(--slate-gray);font-size:.8rem;font-weight:400;margin-left:.25rem;padding:.1rem .5rem}.product-comments .comment-form,.product-comments .comments-header .comment-count{background:#f8f8f8;background:var(--light-bg);border-radius:12px;border-radius:var(--radius-md)}.product-comments .comment-form{border:1px solid #e5e5e5;border:1px solid var(--border-light);margin-bottom:1.5rem;padding:1rem}.product-comments .comment-form .comment-input-wrapper{align-items:flex-start;display:flex;gap:.75rem}@media(max-width:768px){.product-comments .comment-form .comment-input-wrapper{align-items:stretch;flex-direction:column}}.product-comments .comment-form .comment-avatar{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;overflow:hidden;width:40px}.product-comments .comment-form .comment-avatar img{height:100%;object-fit:cover;width:100%}.product-comments .comment-form .comment-textarea{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.875rem;min-height:60px;padding:.5rem .75rem;resize:vertical;transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-base)}.product-comments .comment-form .comment-textarea:focus{border-color:#d9a321;border-color:var(--secondary-gold);outline:none}.product-comments .comment-form .comment-form-actions{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem;padding-left:3.25rem}@media(max-width:768px){.product-comments .comment-form .comment-form-actions{padding-left:0}}.product-comments .comment-form .comment-user-type{color:#5a5a5a;color:var(--slate-gray);font-size:.7rem}.product-comments .comment-form .submit-btn{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.813rem;font-weight:600;gap:.5rem;padding:.4rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-comments .comment-form .submit-btn:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.product-comments .comment-form .submit-btn:disabled{cursor:not-allowed;opacity:.5}.product-comments .no-comments{color:#5a5a5a;color:var(--slate-gray);padding:2rem 1rem;text-align:center}.product-comments .no-comments .no-comments-icon{font-size:2.5rem;margin-bottom:.5rem}.product-comments .no-comments p{margin:0}.product-comments .comments-list{display:flex;flex-direction:column;gap:1rem}.product-comments .comment-item{background:#fff;background:var(--white);border:1px solid #f0f0f0;border-radius:12px;border-radius:var(--radius-md);padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-comments .comment-item:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.product-comments .comment-item .comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}@media(max-width:576px){.product-comments .comment-item .comment-header{flex-wrap:wrap}}.product-comments .comment-item .comment-user{align-items:center;display:flex;gap:.75rem}@media(max-width:576px){.product-comments .comment-item .comment-user{flex-wrap:wrap}}.product-comments .comment-item .comment-user-icon{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border-radius:50%;color:#006b2e;color:var(--primary-green);display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:.3rem;width:32px}.product-comments .comment-item .comment-user-info{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem .5rem}@media(max-width:576px){.product-comments .comment-item .comment-user-info{align-items:flex-start;flex-direction:column}}.product-comments .comment-item .comment-user-name{color:#1f1f1f;color:var(--charcoal);font-size:.875rem;font-weight:600}.product-comments .comment-item .comment-user-type{background:#e8f5e9;background:var(--primary-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);font-size:.65rem;padding:.05rem .4rem}.product-comments .comment-item .comment-date{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:.65rem;gap:.25rem}.product-comments .comment-item .comment-date svg{font-size:.5rem}.product-comments .comment-item .delete-comment{background:none;border:none;border-radius:4px;border-radius:var(--radius-xs);color:#dc2626;color:var(--error-red);cursor:pointer;padding:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-comments .comment-item .delete-comment:hover{background:#fee2e2;background:var(--error-red-light)}.product-comments .comment-item .comment-content{color:#1f1f1f;color:var(--charcoal);font-size:.875rem;line-height:1.6;margin-bottom:.5rem;padding-left:3.25rem}@media(max-width:768px){.product-comments .comment-item .comment-content{padding-left:0}}.product-comments .comment-item .comment-actions{display:flex;gap:1rem;padding-left:3.25rem}@media(max-width:768px){.product-comments .comment-item .comment-actions{padding-left:0}}@media(max-width:576px){.product-comments .comment-item .comment-actions{flex-wrap:wrap}}.product-comments .comment-item .helpful-btn,.product-comments .comment-item .reply-btn{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-xs);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.75rem;gap:.3rem;padding:.15rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-comments .comment-item .helpful-btn:hover,.product-comments .comment-item .reply-btn:hover{background:#fef3c7;background:var(--secondary-gold-light);color:#d9a321;color:var(--secondary-gold)}.product-comments .comment-item .reply-form{margin-top:.5rem;padding-left:3.25rem}@media(max-width:768px){.product-comments .comment-item .reply-form{padding-left:0}}.product-comments .comment-item .reply-form textarea{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.813rem;min-height:50px;padding:.5rem .75rem;resize:vertical;transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-base);width:100%}.product-comments .comment-item .reply-form textarea:focus{border-color:#d9a321;border-color:var(--secondary-gold);outline:none}.product-comments .comment-item .reply-actions{display:flex;gap:.5rem;margin-top:.25rem}@media(max-width:576px){.product-comments .comment-item .reply-actions{flex-wrap:wrap}}.product-comments .comment-item .reply-submit{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.75rem;font-weight:600;gap:.3rem;padding:.3rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-comments .comment-item .reply-submit:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark)}.product-comments .comment-item .reply-submit:disabled{cursor:not-allowed;opacity:.5}.product-comments .comment-item .reply-cancel{background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.75rem;padding:.3rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-comments .comment-item .reply-cancel:hover{background:#f8f8f8;background:var(--light-bg)}.product-comments .comment-item .replies-list{border-left:3px solid #d9a321;border-left:3px solid var(--secondary-gold);display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding-left:1.5rem}@media(max-width:768px){.product-comments .comment-item .replies-list{padding-left:.75rem}}.product-comments .comment-item .reply-item{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);padding:.75rem}.product-comments .comment-item .reply-item .reply-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem}.product-comments .comment-item .reply-item .reply-user{align-items:center;display:flex;gap:.5rem}.product-comments .comment-item .reply-item .reply-user-icon{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border-radius:50%;color:#006b2e;color:var(--primary-green);display:flex;font-size:.875rem;height:24px;justify-content:center;padding:.2rem;width:24px}.product-comments .comment-item .reply-item .reply-user-info{align-items:center;display:flex;flex-wrap:wrap;gap:.2rem .4rem}.product-comments .comment-item .reply-item .reply-user-name{color:#1f1f1f;color:var(--charcoal);font-size:.813rem;font-weight:600}.product-comments .comment-item .reply-item .reply-user-type{background:#e8f5e9;background:var(--primary-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);font-size:.6rem;padding:.05rem .3rem}.product-comments .comment-item .reply-item .reply-date{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:.6rem;gap:.2rem}.product-comments .comment-item .reply-item .reply-date svg{font-size:.45rem}.product-comments .comment-item .reply-item .reply-content{color:#1f1f1f;color:var(--charcoal);font-size:.813rem;line-height:1.5;padding-left:2.25rem}@media(max-width:768px){.product-comments .comment-item .reply-item .reply-content{padding-left:0}}.product-comments .comment-item .reply-item .reply-actions{margin-top:.25rem;padding-left:2.25rem}@media(max-width:768px){.product-comments .comment-item .reply-item .reply-actions{padding-left:0}}.product-comments .show-more{margin-top:1rem;text-align:center}.product-comments .show-more button{background:none;border:none;color:#d9a321;color:var(--secondary-gold);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.875rem;font-weight:600;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.product-comments .show-more button:hover{color:#b8860b;color:var(--secondary-gold-dark);text-decoration:underline}@media(prefers-reduced-motion:reduce){.add-to-cart-btn,.back-button,.comment-item,.filter-chip,.filter-chips,.filter-toggle,.preorder-banner-btn,.preorder-bottom-btn,.preorder-cta-btn,.product-card,.product-card:hover,.product-image-wrapper img,.reaction-btn,.reply-submit,.search-btn,.submit-btn,.thumbnail-item,.view-details-btn,.whatsapp-btn{animation:none!important;transform:none!important;transition:none!important}.loader-message,.loader-spinner,.message{animation:none!important}}@supports(padding:max(0px)){.products-hero{padding-bottom:max(clamp(2rem,5vw,3rem),env(safe-area-inset-bottom));padding-top:max(clamp(2rem,5vw,3rem),env(safe-area-inset-top))}.products-content{padding-bottom:max(clamp(1.25rem,3vw,2.5rem),env(safe-area-inset-bottom))}.product-detail-page{padding-bottom:max(clamp(1rem,2vw,2rem),env(safe-area-inset-bottom))}}.about-page{background:#fff;background:var(--white);min-height:100vh}.section-header{margin-bottom:clamp(1.5rem,4vw,3rem)}.section-header .section-tag{align-items:center;display:inline-flex;font-size:clamp(.6rem,.9vw,.75rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.5rem,1vw,1rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.3vw,.3rem) clamp(.75rem,1.2vw,1rem)}.section-header .section-tag svg{font-size:clamp(.55rem,.8vw,.7rem)}.section-header h2{color:#1f1f1f;color:var(--charcoal);font-size:clamp(1.25rem,4vw,2.5rem);margin-bottom:clamp(.35rem,.6vw,.75rem)}.section-header .section-subtitle{font-size:clamp(.813rem,1.2vw,1rem)}.about-hero{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff;color:var(--white);display:flex;min-height:clamp(250px,40vh,400px);overflow:hidden;padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,2rem);position:relative;text-align:center}.about-hero .about-hero__overlay{background:#d9a3210d;background:rgba(var(--secondary-gold-rgb),.05);border-radius:50%;height:clamp(200px,40vw,500px);pointer-events:none;position:absolute;right:-20%;top:-50%;width:clamp(200px,40vw,500px)}.about-hero .about-hero__content{position:relative;width:100%;z-index:2}.about-hero .about-hero__icon{color:#d9a321;color:var(--secondary-gold);display:block;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(.5rem,1vw,1rem)}.about-hero h1{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:clamp(.35rem,.6vw,.75rem)}.about-hero p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.813rem,1.5vw,1rem);line-height:1.7;margin:0 auto;max-width:600px;opacity:.9}.about-hero .about-hero__badges{display:flex;flex-wrap:wrap;font-size:clamp(.6rem,.9vw,.7rem);gap:clamp(.5rem,1vw,1rem);justify-content:center;margin-top:clamp(.5rem,1vw,1rem);opacity:.8}.about-hero .about-hero__badges span{align-items:center;background:rgba(#FFFFFF,.08);background:rgba(var(--white),.08);border:1px solid rgba(#ffffff,.06);border:1px solid rgba(var(--white),.06);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;gap:clamp(.2rem,.3vw,.4rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.15rem,.2vw,.25rem) clamp(.5rem,.8vw,.75rem)}.about-hero .about-hero__badges span svg{font-size:clamp(.5rem,.7vw,.6rem)}.about-story{padding:clamp(2rem,5vw,4rem) 0}.about-story .about-story__grid{grid-gap:clamp(1.5rem,3vw,3rem);align-items:center;display:grid;gap:clamp(1.5rem,3vw,3rem);grid-template-columns:1fr}@media(min-width:768px){.about-story .about-story__grid{gap:clamp(2rem,4vw,4rem);grid-template-columns:1fr 1fr}}.about-story .about-story__text .section-tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.6rem,.9vw,.75rem);font-weight:600;gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(.5rem,1vw,1rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.3vw,.3rem) clamp(.75rem,1.2vw,1rem)}.about-story .about-story__text .section-tag svg{font-size:clamp(.55rem,.8vw,.65rem)}.about-story .about-story__text h2{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,3.5vw,2rem);margin-bottom:clamp(.5rem,1vw,1rem)}.about-story .about-story__text p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,.938rem);line-height:1.8;margin-bottom:clamp(.75rem,1vw,1rem)}.about-story .gold-divider{background:#d9a321;background:var(--secondary-gold);border-radius:4px;border-radius:var(--radius-xs);height:3px;margin-bottom:clamp(1rem,1.5vw,1.5rem);width:clamp(40px,6vw,50px)}.about-story .about-story__actions{display:flex;flex-direction:column;gap:clamp(.5rem,.8vw,.75rem);margin-top:clamp(1rem,2vw,1.5rem)}@media(min-width:576px){.about-story .about-story__actions{flex-direction:row;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem)}}.about-story .about-story__actions .btn{font-size:clamp(.813rem,1vw,.875rem);min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.8vw,.5rem) clamp(1rem,2vw,1.5rem)}@media(min-width:576px){.about-story .about-story__actions .btn{min-height:clamp(48px,5.5vw,52px)}}.about-story .about-story__mission{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border-radius:16px;border-radius:var(--radius-lg);color:#fff;color:var(--white);padding:clamp(1rem,2.5vw,2rem);text-align:center}@media(min-width:768px){.about-story .about-story__mission{padding:clamp(1.5rem,3vw,2.5rem)}}.about-story .about-story__mission .mission-icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:clamp(.5rem,1vw,1rem)}.about-story .about-story__mission h3{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.95rem,1.5vw,1.25rem);margin-bottom:clamp(.35rem,.6vw,.75rem)}.about-story .about-story__mission p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.813rem,1vw,.938rem);line-height:1.7;margin:0 auto;max-width:350px;opacity:.9}.about-story .mission-stats{display:flex;flex-wrap:wrap;gap:clamp(1rem,2vw,2rem);justify-content:center;margin-top:clamp(1rem,2vw,1.5rem)}.about-story .mission-stats .stat-number{color:#d9a321;color:var(--secondary-gold);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700}.about-story .mission-stats .stat-label{color:rgba(#FFFFFF,.8);color:rgba(var(--white),.8);font-size:clamp(.6rem,.8vw,.7rem);opacity:.8}.about-story .mission-supplier{align-items:center;border-top:1px solid rgba(#ffffff,.1);border-top:1px solid rgba(var(--white),.1);display:flex;font-size:clamp(.6rem,.8vw,.7rem);gap:clamp(.3rem,.5vw,.5rem);justify-content:center;margin-top:clamp(.75rem,1vw,1rem);opacity:.7;padding-top:clamp(.75rem,1vw,1rem)}.about-story .mission-supplier svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.9vw,.8rem)}.about-values{background:#f8f8f8;background:var(--light-bg);padding:clamp(2rem,5vw,4rem) 0}.values-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:480px){.values-grid{gap:clamp(.75rem,1.2vw,1rem);grid-template-columns:1fr 1fr}}@media(min-width:768px){.values-grid{gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(4,1fr)}}.value-card{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(.75rem,1.5vw,1.25rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.value-card{padding:clamp(1rem,2vw,1.75rem)}}.value-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.value-card:active{transform:scale(.98)}.value-card .value-icon-wrapper{align-items:center;background:#006b2e1a;background:rgba(var(--primary-green-rgb),.1);border-radius:50%;display:flex;height:clamp(40px,6vw,48px);justify-content:center;margin:0 auto clamp(.5rem,.8vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:clamp(40px,6vw,48px)}@media(min-width:768px){.value-card .value-icon-wrapper{height:clamp(48px,7vw,56px);margin:0 auto clamp(.75rem,1.2vw,1rem);width:clamp(48px,7vw,56px)}}.value-card .value-icon-wrapper svg{color:#006b2e;color:var(--primary-green);font-size:clamp(.9rem,1.5vw,1.25rem);transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}@media(min-width:768px){.value-card .value-icon-wrapper svg{font-size:clamp(1.1rem,2vw,1.5rem)}}.value-card:hover .value-icon-wrapper{background:#d9a32126;background:rgba(var(--secondary-gold-rgb),.15)}.value-card:hover .value-icon-wrapper svg{color:#d9a321;color:var(--secondary-gold);transform:scale(1.1)}.value-card h3{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.813rem,1.2vw,.938rem);margin-bottom:clamp(.2rem,.3vw,.375rem)}@media(min-width:768px){.value-card h3{font-size:clamp(.875rem,1.5vw,1rem);margin-bottom:clamp(.25rem,.4vw,.5rem)}}.value-card p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.7rem,1vw,.813rem);line-height:1.6}@media(min-width:768px){.value-card p{font-size:clamp(.75rem,1.2vw,.875rem)}}.about-milestones{background:#fff;background:var(--white);padding:clamp(2rem,5vw,4rem) 0}.milestones-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:480px){.milestones-grid{gap:clamp(.75rem,1.2vw,1rem);grid-template-columns:1fr 1fr}}@media(min-width:768px){.milestones-grid{gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(4,1fr)}}.milestone-card{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);padding:clamp(.75rem,1.5vw,1.25rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.milestone-card{padding:clamp(1rem,2vw,1.75rem)}}.milestone-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-4px)}.milestone-card .milestone-year{color:#d9a321;color:var(--secondary-gold);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;margin-bottom:clamp(.15rem,.2vw,.25rem)}@media(max-width:576px){.milestone-card .milestone-year{font-size:clamp(1rem,2vw,1.125rem)}}.milestone-card h4{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.813rem,1.1vw,.938rem);margin-bottom:clamp(.15rem,.2vw,.25rem)}.milestone-card p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.7rem,.9vw,.813rem);line-height:1.5;margin:0}.about-team{background:#f8f8f8;background:var(--light-bg);padding:clamp(2rem,5vw,4rem) 0}.team-stats-summary{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1.5rem);justify-content:center;margin-top:clamp(.75rem,1.5vw,1rem);padding:clamp(.5rem,.8vw,.75rem) clamp(.75rem,1.5vw,1.5rem)}.team-stats-summary .team-stat-item{align-items:center;display:flex;flex-direction:column;padding:clamp(.15rem,.2vw,.25rem) clamp(.5rem,.8vw,.75rem)}.team-stats-summary .team-stat-item .team-stat-value{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.team-stats-summary .team-stat-item .team-stat-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.5rem,.7vw,.6rem);letter-spacing:.3px;text-transform:uppercase}.team-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:480px){.team-grid{gap:clamp(.75rem,1.2vw,1rem);grid-template-columns:1fr 1fr}}@media(min-width:768px){.team-grid{gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.team-grid{gap:clamp(1.25rem,2.5vw,2rem);grid-template-columns:repeat(4,1fr)}}.team-card{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(.75rem,1.5vw,1.25rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.team-card{padding:clamp(1rem,2vw,1.5rem)}}.team-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.team-card:active{transform:scale(.98)}.team-card.pending{background:#fffbeb;border-color:#fef3c7;border-color:var(--secondary-gold-light)}.team-card .team-avatar{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border-radius:50%;color:#fff;color:var(--white);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700;height:clamp(48px,8vw,64px);justify-content:center;margin:0 auto clamp(.5rem,.8vw,.75rem);min-width:clamp(48px,8vw,64px);overflow:hidden;width:clamp(48px,8vw,64px)}@media(min-width:768px){.team-card .team-avatar{font-size:clamp(1.1rem,1.8vw,1.5rem);height:clamp(56px,9vw,72px);margin:0 auto clamp(.75rem,1.2vw,1rem);min-width:clamp(56px,9vw,72px);width:clamp(56px,9vw,72px)}}.team-card .team-avatar img{height:100%;object-fit:cover;width:100%}.team-card h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;flex-wrap:wrap;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.813rem,1.2vw,.938rem);gap:clamp(.15rem,.25vw,.25rem);justify-content:center;margin-bottom:clamp(.05rem,.1vw,.125rem)}@media(min-width:768px){.team-card h3{font-size:clamp(.875rem,1.5vw,1rem);margin-bottom:clamp(.1rem,.15vw,.25rem)}}.team-card .pending-badge{align-items:center;background:#fef3c7;background:var(--secondary-gold-light);border-radius:8px;border-radius:var(--radius-sm);color:#b8860b;color:var(--secondary-gold-dark);display:inline-flex;font-size:clamp(.4rem,.6vw,.5rem);font-weight:600;min-height:clamp(18px,2.5vw,22px);padding:clamp(.05rem,.08vw,.1rem) clamp(.2rem,.3vw,.3rem)}.team-card .team-role{align-items:center;color:#d9a321;color:var(--secondary-gold);display:flex;font-size:clamp(.65rem,.9vw,.75rem);font-weight:600;gap:clamp(.15rem,.25vw,.25rem);justify-content:center;margin-bottom:clamp(.25rem,.4vw,.375rem)}@media(min-width:768px){.team-card .team-role{font-size:clamp(.7rem,1vw,.8rem);margin-bottom:clamp(.3rem,.5vw,.5rem)}}.team-card .team-role .role-icon{font-size:clamp(.6rem,.8vw,.7rem)}.team-card p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.7rem,.9vw,.813rem);line-height:1.5;margin-bottom:clamp(.35rem,.5vw,.5rem)}@media(min-width:768px){.team-card p{font-size:clamp(.75rem,1.1vw,.85rem)}}.team-card .team-contact-links{align-items:center;display:flex;flex-direction:column;gap:clamp(.15rem,.25vw,.25rem);margin-top:clamp(.25rem,.4vw,.5rem)}.team-card .team-contact{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);display:inline-flex;font-size:clamp(.6rem,.8vw,.7rem);gap:clamp(.25rem,.4vw,.375rem);justify-content:center;min-height:clamp(32px,4vw,36px);padding:clamp(.15rem,.2vw,.25rem) clamp(.3rem,.5vw,.5rem);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}@media(min-width:768px){.team-card .team-contact{font-size:clamp(.65rem,.9vw,.75rem)}}.team-card .team-contact:hover{background:#006b2e0d;background:rgba(var(--primary-green-rgb),.05);text-decoration:underline}.team-card .team-contact svg{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(.55rem,.7vw,.65rem)}.team-card .team-contact.whatsapp-contact,.team-card .team-contact.whatsapp-contact svg{color:#25d366}.team-card .team-contact.whatsapp-contact:hover{background:#25d36614}.team-roles-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin-top:clamp(1.5rem,3vw,2rem);padding-top:clamp(1rem,2vw,1.5rem)}.team-roles-footer h4{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.813rem,1.2vw,.875rem);gap:clamp(.3rem,.5vw,.5rem);justify-content:center;margin-bottom:clamp(.5rem,.8vw,.75rem);text-align:center}.team-roles-footer h4 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.9vw,.8rem)}.team-roles-grid{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);justify-content:center}.team-roles-grid .team-role-chip{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);color:#1f1f1f;color:var(--charcoal);display:inline-flex;font-size:clamp(.6rem,.8vw,.7rem);gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(32px,4vw,36px);padding:clamp(.15rem,.2vw,.25rem) clamp(.5rem,.8vw,.75rem)}@media(max-width:576px){.team-roles-grid .team-role-chip{font-size:clamp(.55rem,.7vw,.65rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.2rem) clamp(.35rem,.5vw,.5rem)}}.team-roles-grid .team-role-chip svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.55rem,.7vw,.65rem)}.team-roles-grid .team-role-chip .role-count{background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:8px;border-radius:var(--radius-sm);color:#d9a321;color:var(--secondary-gold);font-size:clamp(.5rem,.6vw,.6rem);font-weight:600;padding:clamp(.05rem,.08vw,.1rem) clamp(.3rem,.4vw,.4rem)}.team-loading{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.813rem,1vw,.875rem);gap:clamp(.5rem,.8vw,.75rem);justify-content:center;padding:clamp(1.5rem,3vw,2rem)}.team-loading svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.2rem,2vw,1.5rem)}.team-error{align-items:center;background:#fee2e2;background:var(--error-red-light);border-radius:12px;border-radius:var(--radius-md);color:#dc2626;color:var(--error-red);display:flex;font-size:clamp(.813rem,1vw,.875rem);gap:clamp(.5rem,.8vw,.75rem);justify-content:center;padding:clamp(1.5rem,3vw,2rem)}.team-error svg{font-size:clamp(1.2rem,2vw,1.5rem)}.team-empty{color:#5a5a5a;color:var(--slate-gray);padding:clamp(2rem,4vw,3rem) clamp(1rem,2vw,1.5rem);text-align:center}.team-empty svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(2rem,4vw,3rem);margin-bottom:clamp(.5rem,.8vw,.75rem);opacity:.5}.team-empty h3{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1rem,1.5vw,1.25rem);margin-bottom:clamp(.15rem,.25vw,.25rem)}.team-empty p{font-size:clamp(.813rem,1vw,.875rem)}.about-cta{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff;color:var(--white);padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);text-align:center}.about-cta .cta-content{margin:0 auto;max-width:600px}.about-cta .cta-content .cta-badge{align-items:center;background:#d9a32133;background:rgba(var(--secondary-gold-rgb),.2);border:1px solid #d9a32133;border:1px solid rgba(var(--secondary-gold-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.6rem,.9vw,.7rem);font-weight:600;gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.75rem,1.5vw,1.5rem);min-height:clamp(32px,4vw,36px);padding:clamp(.15rem,.2vw,.25rem) clamp(.75rem,1.2vw,1rem)}.about-cta .cta-content .cta-badge svg{font-size:clamp(.55rem,.8vw,.65rem)}.about-cta .cta-content h2{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,3.5vw,2rem);margin-bottom:clamp(.35rem,.6vw,.75rem)}@media(max-width:576px){.about-cta .cta-content h2{font-size:clamp(1.1rem,4vw,1.25rem)}}.about-cta .cta-content p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.813rem,1.2vw,1rem);margin-bottom:clamp(1rem,2vw,2rem);margin-left:auto;margin-right:auto;max-width:500px;opacity:.9}.about-cta .cta-buttons{display:flex;flex-direction:column;gap:clamp(.5rem,.8vw,.75rem);justify-content:center}@media(min-width:576px){.about-cta .cta-buttons{flex-direction:row;flex-wrap:wrap;gap:clamp(.5rem,1vw,1rem)}}.about-cta .cta-buttons .btn{font-size:clamp(.813rem,1vw,.875rem);min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.8vw,.5rem) clamp(1rem,2vw,1.5rem)}@media(min-width:576px){.about-cta .cta-buttons .btn{min-height:clamp(48px,5.5vw,52px)}}.about-cta .cta-buttons .btn-outline-white{background:#0000;border-color:#fff;border-color:var(--white);color:#fff;color:var(--white)}.about-cta .cta-buttons .btn-outline-white:hover{background:#fff;background:var(--white);box-shadow:0 4px 20px rgba(#FFFFFF,.25);box-shadow:0 4px 20px rgba(var(--white),.25);color:#006b2e;color:var(--primary-green);transform:translateY(-2px)}.about-cta .whatsapp-cta{align-items:center;background:#25d366;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.813rem,1vw,1rem);font-weight:600;gap:clamp(.3rem,.5vw,.5rem);min-height:clamp(44px,5vw,48px);padding:clamp(.5rem,.8vw,.75rem) clamp(1rem,2vw,2rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:576px){.about-cta .whatsapp-cta{min-height:clamp(48px,5.5vw,52px)}}.about-cta .whatsapp-cta:hover{background:#1da851;box-shadow:0 4px 20px #25d36659;transform:translateY(-2px)}.about-cta .whatsapp-cta:active{transform:scale(.96)}.about-cta .whatsapp-cta svg{font-size:clamp(.9rem,1.2vw,1.1rem)}@media(max-width:576px){.about-milestones .milestones-grid,.about-team .team-grid,.about-values .values-grid{gap:.5rem;grid-template-columns:1fr 1fr}.about-story__actions{flex-direction:column}}@media(max-width:400px){.about-milestones .milestones-grid,.about-team .team-grid,.about-values .values-grid{grid-template-columns:1fr}.team-roles-grid{align-items:center;flex-direction:column}.team-roles-grid .team-role-chip{justify-content:center;width:100%}.cta-buttons{flex-direction:column}.cta-buttons .btn,.cta-buttons .whatsapp-cta{justify-content:center;width:100%}}@media(prefers-reduced-motion:reduce){.about-hero__content>div,.cta-content,.milestone-card,.team-card,.team-roles-footer,.value-card{animation:none!important;transition:none!important}.milestone-card:hover,.team-card:hover,.value-card:hover{transform:none!important}}@supports(padding:max(0px)){.about-hero{padding-bottom:max(clamp(2rem,6vw,4rem),env(safe-area-inset-bottom));padding-top:max(clamp(2rem,6vw,4rem),env(safe-area-inset-top))}.about-cta{padding-bottom:max(clamp(2rem,5vw,4rem),env(safe-area-inset-bottom))}}.contact-page{background:#fff;background:var(--white);min-height:100vh}.page-hero{padding:3rem 1.5rem}@media(min-width:768px){.page-hero{padding:4rem 2rem}}@media(max-width:576px){.page-hero{padding:2rem 1rem}}.page-hero .page-hero-title{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:.5rem}.page-hero .page-hero-subtitle{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.875rem,1.2vw,1.063rem);line-height:1.7;margin:0 auto;max-width:600px;opacity:.9}.container{padding:0 clamp(1rem,4vw,2rem)}.section-header{margin-bottom:2rem;text-align:center}@media(min-width:768px){.section-header{margin-bottom:3rem}}.section-header .section-tag{background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}@media(min-width:768px){.section-header .section-tag{margin-bottom:1rem}}.section-header h2{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.5rem}.section-header .section-subtitle{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.875rem,1.2vw,1rem);margin:0 auto;max-width:600px}.contact-section{padding:clamp(2rem,5vw,4rem) 0}@media(max-width:576px){.contact-section{padding:1.5rem 0}}.contact-grid{grid-gap:2rem;gap:2rem}@media(min-width:768px){.contact-grid{gap:3rem;grid-template-columns:1fr 1fr}}@media(min-width:1024px){.contact-grid{gap:4rem}}@media(min-width:576px)and (max-width:768px){.contact-grid{gap:1.5rem}}.contact-form-wrapper{order:2}@media(min-width:768px){.contact-form-wrapper{order:1}}@media(max-width:576px){.contact-form-wrapper{padding:0}}.form-header{margin-bottom:1.5rem}.contact-form-title{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.125rem,2vw,1.5rem);margin-bottom:.5rem}.contact-form-subtitle{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem}@media(min-width:768px){.contact-form-subtitle{font-size:.938rem}}.user-badge{align-items:center;background:#dcfce7;background:var(--success-green-light);border-radius:9999px;border-radius:var(--radius-full);color:#16a34a;color:var(--success-green);display:inline-flex;font-size:.7rem;font-weight:500;gap:.25rem;padding:.15rem .5rem}.contact-form .form-group{margin-bottom:1rem}@media(min-width:768px){.contact-form .form-group{margin-bottom:1.25rem}}.contact-form .form-group label{color:#1f1f1f;color:var(--charcoal);display:block;font-size:.813rem;font-weight:500;margin-bottom:.375rem}@media(min-width:768px){.contact-form .form-group label{font-size:.875rem;margin-bottom:.5rem}}.contact-form .form-group label svg{color:#d9a321;color:var(--secondary-gold);font-size:.813rem;margin-right:.5rem}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.875rem;min-height:44px;padding:.625rem .75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}@media(min-width:768px){.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{font-size:1rem;padding:.75rem}}.contact-form .form-group input:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.contact-form .form-group input.error,.contact-form .form-group select.error,.contact-form .form-group textarea.error{border-color:#dc2626;border-color:var(--error-red);box-shadow:0 0 0 3px #dc262626;box-shadow:0 0 0 3px rgba(var(--error-red-rgb),.15)}.contact-form .form-group input::placeholder,.contact-form .form-group select::placeholder,.contact-form .form-group textarea::placeholder{color:#5a5a5a;color:var(--slate-gray);opacity:.6}.contact-form .form-group textarea{resize:vertical}@media(min-width:768px){.contact-form .form-group textarea{min-height:120px}}.contact-form .char-counter{color:#5a5a5a;color:var(--slate-gray);font-size:.65rem;margin-top:.25rem;text-align:right}.contact-form .form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}@media(max-width:576px){.contact-form .form-row{gap:.5rem;grid-template-columns:1fr}}.contact-form .error-message{align-items:center;background:#fee2e2;background:var(--error-red-light);border-left:4px solid #dc2626;border-left:4px solid var(--error-red);border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--error-red);display:flex;font-size:.813rem;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem}.contact-form .form-footer{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:.7rem;gap:.5rem;justify-content:center;margin-top:.75rem;text-align:center}.contact-form .form-footer svg,.success-message{color:#16a34a;color:var(--success-green)}.success-message{background:#dcfce7;background:var(--success-green-light);border:1px solid #dcfce7;border:1px solid var(--success-green-light);border-radius:12px;border-radius:var(--radius-md);padding:1.5rem;text-align:center}@media(min-width:768px){.success-message{padding:2rem}}@media(max-width:576px){.success-message{padding:1.25rem}}.success-message .success-icon{font-size:2.5rem;margin-bottom:.75rem}@media(min-width:768px){.success-message .success-icon{font-size:3rem;margin-bottom:1rem}}.success-message .success-icon svg{color:#16a34a;color:var(--success-green)}.success-message h3{font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1rem,1.5vw,1.25rem)}.success-message h3,.success-message p{color:#16a34a;color:var(--success-green);margin-bottom:.5rem}.success-message p{font-size:.875rem;opacity:.8}.success-message .reference-number{color:#065f46;font-size:.75rem;font-weight:600;margin-bottom:1rem;opacity:.7}.success-message .success-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.success-message .success-btn{margin-top:.5rem}.contact-info-wrapper{order:1}@media(min-width:768px){.contact-info-wrapper{order:2}}.contact-info-title{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.125rem,2vw,1.5rem);margin-bottom:.5rem}@media(min-width:768px){.contact-info-title{margin-bottom:1rem}}.contact-info-subtitle{color:#5a5a5a;color:var(--slate-gray);font-size:.875rem;margin-bottom:1.5rem}@media(min-width:768px){.contact-info-subtitle{font-size:.938rem;margin-bottom:2rem}}.contact-info-list{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.contact-info-list{gap:1rem}}@media(min-width:576px)and (max-width:768px){.contact-info-list{gap:.75rem}}.contact-info-item{align-items:flex-start;background:#f8f8f8;background:var(--light-bg);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:.75rem;min-height:44px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.contact-info-item{gap:1rem;padding:1rem 1.25rem}}@media(max-width:576px){.contact-info-item{padding:.75rem}}.contact-info-item:hover{background:#e8f5e9;background:var(--primary-green-light);border-color:#d9a321;border-color:var(--secondary-gold);transform:translateX(4px)}.contact-info-item .contact-info-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;min-width:36px;width:36px}@media(min-width:768px){.contact-info-item .contact-info-icon{height:44px;min-width:44px;width:44px}}.contact-info-item .contact-info-icon svg{font-size:.875rem}@media(min-width:768px){.contact-info-item .contact-info-icon svg{font-size:1.1rem}}.contact-info-item .contact-info-details h4{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:.813rem;margin-bottom:.125rem}@media(min-width:768px){.contact-info-item .contact-info-details h4{font-size:.875rem;margin-bottom:.25rem}}.contact-info-item .contact-info-details p{color:#5a5a5a;color:var(--slate-gray);font-size:.813rem;line-height:1.5;margin:0}@media(min-width:768px){.contact-info-item .contact-info-details p{font-size:.875rem;line-height:1.6}}.quick-contact{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr;margin:1rem 0}@media(max-width:576px){.quick-contact{gap:.5rem;grid-template-columns:1fr}}.quick-contact .quick-contact-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.5rem .75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.quick-contact .quick-contact-btn{font-size:.813rem;padding:.625rem 1rem}}.quick-contact .quick-contact-btn.whatsapp{background:#25d366}.quick-contact .quick-contact-btn.whatsapp:hover{background:#1da851;box-shadow:0 4px 15px #25d36659;transform:translateY(-2px)}.quick-contact .quick-contact-btn.call{background:#3b82f6;background:var(--info-blue)}.quick-contact .quick-contact-btn.call:hover{background:#2563eb;box-shadow:0 4px 15px #3b82f659;transform:translateY(-2px)}.quick-contact .quick-contact-btn.email{background:#dc2626;background:var(--error-red)}.quick-contact .quick-contact-btn.email:hover{background:#b91c1c;box-shadow:0 4px 15px #dc262659;transform:translateY(-2px)}.map-placeholder{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#5a5a5a;color:var(--slate-gray);display:flex;gap:.5rem;height:150px;justify-content:center;margin-top:1rem}@media(min-width:768px){.map-placeholder{height:200px;margin-top:1.5rem}}.map-placeholder .map-icon{color:#d9a321;color:var(--secondary-gold);font-size:1.5rem}@media(min-width:768px){.map-placeholder .map-icon{font-size:2rem}}.faq-section{background:#f8f8f8;background:var(--light-bg);padding:clamp(2rem,5vw,4rem) 0}@media(max-width:576px){.faq-section{padding:1.5rem 0}}.faq-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin:0 auto;max-width:800px}@media(min-width:768px){.faq-grid{gap:1rem}}.faq-card{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.faq-card{padding:1.25rem 1.5rem}}@media(max-width:576px){.faq-card{padding:.875rem 1rem}}.faq-card:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md)}.faq-card.active{background:#fef3c7;background:var(--secondary-gold-light);border-left:4px solid #d9a321;border-left:4px solid var(--secondary-gold)}.faq-card .faq-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.faq-card .faq-header h4{color:#006b2e;color:var(--primary-green);flex:1 1;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.875rem,1.2vw,1rem);line-height:1.3;margin:0}.faq-card .faq-header .faq-toggle{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:1.25rem;font-weight:700;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.faq-card.active .faq-toggle{transform:rotate(180deg)}.faq-card .faq-answer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin-top:.75rem;padding-top:.75rem}.faq-card .faq-answer p{color:#5a5a5a;color:var(--slate-gray);font-size:.875rem;line-height:1.7;margin:0}.contact-cta{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff;color:var(--white);overflow:hidden;padding:clamp(2rem,4vw,3rem) 1.5rem;position:relative;text-align:center}@media(min-width:768px){.contact-cta{padding:3rem 2rem}}@media(max-width:576px){.contact-cta{padding:1.5rem 1rem}}.contact-cta:before{background-image:radial-gradient(circle at 20% 80%,#d9a3210d 0,#0000 40%),radial-gradient(circle at 80% 20%,#d9a32108 0,#0000 30%);background-image:radial-gradient(circle at 20% 80%,rgba(var(--secondary-gold-rgb),.05) 0,#0000 40%),radial-gradient(circle at 80% 20%,rgba(var(--secondary-gold-rgb),.03) 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.contact-cta .cta-content{margin:0 auto;max-width:600px;position:relative;z-index:1}.contact-cta .cta-content h2{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:.5rem}.contact-cta .cta-content p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.875rem,1.2vw,1rem);margin:0 auto 1.25rem;max-width:500px;opacity:.9}.contact-cta .cta-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media(min-width:768px){.contact-cta .cta-buttons{gap:1rem}}@media(max-width:576px){.contact-cta .cta-buttons{align-items:stretch;flex-direction:column}}@media(min-width:576px)and (max-width:768px){.contact-grid{gap:1.5rem}.contact-info-list{gap:.75rem}}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea,.contact-info-item,.faq-card,.quick-contact-btn{min-height:44px}.contact-form .form-group textarea{min-height:100px}.contact-page ::selection{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white)}.preorder-page{background:#f8f8f8;background:var(--light-bg);min-height:100vh;padding:clamp(1rem,3vw,2rem) 0}.container{padding:0 clamp(.75rem,2vw,1.5rem)}.preorder-header{margin-bottom:clamp(1.25rem,2.5vw,2rem)}.preorder-header .back-btn{align-items:center;background:none;border:none;color:#d9a321;color:var(--secondary-gold);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,1vw,.875rem);gap:clamp(.3rem,.5vw,.5rem);min-height:44px;padding:clamp(.3rem,.5vw,.5rem) 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.preorder-header .back-btn:hover{color:#b8860b;color:var(--secondary-gold-dark);transform:translateX(-4px)}.preorder-header .back-btn:active{transform:scale(.95)}.preorder-header h1{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,4vw,2.5rem);gap:clamp(.4rem,.8vw,.75rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.preorder-header h1 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.1rem,3vw,1.8rem)}.preorder-header p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,1rem)}.badge-group{display:flex;flex-wrap:wrap;gap:clamp(.3rem,.5vw,.5rem);margin-top:clamp(.5rem,.8vw,.75rem)}.badge{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#1f1f1f;color:var(--charcoal);display:inline-flex;font-size:clamp(.55rem,.7vw,.7rem);font-weight:500;gap:clamp(.25rem,.4vw,.4rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.15rem,.25vw,.25rem) clamp(.5rem,.8vw,.75rem)}.badge svg{font-size:clamp(.5rem,.6vw,.6rem)}.badge.currency-badge{background:#e8f5e9;background:var(--primary-green-light);border-color:#006b2e;border-color:var(--primary-green);color:#006b2e;color:var(--primary-green)}.badge.shipment-badge{background:#dbeafe;background:var(--info-blue-light);border-color:#3b82f6;border-color:var(--info-blue);color:#3b82f6;color:var(--info-blue)}.badge.mix-badge{background:#fef3c7;background:var(--secondary-gold-light);border-color:#d9a321;border-color:var(--secondary-gold);color:#b8860b;color:var(--secondary-gold-dark)}.badge.preorder-badge{background:#fce7f3;border-color:#ec4899;color:#ec4899}.alert{align-items:flex-start;border:1px solid;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:clamp(.5rem,.8vw,1rem);margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(.75rem,1vw,1rem) clamp(.75rem,1.2vw,1.25rem)}.alert.success{background:#dcfce7;background:var(--success-green-light);border-color:#86efac;color:#16a34a;color:var(--success-green)}.alert.error{background:#fee2e2;background:var(--error-red-light);border-color:#fca5a5;color:#dc2626;color:var(--error-red)}.alert svg:first-child{flex-shrink:0;font-size:clamp(1rem,1.5vw,1.25rem);margin-top:clamp(.05rem,.1vw,.1rem)}.alert div{flex:1 1;min-width:0}.alert strong{display:block;font-size:clamp(.875rem,1vw,.938rem);font-weight:600}.alert span{display:block;font-size:clamp(.813rem,1vw,.875rem);word-break:break-word}.alert .order-number{color:#d9a321;color:var(--secondary-gold);display:block;font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;margin-top:clamp(.15rem,.25vw,.25rem)}.whatsapp-error-btn{align-items:center;background:#25d366;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,.8vw,.75rem);font-weight:500;gap:clamp(.3rem,.4vw,.5rem);margin-top:clamp(.35rem,.5vw,.5rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.2rem,.3vw,.25rem) clamp(.5rem,.8vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.whatsapp-error-btn:hover{background:#1da851;transform:translateY(-2px)}.whatsapp-error-btn:active{transform:scale(.95)}.preorder-grid{grid-gap:clamp(1rem,2vw,2rem);display:grid;gap:clamp(1rem,2vw,2rem);grid-template-columns:1fr}@media(min-width:1024px){.preorder-grid{gap:clamp(1.5rem,3vw,2rem);grid-template-columns:1fr 1fr}}.preorder-form{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.form-section{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(.75rem,2vw,1.5rem)}@media(min-width:768px){.form-section{padding:clamp(1rem,2vw,1.5rem)}}.form-section h2{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.95rem,1.5vw,1.125rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.15rem,.3vw,.25rem)}.form-section h2 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.85rem,1.2vw,1rem)}.form-section .section-hint{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.7rem,.8vw,.75rem);margin-bottom:clamp(.5rem,.8vw,1rem)}.form-section.payment-section{border-left:4px solid #d9a321;border-left:4px solid var(--secondary-gold)}.form-group label{font-size:clamp(.75rem,.9vw,.813rem);margin-bottom:clamp(.15rem,.25vw,.25rem)}.form-group label svg{font-size:clamp(.7rem,.8vw,.75rem);margin-right:clamp(.15rem,.25vw,.25rem)}.form-group input,.form-group select,.form-group textarea{font-size:clamp(.813rem,1vw,.875rem);padding:clamp(.4rem,.6vw,.5rem) clamp(.5rem,.7vw,.75rem)}@media(max-width:768px){.form-group input,.form-group select,.form-group textarea{font-size:16px}}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626;border-color:var(--error-red);box-shadow:0 0 0 3px #dc262626;box-shadow:0 0 0 3px rgba(var(--error-red-rgb),.15)}.form-group .error-text{color:#dc2626;color:var(--error-red);display:block;font-size:clamp(.7rem,.8vw,.75rem);margin-top:clamp(.15rem,.2vw,.25rem)}.form-group.checkbox label{align-items:flex-start;color:#1f1f1f;color:var(--charcoal);font-size:clamp(.813rem,1vw,.875rem);gap:clamp(.3rem,.5vw,.5rem)}.form-group.checkbox label.error-label{color:#dc2626;color:var(--error-red)}.form-group.checkbox input[type=checkbox]{margin-top:.1rem}.form-group.checkbox .error-text{color:#dc2626;color:var(--error-red);display:block;font-size:clamp(.7rem,.8vw,.75rem);margin-top:clamp(.15rem,.2vw,.25rem)}.form-row{grid-gap:clamp(.5rem,.8vw,1rem);gap:clamp(.5rem,.8vw,1rem)}.animal-type-grid,.customer-type-grid,.pickup-type-grid{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}.animal-type-btn,.customer-type-btn,.pickup-type-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.65rem,.8vw,.75rem);font-weight:500;gap:clamp(.2rem,.3vw,.4rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.3rem,.4vw,.4rem) clamp(.5rem,.7vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.animal-type-btn:hover,.customer-type-btn:hover,.pickup-type-btn:hover{border-color:#d9a321;border-color:var(--secondary-gold);transform:translateY(-2px)}.animal-type-btn:active,.customer-type-btn:active,.pickup-type-btn:active{transform:scale(.95)}.animal-type-btn.active,.customer-type-btn.active,.pickup-type-btn.active{background:#fef3c7;background:var(--secondary-gold-light);border-color:#d9a321;border-color:var(--secondary-gold);color:#b8860b;color:var(--secondary-gold-dark);font-weight:600}.animal-type-btn svg,.customer-type-btn svg,.pickup-type-btn svg{color:#006b2e;color:var(--primary-green);font-size:clamp(.65rem,.8vw,.8rem)}.animal-type-btn.active svg,.customer-type-btn.active svg,.pickup-type-btn.active svg{color:#b8860b;color:var(--secondary-gold-dark)}.payment-method-grid{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);margin-bottom:clamp(.25rem,.4vw,.5rem)}.payment-method-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.65rem,.8vw,.75rem);font-weight:500;gap:clamp(.2rem,.3vw,.4rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.3rem,.4vw,.4rem) clamp(.5rem,.7vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.payment-method-btn:hover{border-color:#d9a321;border-color:var(--secondary-gold);transform:translateY(-2px)}.payment-method-btn:active{transform:scale(.95)}.payment-method-btn.active{background:#fef3c7;background:var(--secondary-gold-light);border-color:#d9a321;border-color:var(--secondary-gold);color:#b8860b;color:var(--secondary-gold-dark);font-weight:600}.payment-method-btn svg{color:#006b2e;color:var(--primary-green);font-size:clamp(.65rem,.8vw,.8rem)}.payment-method-btn.active svg{color:#b8860b;color:var(--secondary-gold-dark)}.saved-payment-methods{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);margin:clamp(.25rem,.4vw,.5rem) 0;padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem)}.payment-option-label{font-size:clamp(.75rem,.9vw,.813rem);font-weight:500;min-height:clamp(40px,5vw,44px);padding:clamp(.2rem,.3vw,.3rem) clamp(.3rem,.5vw,.5rem)}.payment-option-label:hover{background:#f0f0f0}.payment-option-label input[type=radio]{height:clamp(14px,1.8vw,16px);width:clamp(14px,1.8vw,16px)}.payment-option-label svg{font-size:clamp(.7rem,.8vw,.8rem)}.saved-methods-list{margin-top:clamp(.15rem,.25vw,.25rem)}.saved-method{font-size:clamp(.7rem,.8vw,.75rem);margin-bottom:clamp(.1rem,.15vw,.15rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.2rem,.3vw,.3rem) clamp(.3rem,.5vw,.5rem)}.saved-method .default-badge{font-size:clamp(.45rem,.5vw,.5rem);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.3vw,.35rem)}.saved-method .remove-payment-btn{font-size:clamp(.6rem,.7vw,.65rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.15rem) clamp(.2rem,.3vw,.3rem)}.mobile-money-field small{color:#5a5a5a;color:var(--slate-gray);display:block;font-size:clamp(.55rem,.6vw,.6rem);margin-top:clamp(.1rem,.15vw,.15rem)}.add-payment-btn{font-size:clamp(.7rem,.8vw,.75rem);margin-top:clamp(.15rem,.25vw,.25rem);padding:clamp(.25rem,.3vw,.3rem) clamp(.5rem,.7vw,.75rem)}.add-payment-form{margin-top:clamp(.25rem,.4vw,.5rem);padding:clamp(.5rem,.8vw,.75rem)}.add-payment-form h4{font-size:clamp(.75rem,.9vw,.813rem);margin-bottom:clamp(.25rem,.4vw,.5rem)}.save-payment-btn{font-size:clamp(.7rem,.8vw,.75rem);margin-top:clamp(.15rem,.25vw,.25rem);min-height:clamp(40px,5vw,44px);padding:clamp(.35rem,.5vw,.4rem) clamp(.75rem,1vw,1rem)}.save-payment-btn:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.save-payment-btn:disabled{cursor:not-allowed;opacity:.6}.preorder-cart{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.cart-header{border-bottom:2px solid #d9a321;border-bottom:2px solid var(--secondary-gold);justify-content:space-between;padding-bottom:clamp(.35rem,.6vw,.5rem)}.cart-header,.cart-header h2{align-items:center;display:flex}.cart-header h2{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.95rem,1.5vw,1.125rem);gap:clamp(.3rem,.5vw,.5rem)}.cart-header h2 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.85rem,1.2vw,1rem)}.cart-header .cart-count{background:#f8f8f8;background:var(--light-bg);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.7vw,.7rem);padding:clamp(.05rem,.1vw,.1rem) clamp(.35rem,.5vw,.5rem)}.product-selector{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(.75rem,2vw,1.5rem)}.product-selector h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,1.2vw,1rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.15rem,.25vw,.25rem)}.product-selector h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1vw,.9rem)}.product-selector .product-description{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,.9vw,.813rem);margin-bottom:clamp(.5rem,.8vw,1rem)}.size-selector{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr;margin-bottom:clamp(.5rem,.8vw,1rem)}@media(min-width:576px){.size-selector{grid-template-columns:1fr 1fr}}.size-btn{background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);padding:clamp(.5rem,.8vw,.75rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.size-btn:hover{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.size-btn:active{transform:scale(.98)}.size-btn.active{background:#fef3c7;background:var(--secondary-gold-light);border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 4px 12px #d9a32133;box-shadow:0 4px 12px rgba(var(--secondary-gold-rgb),.2)}.size-btn .size-label{color:#006b2e;color:var(--primary-green);display:block;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700}.size-btn .size-price{color:#d9a321;color:var(--secondary-gold);display:block;font-size:clamp(.75rem,.9vw,.875rem);font-weight:600}.size-btn .size-price-usd{font-size:clamp(.5rem,.6vw,.6rem);font-weight:400}.size-btn .size-deposit,.size-btn .size-price-usd{color:#5a5a5a;color:var(--slate-gray);display:block}.size-btn .size-deposit{font-size:clamp(.6rem,.7vw,.7rem)}.size-btn .size-savings{color:#16a34a;color:var(--success-green);display:block;font-size:clamp(.55rem,.6vw,.65rem);font-weight:500}.size-btn .size-feed{color:#006b2e;color:var(--primary-green);display:block;font-size:clamp(.5rem,.6vw,.6rem);margin-top:clamp(.1rem,.15vw,.2rem)}.add-product-btn{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:clamp(.3rem,.4vw,.5rem);justify-content:center;min-height:clamp(44px,5vw,48px);padding:clamp(.5rem,.6vw,.625rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.add-product-btn:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.add-product-btn:disabled{cursor:not-allowed;opacity:.5}.feed-calculator{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(.75rem,2vw,1.25rem)}.calculator-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);display:flex;gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.5rem,.8vw,.75rem);padding-bottom:clamp(.35rem,.5vw,.5rem)}.calculator-header svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.9rem,1.2vw,1.1rem)}.calculator-header h4{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.813rem,.9vw,.875rem);margin:0}.calculator-header .calculator-badge{background:#d9a321;background:var(--secondary-gold);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);font-size:clamp(.45rem,.5vw,.55rem);font-weight:600;margin-left:auto;padding:clamp(.05rem,.08vw,.1rem) clamp(.3rem,.4vw,.5rem);white-space:nowrap}.calculator-grid{grid-gap:clamp(.5rem,.8vw,1rem);display:grid;gap:clamp(.5rem,.8vw,1rem);grid-template-columns:1fr}@media(min-width:576px){.calculator-grid{grid-template-columns:1fr 1fr}}.calculator-inputs .form-group{margin-bottom:clamp(.35rem,.5vw,.5rem)}.calculator-inputs .form-group label{align-items:center;display:flex;font-size:clamp(.7rem,.8vw,.75rem);font-weight:500;gap:clamp(.15rem,.2vw,.25rem)}.calculator-inputs .form-group label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.6rem,.7vw,.7rem)}.calculator-inputs .form-group input{font-size:clamp(.75rem,.8vw,.813rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.3rem,.4vw,.35rem) clamp(.4rem,.5vw,.5rem)}.input-hint{color:#5a5a5a;color:var(--slate-gray);display:block;font-size:clamp(.5rem,.6vw,.55rem);margin-top:clamp(.1rem,.15vw,.15rem)}.calculator-results{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:clamp(.1rem,.15vw,.25rem);padding:clamp(.35rem,.5vw,.5rem)}.result-item{border-bottom:1px solid #f0f0f0;display:flex;font-size:clamp(.6rem,.7vw,.7rem);justify-content:space-between;padding:clamp(.1rem,.15vw,.15rem) 0}.result-item:last-child{border-bottom:none}.result-item .result-label{color:#5a5a5a;color:var(--slate-gray)}.result-item .result-value{color:#1f1f1f;color:var(--charcoal);font-weight:600}.result-item.highlight .result-value{color:#d9a321;color:var(--secondary-gold)}.result-item.highlight{background:#fef3c7;background:var(--secondary-gold-light);border-radius:4px;border-radius:var(--radius-xs);margin:0 -.35rem;padding:clamp(.1rem,.15vw,.15rem) clamp(.25rem,.35vw,.35rem)}.calculator-timeline{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);margin-top:clamp(.5rem,.8vw,.75rem);padding:clamp(.35rem,.5vw,.5rem)}.timeline-header{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-size:clamp(.6rem,.7vw,.7rem);font-weight:600;gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(.25rem,.4vw,.5rem)}.timeline-header svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.65rem,.7vw,.75rem)}.timeline-steps{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.15rem,.25vw,.25rem);justify-content:space-between}@media(max-width:576px){.timeline-steps{justify-content:center}}.step{align-items:center;display:flex;flex:1 1;gap:clamp(.15rem,.2vw,.25rem);min-width:clamp(80px,20vw,120px)}@media(max-width:576px){.step{min-width:60px}}.step .step-icon{align-items:center;background:#006b2e;background:var(--primary-green);border-radius:50%;color:#fff;color:var(--white);flex-shrink:0;font-weight:700;height:clamp(20px,2.5vw,24px);justify-content:center;width:clamp(20px,2.5vw,24px)}.step .step-icon,.step .step-info{display:flex;font-size:clamp(.5rem,.6vw,.6rem)}.step .step-info{flex-direction:column}.step .step-info strong{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.55rem,.65vw,.65rem)}.step .step-info span{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.45rem,.5vw,.55rem)}.step-arrow{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(.6rem,.8vw,.8rem)}@media(max-width:576px){.step-arrow{display:none}}.calculator-note{align-items:flex-start;background:#e8f5e9;background:var(--primary-green-light);border-left:3px solid #d9a321;border-left:3px solid var(--secondary-gold);border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);display:flex;font-size:clamp(.6rem,.7vw,.7rem);gap:clamp(.3rem,.4vw,.5rem);margin-top:clamp(.5rem,.8vw,.75rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem)}.calculator-note svg{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(.65rem,.7vw,.75rem);margin-top:clamp(.05rem,.08vw,.1rem)}.calculator-note strong{color:#1f1f1f;color:var(--charcoal)}.cart-items{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);max-height:clamp(200px,40vh,300px);overflow-y:auto;padding:clamp(.5rem,.8vw,.75rem)}.cart-items::-webkit-scrollbar{width:4px}.cart-items::-webkit-scrollbar-track{background:#f8f8f8;background:var(--light-bg)}.cart-items::-webkit-scrollbar-thumb{background:#d9a321;background:var(--secondary-gold);border-radius:9999px;border-radius:var(--radius-full)}.empty-cart{color:#5a5a5a;color:var(--slate-gray);padding:clamp(1rem,2vw,2rem) clamp(.75rem,1.5vw,1rem);text-align:center}.empty-cart svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(2rem,4vw,2.5rem);margin-bottom:clamp(.25rem,.5vw,.5rem);opacity:.5}.empty-cart p{font-size:clamp(.875rem,1vw,.938rem);font-weight:500;margin:0}.empty-cart span{font-size:clamp(.7rem,.8vw,.75rem)}.cart-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:clamp(.3rem,.5vw,.5rem);justify-content:space-between;padding:clamp(.35rem,.5vw,.5rem) 0}@media(max-width:576px){.cart-item{align-items:stretch;flex-direction:column;gap:clamp(.15rem,.25vw,.25rem)}}.cart-item:last-child{border-bottom:none}.item-info h4{color:#006b2e;color:var(--primary-green);font-size:clamp(.75rem,.8vw,.813rem);margin:0}.item-info .item-size{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.65vw,.65rem)}.item-info .item-mix{color:#16a34a;color:var(--success-green);display:block;font-size:clamp(.5rem,.55vw,.55rem)}.item-info .item-price{color:#d9a321;color:var(--secondary-gold);display:block;font-size:clamp(.65rem,.7vw,.7rem);font-weight:600}.item-info .item-price-usd{color:#5a5a5a;color:var(--slate-gray);display:block;font-size:clamp(.5rem,.55vw,.55rem);font-weight:400}.item-info .item-savings{color:#16a34a;color:var(--success-green);display:block;font-size:clamp(.5rem,.55vw,.55rem);font-weight:500}.item-controls{align-items:center;display:flex;gap:clamp(.25rem,.4vw,.5rem)}@media(max-width:576px){.item-controls{justify-content:flex-end}}.quantity-control{gap:clamp(.15rem,.2vw,.25rem)}.qty-btn,.quantity-control{align-items:center;display:flex}.qty-btn{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:50%;color:#1f1f1f;color:var(--charcoal);cursor:pointer;font-size:clamp(.5rem,.6vw,.6rem);height:clamp(24px,3vw,28px);justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:clamp(24px,3vw,28px)}.qty-btn:hover{background:#fef3c7;background:var(--secondary-gold-light);border-color:#d9a321;border-color:var(--secondary-gold)}.qty-btn:active{transform:scale(.9)}.qty-display{font-size:clamp(.75rem,.8vw,.813rem);font-weight:600;min-width:clamp(20px,3vw,24px);text-align:center}.remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#dc2626;color:var(--error-red);cursor:pointer;display:flex;font-size:clamp(.7rem,.8vw,.8rem);justify-content:center;min-height:clamp(32px,4vw,36px);min-width:clamp(32px,4vw,36px);padding:clamp(.15rem,.2vw,.25rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.remove-btn:hover{background:#fee2e2;background:var(--error-red-light)}.cart-summary{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(.75rem,2vw,1.25rem)}.summary-row{border-bottom:1px solid #f0f0f0;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.75rem,.9vw,.813rem);justify-content:space-between;padding:clamp(.2rem,.3vw,.3rem) 0}.summary-row:last-of-type{border-bottom:none}.summary-row .price-usd{color:#5a5a5a;color:var(--slate-gray);display:block;font-size:clamp(.5rem,.55vw,.55rem);font-weight:400}.summary-row.savings{color:#16a34a;color:var(--success-green);font-weight:500}.summary-row.deposit{color:#d9a321;color:var(--secondary-gold);font-weight:500}.summary-row.balance{color:#8b5cf6;color:var(--purple-accent);font-weight:500}.summary-row.total{border-top:2px solid #d9a321;border-top:2px solid var(--secondary-gold);color:#006b2e;color:var(--primary-green);font-size:clamp(.875rem,1.1vw,1rem);font-weight:700;padding-top:clamp(.35rem,.5vw,.5rem)}.cart-error{margin:clamp(.25rem,.4vw,.5rem) 0;text-align:center}.submit-btn,.whatsapp-order-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:clamp(.3rem,.4vw,.5rem);justify-content:center;margin-top:clamp(.35rem,.5vw,.5rem);min-height:clamp(44px,5vw,48px);padding:clamp(.5rem,.6vw,.625rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.submit-btn{background:#006b2e;background:var(--primary-green);color:#fff;color:var(--white)}.submit-btn:hover:not(:disabled){background:#014421;background:var(--primary-green-dark);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.whatsapp-order-btn{background:#25d366;color:#fff;color:var(--white)}.whatsapp-order-btn:hover{background:#1da851;transform:translateY(-2px)}.whatsapp-order-btn:active{transform:scale(.95)}.disclaimer{align-items:flex-start;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.6rem,.65vw,.65rem);gap:clamp(.3rem,.4vw,.5rem);margin-top:clamp(.5rem,.8vw,.75rem)}.disclaimer svg{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(.6rem,.65vw,.7rem);margin-top:clamp(.05rem,.08vw,.1rem)}@media(max-width:576px){.badge-group{gap:.25rem}.badge{font-size:.5rem;min-height:24px;padding:.1rem .4rem}.animal-type-grid,.customer-type-grid,.payment-method-grid{gap:.25rem}.animal-type-btn,.customer-type-btn,.payment-method-btn{font-size:.6rem;min-height:32px;padding:.25rem .4rem}.size-selector{grid-template-columns:1fr}.timeline-steps{align-items:stretch;flex-direction:column;gap:.25rem}.step{min-width:auto}.step-arrow{display:none}.calculator-grid{grid-template-columns:1fr}}@media(max-width:400px){.preorder-header h1{font-size:1.1rem}.form-section,.product-selector{padding:.5rem}.size-btn{padding:.35rem}.size-btn .size-label{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.add-payment-btn,.add-product-btn,.alert,.animal-type-btn,.back-btn,.customer-type-btn,.mobile-money-field,.payment-method-btn,.pickup-type-btn,.preorder-page,.qty-btn,.remove-btn,.save-payment-btn,.saved-method,.size-btn,.submit-btn,.whatsapp-order-btn{animation:none!important;transform:none!important;transition:none!important}.mobile-money-field{animation:none!important}}@supports(padding:max(0px)){.preorder-page{padding-bottom:max(clamp(1rem,3vw,2rem),env(safe-area-inset-bottom));padding-top:max(clamp(1rem,3vw,2rem),env(safe-area-inset-top))}.container{padding-left:max(clamp(.75rem,2vw,1.5rem),env(safe-area-inset-left));padding-right:max(clamp(.75rem,2vw,1.5rem),env(safe-area-inset-right))}}.auth-page{align-items:center;background:#f8f8f8;background:var(--light-bg);display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:clamp(1rem,3vw,1.5rem)}@media(min-width:768px){.auth-page{min-height:calc(100vh - 70px);padding:clamp(1.5rem,4vw,2rem)}}.auth-container{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);max-width:450px;padding:clamp(1.25rem,3vw,1.5rem);width:100%}@media(min-width:768px){.auth-container{border-radius:16px;border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,2.5rem)}}.auth-container.auth-register{max-width:700px}.auth-container.auth-login{max-width:450px}.auth-header{margin-bottom:clamp(1rem,2.5vw,1.5rem);text-align:center}@media(min-width:768px){.auth-header{margin-bottom:clamp(1.5rem,3vw,2rem)}}.auth-header .auth-icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(2rem,5vw,2.5rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.auth-header h1{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:clamp(.15rem,.3vw,.25rem)}@media(min-width:768px){.auth-header h1{font-size:clamp(1.5rem,3.5vw,1.75rem)}}.auth-header p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,.875rem)}.auth-error,.auth-info,.auth-success{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:clamp(.75rem,1vw,.813rem);gap:clamp(.3rem,.5vw,.5rem);justify-content:center;margin-bottom:clamp(.5rem,1vw,.75rem);min-height:clamp(44px,5vw,48px);padding:clamp(.5rem,.8vw,.625rem) clamp(.625rem,1vw,.875rem);text-align:center}.auth-error svg,.auth-info svg,.auth-success svg{flex-shrink:0;font-size:clamp(.8rem,1.1vw,.9rem)}.auth-error{background:#fee2e2;background:var(--error-red-light);border:1px solid #fecaca;color:#dc2626;color:var(--error-red)}.auth-info{background:#fef3c7;background:var(--warning-yellow-light);border:1px solid #fde68a;color:#92400e}.auth-success{background:#dcfce7;background:var(--success-green-light);border:1px solid #bbf7d0;color:#16a34a;color:var(--success-green)}.user-type-selector{grid-gap:clamp(.25rem,.4vw,.5rem);display:grid;gap:clamp(.25rem,.4vw,.5rem);grid-template-columns:repeat(4,1fr);margin-bottom:clamp(1rem,2vw,1.5rem)}@media(max-width:360px){.user-type-selector{grid-template-columns:repeat(2,1fr)}}.user-type-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:clamp(.1rem,.2vw,.15rem);justify-content:center;min-height:clamp(48px,6vw,56px);padding:clamp(.3rem,.5vw,.5rem) clamp(.4rem,.6vw,.75rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.user-type-btn.active,.user-type-btn:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.user-type-btn.active{background:#d9a32114;background:rgba(var(--secondary-gold-rgb),.08)}.user-type-btn:active{transform:scale(.95)}.user-type-btn .user-type-icon{color:#006b2e;color:var(--primary-green);font-size:clamp(.9rem,1.5vw,1.1rem)}.user-type-btn.active .user-type-btn .user-type-icon{color:#d9a321;color:var(--secondary-gold)}.user-type-btn .user-type-label{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.55rem,.7vw,.65rem);font-weight:600}@media(max-width:576px){.user-type-btn .user-type-label{font-size:clamp(.5rem,.6vw,.55rem)}}.auth-section{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin-top:clamp(.75rem,1.5vw,1rem);padding-top:clamp(.75rem,1.5vw,1rem)}.auth-section .auth-section-title{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,1.2vw,1rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.auth-section .auth-section-title svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1vw,.9rem)}.auth-section .auth-section-description{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,1vw,.813rem);line-height:1.6;margin-bottom:clamp(.5rem,.8vw,.75rem)}.sub-section-title{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.85rem,1.1vw,.938rem);gap:clamp(.3rem,.5vw,.5rem);margin:clamp(.75rem,1.2vw,1rem) 0 clamp(.35rem,.5vw,.5rem)}.sub-section-title svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.75rem,.9vw,.85rem)}.image-upload-section .image-upload-field{margin-bottom:clamp(.75rem,1vw,1rem)}.image-upload-section .image-upload-label{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.75rem,1vw,.813rem);font-weight:500;gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.25rem,.4vw,.375rem)}.image-upload-section .image-upload-label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.8vw,.75rem)}.image-upload-section .image-upload-wrapper{align-items:center;display:flex;flex-direction:column;gap:clamp(.25rem,.3vw,.375rem)}.image-upload-section .image-upload-wrapper .image-preview-container{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.image-upload-section .image-upload-wrapper .image-preview-container.circle{border-radius:50%;height:clamp(80px,15vw,120px);width:clamp(80px,15vw,120px)}.image-upload-section .image-upload-wrapper .image-preview-container.rectangle{border-radius:8px;height:clamp(80px,15vw,100px);width:100%}.image-upload-section .image-upload-wrapper .image-preview-container:hover{border-color:#006b2e!important;border-color:var(--primary-green)!important;box-shadow:0 0 0 3px #006b2e26;box-shadow:0 0 0 3px rgba(var(--primary-green-rgb),.15)}.image-upload-section .image-upload-wrapper .image-remove-btn{align-items:center;background:#dc2626;background:var(--error-red);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:24px}.image-upload-section .image-upload-wrapper .image-remove-btn:hover{transform:scale(1.1)}.image-upload-section .image-upload-wrapper .image-remove-btn svg{font-size:12px}.image-upload-section small{color:#5a5a5a;color:var(--slate-gray);display:block;font-size:clamp(.6rem,.7vw,.65rem);margin-top:clamp(.15rem,.2vw,.25rem);text-align:center}.team-role-grid{grid-gap:clamp(.35rem,.5vw,.5rem);display:grid;gap:clamp(.35rem,.5vw,.5rem);grid-template-columns:1fr}@media(min-width:576px){.team-role-grid{grid-template-columns:1fr 1fr}}.team-role-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:clamp(.35rem,.5vw,.5rem);min-height:clamp(44px,5vw,52px);padding:clamp(.4rem,.6vw,.5rem) clamp(.5rem,.8vw,.75rem);text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.team-role-btn.active,.team-role-btn:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.team-role-btn.active{background:#d9a32114;background:rgba(var(--secondary-gold-rgb),.08)}.team-role-btn:active{transform:scale(.98)}.team-role-btn .role-icon{color:#006b2e;color:var(--primary-green);flex-shrink:0;font-size:clamp(.9rem,1.2vw,1.1rem)}.team-role-btn .role-info{flex:1 1;min-width:0}.team-role-btn .role-label{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.7rem,.9vw,.75rem);font-weight:600}.team-role-btn .role-description{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.7vw,.6rem)}.team-role-btn .role-check{color:#16a34a;color:var(--success-green);flex-shrink:0;font-size:clamp(.9rem,1.2vw,1rem)}.auth-form .form-group{margin-bottom:clamp(.75rem,1.2vw,1rem)}@media(min-width:768px){.auth-form .form-group{margin-bottom:clamp(1rem,1.8vw,1.25rem)}}.auth-form .form-group label{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.75rem,1vw,.813rem);font-weight:500;gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.2rem,.3vw,.25rem)}@media(min-width:768px){.auth-form .form-group label{font-size:clamp(.813rem,1.2vw,.875rem);margin-bottom:clamp(.25rem,.4vw,.375rem)}}.auth-form .form-group label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.9vw,.8rem)}.auth-form .form-group input,.auth-form .form-group select{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,1vw,.875rem);min-height:clamp(44px,5vw,48px);padding:clamp(.5rem,.8vw,.625rem) clamp(.6rem,.8vw,.75rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}@media(min-width:768px){.auth-form .form-group input,.auth-form .form-group select{font-size:clamp(.875rem,1.2vw,1rem);min-height:clamp(48px,5.5vw,52px);padding:clamp(.6rem,.8vw,.75rem)}}.auth-form .form-group input:focus,.auth-form .form-group select:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.auth-form .form-group input::placeholder,.auth-form .form-group select::placeholder{color:#9ca3af;opacity:.7}.auth-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235A5A5A' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.auth-form .password-input-wrapper{position:relative}.auth-form .password-input-wrapper input{padding-right:3rem}.auth-form .password-toggle{align-items:center;background:none;border:none;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:clamp(.25rem,.4vw,.5rem);position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.auth-form .password-toggle:hover{color:#006b2e;color:var(--primary-green)}.auth-form .password-toggle svg{font-size:clamp(.9rem,1.2vw,1rem)}.auth-form .input-hint{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.8vw,.7rem);margin-top:clamp(.15rem,.25vw,.25rem);text-align:right}.auth-form .input-hint a{align-items:center;color:#d9a321;color:var(--secondary-gold);display:inline-flex;gap:clamp(.2rem,.3vw,.3rem);text-decoration:none}.auth-form .input-hint a svg{font-size:clamp(.55rem,.7vw,.65rem)}.auth-form .input-hint a:hover{text-decoration:underline}.auth-form .form-row{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:576px){.auth-form .form-row{grid-template-columns:1fr 1fr}}.checkbox-group{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem)}@media(max-width:576px){.checkbox-group{gap:clamp(.15rem,.25vw,.25rem)}}.checkbox-btn{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,.9vw,.813rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.25rem,.4vw,.35rem) clamp(.5rem,.8vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(max-width:576px){.checkbox-btn{font-size:clamp(.6rem,.8vw,.7rem);min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.3vw,.25rem) clamp(.35rem,.5vw,.5rem)}}.checkbox-btn.active,.checkbox-btn:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.checkbox-btn.active{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white)}.checkbox-btn:active{transform:scale(.95)}.checkbox-grid{grid-gap:clamp(.3rem,.5vw,.5rem);display:grid;gap:clamp(.3rem,.5vw,.5rem);grid-template-columns:1fr}@media(min-width:576px){.checkbox-grid{grid-template-columns:1fr 1fr}}.checkbox-label{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.75rem,1vw,.813rem);gap:clamp(.3rem,.5vw,.5rem);min-height:clamp(40px,5vw,44px);padding:clamp(.2rem,.3vw,.3rem) clamp(.35rem,.5vw,.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(max-width:576px){.checkbox-label{font-size:clamp(.7rem,.9vw,.75rem);min-height:clamp(36px,4.5vw,40px)}}.checkbox-label:hover{background:#f8f8f8;background:var(--light-bg)}.checkbox-label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.9vw,.8rem)}.checkbox-label input[type=checkbox]{accent-color:#d9a321;accent-color:var(--secondary-gold);cursor:pointer;flex-shrink:0;height:clamp(16px,2vw,18px);width:clamp(16px,2vw,18px)}.auth-submit{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,1vw,.875rem);font-weight:600;gap:clamp(.3rem,.5vw,.5rem);justify-content:center;margin-top:clamp(.25rem,.5vw,.5rem);min-height:clamp(48px,5.5vw,52px);padding:clamp(.5rem,.8vw,.625rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}@media(min-width:768px){.auth-submit{font-size:clamp(.875rem,1.2vw,1rem);min-height:clamp(52px,6vw,56px);padding:clamp(.6rem,.8vw,.75rem)}}.auth-submit:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark);box-shadow:0 4px 15px #d9a3214d;box-shadow:0 4px 15px rgba(var(--secondary-gold-rgb),.3);transform:translateY(-2px)}.auth-submit:active:not(:disabled){transform:scale(.97)}.auth-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin-top:clamp(1rem,2vw,1.25rem);padding-top:clamp(1rem,2vw,1.25rem);text-align:center}@media(min-width:768px){.auth-footer{margin-top:clamp(1.25rem,2.5vw,1.5rem);padding-top:clamp(1.25rem,2.5vw,1.5rem)}}.auth-footer p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1vw,.875rem)}.auth-footer a{color:#d9a321;color:var(--secondary-gold);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media(max-width:576px){.auth-container{border-radius:8px;border-radius:var(--radius-sm);padding:1rem}.auth-header h1{font-size:1.25rem}.user-type-selector{grid-template-columns:repeat(2,1fr)}.checkbox-grid,.form-row,.team-role-grid{grid-template-columns:1fr}.image-upload-section .image-preview-container.circle{height:80px!important;width:80px!important}.image-upload-section .image-preview-container.rectangle{height:80px!important}}@media(max-width:400px){.auth-container{padding:.875rem}.user-type-selector{gap:.25rem;grid-template-columns:repeat(2,1fr)}.user-type-btn{min-height:40px;padding:.25rem .4rem}.user-type-btn .user-type-icon{font-size:.8rem}.user-type-btn .user-type-label{font-size:.5rem}.team-role-btn{min-height:40px;padding:.35rem .5rem}.auth-submit{font-size:.813rem;min-height:44px}.image-upload-section .image-preview-container.circle{height:64px!important;width:64px!important}.image-upload-section .image-preview-container.rectangle{height:60px!important}}@media(prefers-reduced-motion:reduce){.auth-container,.auth-page,.auth-submit,.checkbox-btn,.checkbox-label,.image-preview-container,.image-remove-btn,.team-role-btn,.user-type-btn{animation:none!important;transition:none!important}.auth-submit:hover:not(:disabled),.team-role-btn:hover,.user-type-btn:hover{transform:none!important}}@supports(padding:max(0px)){.auth-page{padding-bottom:max(clamp(1rem,3vw,1.5rem),env(safe-area-inset-bottom));padding-top:max(clamp(1rem,3vw,1.5rem),env(safe-area-inset-top))}}.orders-page{background:#fff;background:var(--white);min-height:100vh}.page-hero{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff;color:var(--white);overflow:hidden;padding:2.5rem 1.5rem;position:relative;text-align:center}@media(min-width:768px){.page-hero{padding:3rem 2rem}}.page-hero .page-hero-overlay{background:#d9a3210d;background:rgba(var(--secondary-gold-rgb),.05);border-radius:50%;height:300px;position:absolute;right:-20%;top:-50%;width:300px}@media(min-width:768px){.page-hero .page-hero-overlay{height:500px;width:500px}}.page-hero .page-hero-content{position:relative;z-index:2}.page-hero .page-hero-icon{color:#d9a321;color:var(--secondary-gold);font-size:2rem;margin-bottom:.75rem}@media(min-width:768px){.page-hero .page-hero-icon{font-size:2.5rem;margin-bottom:1rem}}.page-hero h1{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:.5rem}.page-hero p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:.938rem;margin:0 auto;max-width:600px;opacity:.9}@media(min-width:768px){.page-hero p{font-size:1rem}}.page-hero .page-hero-badges{display:flex;flex-wrap:wrap;font-size:.7rem;gap:1rem;justify-content:center;margin-top:.5rem;opacity:.8}.page-hero .page-hero-badges span{align-items:center;display:inline-flex;gap:.25rem}.page-hero .page-hero-whatsapp{align-items:center;background:#25d366;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:.813rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.4rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.page-hero .page-hero-whatsapp:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.orders-container{margin:0 auto;max-width:1000px;padding:2rem 1.5rem}@media(max-width:576px){.orders-container{padding:1.5rem .75rem}}.farmer-notice{align-items:center;background:#e8f5e9;background:var(--primary-green-light);border:1px solid #c8e6c9;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:2rem;padding:.75rem 1.25rem}.farmer-notice svg{color:#006b2e;color:var(--primary-green);font-size:1.25rem}.farmer-notice div{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem}.farmer-notice .farmer-notice-count,.farmer-notice div strong{color:#006b2e;color:var(--primary-green)}.farmer-notice .farmer-notice-count{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;padding:.15rem .5rem}.orders-empty{padding:3rem 1rem;text-align:center}.orders-empty .orders-empty-icon{font-size:4rem;margin-bottom:1rem}.orders-empty h3{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading)}.orders-empty p{color:#5a5a5a;color:var(--slate-gray);margin:.5rem 0 1.5rem}.orders-empty .orders-empty-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.shop-link{align-items:center;background:#d9a321;background:var(--secondary-gold);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.shop-link:hover{background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.whatsapp-link{align-items:center;background:#25d366;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.whatsapp-link:hover{background:#1da851;transform:translateY(-2px)}.orders-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}@media(max-width:576px){.orders-filters{flex-direction:column}}.orders-filters .filters-scroll{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.4rem}@media(max-width:576px){.orders-filters .filters-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;width:100%}}.orders-filters .filter-icon{color:#5a5a5a;color:var(--slate-gray);font-size:.75rem;margin-right:.25rem}.orders-filters .filter-btn{background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.75rem;font-weight:400;padding:.35rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.orders-filters .filter-btn.active,.orders-filters .filter-btn:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.orders-filters .filter-btn.active{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white);font-weight:600}.orders-filters .search-wrapper{flex-shrink:0;min-width:180px;position:relative}@media(max-width:576px){.orders-filters .search-wrapper{min-width:auto;width:100%}}.orders-filters .search-wrapper .search-icon{color:#9ca3af;font-size:.75rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.orders-filters .search-wrapper .search-input{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.813rem;outline:none;padding:.4rem .75rem .4rem 2rem;transition:border-color .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast);width:100%}.orders-filters .search-wrapper .search-input:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15)}.orders-count{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.orders-count .clear-filter{align-items:center;background:none;border:none;color:#d9a321;color:var(--secondary-gold);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:.75rem;gap:.25rem}.orders-count .clear-filter:hover{color:#b8860b;color:var(--secondary-gold-dark)}.orders-list{display:flex;flex-direction:column;gap:.75rem}.orders-no-results{color:#5a5a5a;color:var(--slate-gray);padding:2rem;text-align:center}.order-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.order-card:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm)}.order-card.bulk{border-left:4px solid #d9a321;border-left:4px solid var(--secondary-gold)}.order-card .order-card-link{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;text-decoration:none}@media(max-width:576px){.order-card .order-card-link{align-items:stretch;flex-direction:column;padding:.75rem 1rem}}.order-card .order-card-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:1rem}.order-card .order-icon{align-items:center;border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.order-card .order-icon.regular{background:#006b2e;background:var(--primary-green)}.order-card .order-icon.bulk{background:#d9a321;background:var(--secondary-gold)}.order-card .order-number{color:#1f1f1f;color:var(--charcoal);font-size:.938rem;font-weight:600}.order-card .bulk-badge{background:#d9a321;background:var(--secondary-gold)}.order-card .bulk-badge,.order-card .preorder-badge{border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);font-size:.55rem;font-weight:600;margin-left:.5rem;padding:.15rem .5rem;vertical-align:middle}.order-card .preorder-badge{background:#f59e0b;background:var(--warning-yellow)}.order-card .preorder-badge svg{margin-right:.15rem}.order-card .order-meta{color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:.7rem;gap:.75rem;margin-top:.15rem}@media(max-width:576px){.order-card .order-meta{gap:.5rem}.order-card .order-meta span{font-size:.6rem}}.order-card .order-meta span{align-items:center;display:inline-flex;gap:.25rem}.order-card .order-meta svg{color:#d9a321;color:var(--secondary-gold);font-size:.55rem}.order-card .order-card-right{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}@media(max-width:576px){.order-card .order-card-right{justify-content:space-between;width:100%}}.order-card .order-total{text-align:right}.order-card .total-label{color:#5a5a5a;color:var(--slate-gray);font-size:.65rem}.order-card .total-amount{color:#d9a321;color:var(--secondary-gold);font-size:1rem;font-weight:700}.order-card .order-status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.2rem .75rem;white-space:nowrap}.order-card .order-view{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-size:.813rem;font-weight:500;gap:.5rem}.order-card .order-view:hover{color:#d9a321;color:var(--secondary-gold)}.orders-support{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:2rem;padding:1rem 1.25rem}@media(max-width:576px){.orders-support{flex-direction:column;text-align:center}}.orders-support svg{color:#25d366;font-size:1.5rem}.orders-support div{display:flex;flex:1 1;flex-direction:column}.orders-support div strong{color:#1f1f1f;color:var(--charcoal);font-size:.875rem}.orders-support div span{color:#5a5a5a;color:var(--slate-gray);font-size:.75rem}.orders-support .support-link{align-items:center;background:#25d366;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:.813rem;font-weight:600;gap:.5rem;padding:.4rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(max-width:576px){.orders-support .support-link{justify-content:center;width:100%}}.orders-support .support-link:hover{background:#1da851;transform:translateY(-2px)}.tracking-page{background:#fff;background:var(--white);min-height:100vh}.tracking-hero{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff;color:var(--white);overflow:hidden;padding:clamp(2rem,5vw,3.5rem) clamp(.75rem,3vw,1.5rem);position:relative;text-align:center}.tracking-hero .tracking-hero__bg{background:#d9a3210d;background:rgba(var(--secondary-gold-rgb),.05);border-radius:50%;height:clamp(200px,40vw,500px);pointer-events:none;position:absolute;right:-20%;top:-50%;width:clamp(200px,40vw,500px)}.tracking-hero .tracking-hero__content{margin:0 auto;max-width:800px;position:relative;z-index:2}.tracking-hero .tracking-hero__icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(2rem,4vw,2.5rem);margin-bottom:clamp(.5rem,1vw,.75rem)}.tracking-hero h1{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.tracking-hero p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.813rem,1.5vw,1rem);line-height:1.7;margin:0 auto;max-width:600px;opacity:.9}.tracking-hero .tracking-hero__info{display:flex;flex-wrap:wrap;font-size:clamp(.65rem,.8vw,.75rem);gap:clamp(.5rem,.8vw,1.5rem);justify-content:center;margin-top:clamp(.5rem,.8vw,.75rem);opacity:.8}.tracking-hero .tracking-hero__info span{align-items:center;display:inline-flex;gap:clamp(.2rem,.3vw,.25rem)}.tracking-hero .tracking-hero__info span svg{font-size:clamp(.6rem,.7vw,.7rem)}.tracking-hero .tracking-hero__whatsapp{align-items:center;background:#fff;background:var(--white);border-radius:9999px;border-radius:var(--radius-full);color:#25d366;display:inline-flex;font-size:clamp(.75rem,.8vw,.813rem);font-weight:500;gap:clamp(.3rem,.4vw,.5rem);margin-top:clamp(.5rem,.8vw,1rem);min-height:clamp(40px,4.5vw,44px);padding:clamp(.3rem,.4vw,.4rem) clamp(.6rem,.8vw,1rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.tracking-hero .tracking-hero__whatsapp:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tracking-hero .tracking-hero__whatsapp:active{transform:scale(.95)}.tracking-hero .tracking-hero__whatsapp svg{font-size:clamp(.8rem,.9vw,.9rem)}.tracking-content{margin:0 auto;max-width:900px;padding:clamp(1.5rem,3vw,3rem) clamp(.75rem,2vw,1.5rem)}.tracking-back{align-items:center;background:none;border:none;color:#d9a321;color:var(--secondary-gold);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);font-weight:500;gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(1rem,2vw,2rem);min-height:44px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.tracking-back:hover{color:#b8860b;color:var(--secondary-gold-dark);transform:translateX(-4px)}.tracking-back:active{transform:scale(.95)}.tracking-back svg{font-size:clamp(.7rem,.8vw,.8rem)}.tracking-inventory-notice{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);background:linear-gradient(135deg,var(--secondary-gold-light),#fde68a);border:2px solid #d9a321;border:2px solid var(--secondary-gold);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:clamp(.5rem,.6vw,.75rem);margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(.6rem,.8vw,1rem) clamp(.75rem,1.2vw,1.25rem)}@media(min-width:576px){.tracking-inventory-notice{flex-direction:row;justify-content:space-between}}.tracking-inventory-notice .tracking-inventory-notice__content{align-items:center;display:flex;gap:clamp(.4rem,.6vw,.75rem)}@media(max-width:576px){.tracking-inventory-notice .tracking-inventory-notice__content{flex-direction:column;text-align:center}}.tracking-inventory-notice .tracking-inventory-notice__content svg{color:#b8860b;color:var(--secondary-gold-dark);flex-shrink:0;font-size:clamp(1.1rem,1.5vw,1.25rem)}.tracking-inventory-notice .tracking-inventory-notice__content div{color:#92400e;display:flex;flex-direction:column;font-size:clamp(.7rem,.9vw,.813rem)}.tracking-inventory-notice .tracking-inventory-notice__content div strong{color:#78350f;font-size:clamp(.75rem,.9vw,.875rem)}.tracking-inventory-notice .tracking-inventory-notice__content div span{font-size:clamp(.65rem,.8vw,.75rem)}.tracking-inventory-notice .tracking-inventory-notice__toggle{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.65rem,.7vw,.75rem);font-weight:500;gap:clamp(.2rem,.3vw,.3rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.2rem,.3vw,.3rem) clamp(.5rem,.7vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.tracking-inventory-notice .tracking-inventory-notice__toggle:hover{background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.tracking-inventory-notice .tracking-inventory-notice__toggle:active{transform:scale(.95)}.tracking-inventory-notice .tracking-inventory-notice__toggle svg{font-size:clamp(.55rem,.6vw,.65rem)}.tracking-inventory-list{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);margin-bottom:clamp(1rem,2vw,1.5rem);overflow:hidden;padding:clamp(.75rem,1.2vw,1.25rem)}.tracking-inventory-list h4{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.875rem,1vw,.938rem);gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(.5rem,.8vw,.75rem)}.tracking-inventory-list h4 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,.9vw,.9rem)}.tracking-inventory-item{border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:clamp(.25rem,.3vw,.5rem);padding:clamp(.4rem,.6vw,.75rem)}@media(min-width:576px){.tracking-inventory-item{align-items:center;flex-direction:row;justify-content:space-between}}.tracking-inventory-item:last-child{border-bottom:none}.tracking-inventory-item .tracking-inventory-item__tracking{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;flex-wrap:wrap;font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:clamp(.3rem,.4vw,.5rem)}.tracking-inventory-item .tracking-inventory-item__badge{align-items:center;background:#dcfce7;background:var(--success-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#16a34a;color:var(--success-green);display:inline-flex;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.15rem,.2vw,.2rem);padding:clamp(.05rem,.08vw,.1rem) clamp(.3rem,.4vw,.4rem)}.tracking-inventory-item .tracking-inventory-item__badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.tracking-inventory-item .tracking-inventory-item__route{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.65rem,.7vw,.75rem);gap:clamp(.2rem,.3vw,.25rem)}.tracking-inventory-item .tracking-inventory-item__route svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.6rem,.7vw,.7rem)}.tracking-inventory-item .tracking-inventory-item__status{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.4rem,.6vw,.75rem)}.tracking-inventory-item .tracking-inventory-item__status-badge{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.55rem,.6vw,.65rem);font-weight:600;gap:clamp(.15rem,.2vw,.2rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.15rem) clamp(.35rem,.5vw,.5rem)}.tracking-inventory-item .tracking-inventory-item__status-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.tracking-inventory-item .tracking-inventory-item__date{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.65vw,.7rem)}.tracking-inventory-list__note{align-items:flex-start;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.65rem,.7vw,.75rem);gap:clamp(.3rem,.4vw,.5rem);margin-top:clamp(.5rem,.8vw,.75rem);padding-top:clamp(.5rem,.8vw,.75rem)}.tracking-inventory-list__note svg{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(.7rem,.8vw,.8rem);margin-top:clamp(.05rem,.08vw,.1rem)}.tracking-tabs-wrapper{margin-top:clamp(.5rem,1vw,1.5rem)}.tracking-tabs{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);margin-bottom:clamp(.75rem,1.5vw,1.5rem)}.tracking-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,.8vw,.813rem);font-weight:500;gap:clamp(.25rem,.3vw,.35rem);min-height:clamp(40px,5vw,44px);padding:clamp(.4rem,.6vw,.6rem) clamp(.75rem,1.2vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.tracking-tab.active,.tracking-tab:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.tracking-tab.active{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white);font-weight:600}.tracking-tab:active{transform:scale(.95)}.tracking-tab svg{font-size:clamp(.65rem,.7vw,.75rem)}.tracking-form{margin-bottom:clamp(1rem,2vw,1.5rem)}.tracking-input-group{display:flex;flex-direction:column;gap:clamp(.5rem,.6vw,.75rem)}@media(min-width:576px){.tracking-input-group{flex-direction:row}}.tracking-input-wrapper{flex:1 1;position:relative}.tracking-input-icon{color:#9ca3af;font-size:clamp(.8rem,.9vw,.9rem);left:clamp(.6rem,.8vw,.75rem);position:absolute;top:50%;transform:translateY(-50%)}.tracking-input{background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.875rem,1vw,1rem);min-height:clamp(44px,5vw,48px);outline:none;padding:clamp(.5rem,.6vw,.75rem) clamp(.75rem,1vw,1rem) clamp(.5rem,.6vw,.75rem) clamp(2.5rem,3.5vw,3rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.tracking-input:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15)}.tracking-input::placeholder{color:#9ca3af;opacity:.7}.tracking-submit-btn{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:clamp(.3rem,.4vw,.5rem);min-height:clamp(44px,5vw,48px);padding:clamp(.5rem,.6vw,.75rem) clamp(1rem,1.5vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(max-width:576px){.tracking-submit-btn{justify-content:center;width:100%}}.tracking-submit-btn:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.tracking-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tracking-submit-btn:active{transform:scale(.95)}.tracking-submit-btn svg{font-size:clamp(.7rem,.8vw,.8rem)}.tracking-error{align-items:center;background:#fee2e2;background:var(--error-red-light);border:1px solid #fca5a5;border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--error-red);display:flex;font-size:clamp(.813rem,.9vw,.875rem);gap:clamp(.3rem,.5vw,.5rem);margin-top:clamp(.5rem,.8vw,1rem);min-height:48px;padding:clamp(.5rem,.7vw,.75rem) clamp(.6rem,.8vw,1rem)}.tracking-error svg{flex-shrink:0;font-size:clamp(.9rem,1vw,1rem)}.my-shipments-section{margin-top:clamp(.5rem,1vw,1.5rem)}.my-shipments-section h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.95rem,1.5vw,1.125rem);gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(.5rem,.8vw,1rem)}.my-shipments-section h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1vw,.95rem)}.my-shipments-empty{background:#f8f8f8;background:var(--light-bg);border-radius:12px;border-radius:var(--radius-md);color:#5a5a5a;color:var(--slate-gray);padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2vw,1.5rem);text-align:center}.my-shipments-empty .my-shipments-empty__icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(2.5rem,4vw,3.5rem);margin-bottom:clamp(.5rem,.8vw,.75rem);opacity:.5}.my-shipments-empty .my-shipments-empty__icon svg{font-size:clamp(2.5rem,4vw,3.5rem)}.my-shipments-empty p{font-size:clamp(.875rem,1vw,.938rem);margin:0}.my-shipments-empty .my-shipments-empty__sub{font-size:clamp(.813rem,.9vw,.875rem);margin-top:clamp(.25rem,.4vw,.5rem)!important}.my-shipments-empty .my-shipments-empty__actions{display:flex;flex-direction:column;gap:clamp(.5rem,.6vw,.75rem);justify-content:center;margin-top:clamp(1rem,1.5vw,1.5rem)}@media(min-width:576px){.my-shipments-empty .my-shipments-empty__actions{flex-direction:row;flex-wrap:wrap}}.whatsapp-support{align-items:center;background:#25d366;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:clamp(.3rem,.4vw,.5rem);min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.6vw,.5rem) clamp(.75rem,1.2vw,1.25rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.whatsapp-support:hover{background:#1da851;transform:translateY(-2px)}.whatsapp-support:active{transform:scale(.95)}.my-shipments-list{display:flex;flex-direction:column;gap:clamp(.5rem,.8vw,.75rem)}.my-shipment-item{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-left:4px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:clamp(.35rem,.5vw,.5rem);padding:clamp(.6rem,.8vw,1rem) clamp(.75rem,1vw,1.25rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:576px){.my-shipment-item{align-items:center;flex-direction:row;justify-content:space-between}}.my-shipment-item:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.my-shipment-item:active{transform:scale(.98)}.my-shipment-item .my-shipment-item__tracking{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;flex-wrap:wrap;font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:clamp(.25rem,.4vw,.5rem)}.my-shipment-item .my-shipment-item__order{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.65rem,.7vw,.75rem)}.my-shipment-item .my-shipment-item__location{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:clamp(.7rem,.8vw,.813rem);gap:clamp(.2rem,.3vw,.25rem);margin-top:clamp(.05rem,.08vw,.15rem)}.my-shipment-item .my-shipment-item__location svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.6rem,.7vw,.7rem)}.my-shipment-item .my-shipment-item__location span{align-items:center;display:inline-flex;gap:clamp(.15rem,.2vw,.2rem)}.my-shipment-item .my-shipment-item__right{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.5rem,.8vw,1rem)}.my-shipment-item .my-shipment-item__status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.55rem,.6vw,.65rem);font-weight:600;gap:clamp(.15rem,.2vw,.25rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.2rem) clamp(.35rem,.5vw,.75rem)}.my-shipment-item .my-shipment-item__status svg{font-size:clamp(.4rem,.5vw,.5rem)}.my-shipment-item .my-shipment-item__track{align-items:center;color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:clamp(.7rem,.8vw,.813rem);font-weight:500;gap:clamp(.15rem,.2vw,.25rem)}.my-shipment-item .my-shipment-item__track svg{font-size:clamp(.55rem,.6vw,.65rem)}.shipment-details{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);margin-top:clamp(1.5rem,3vw,2rem);padding:clamp(1rem,2vw,1.5rem)}@media(max-width:768px){.shipment-details{padding:clamp(.75rem,1.5vw,1.25rem)}}.shipment-details .shipment-details__header{display:flex;flex-direction:column;gap:clamp(.5rem,.8vw,1rem);margin-bottom:clamp(1rem,1.5vw,1.5rem)}@media(min-width:768px){.shipment-details .shipment-details__header{align-items:center;flex-direction:row;justify-content:space-between}}.shipment-details .shipment-details__tracking-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.65rem,.7vw,.75rem)}.shipment-details .shipment-details__tracking-number{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;flex-wrap:wrap;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700;gap:clamp(.3rem,.4vw,.5rem)}.shipment-details .shipment-details__origin-badge{align-items:center;background:#dcfce7;background:var(--success-green-light);border-radius:8px;border-radius:var(--radius-sm);color:#16a34a;color:var(--success-green);display:inline-flex;font-size:clamp(.5rem,.6vw,.6rem);gap:clamp(.15rem,.2vw,.2rem);min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.4vw,.4rem)}.shipment-details .shipment-details__origin-badge svg{font-size:clamp(.4rem,.5vw,.5rem)}.shipment-details .shipment-details__supplier{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.6rem,.7vw,.7rem);gap:clamp(.2rem,.3vw,.25rem)}.shipment-details .shipment-details__supplier svg{font-size:clamp(.55rem,.6vw,.65rem)}.shipment-details .shipment-details__status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:clamp(.75rem,.9vw,.875rem);font-weight:600;gap:clamp(.3rem,.4vw,.5rem);min-height:clamp(44px,5vw,48px);padding:clamp(.3rem,.4vw,.4rem) clamp(.6rem,.8vw,1rem)}.shipment-details .shipment-details__status-badge svg{font-size:clamp(.7rem,.8vw,.8rem)}.shipment-details .shipment-details__progress{margin-bottom:clamp(1rem,1.5vw,1.5rem)}.shipment-details .shipment-details__progress-bar{background:#e5e5e5;background:var(--border-light);border-radius:9999px;border-radius:var(--radius-full);height:clamp(5px,.6vw,6px);overflow:hidden}.shipment-details .shipment-details__progress-fill{background:linear-gradient(90deg,#d9a321,#006b2e);background:linear-gradient(90deg,var(--secondary-gold),var(--primary-green));border-radius:9999px;border-radius:var(--radius-full);height:100%;transition:width .5s ease}.shipment-details .shipment-details__progress-labels{color:#5a5a5a;color:var(--slate-gray);display:flex;flex-wrap:wrap;font-size:clamp(.5rem,.55vw,.6rem);gap:clamp(.15rem,.2vw,.25rem);justify-content:space-between;margin-top:clamp(.25rem,.4vw,.5rem)}.shipment-details .shipment-details__grid{grid-gap:clamp(.5rem,.8vw,1rem);display:grid;gap:clamp(.5rem,.8vw,1rem);grid-template-columns:1fr;margin-bottom:clamp(1rem,1.5vw,1.5rem)}@media(min-width:576px){.shipment-details .shipment-details__grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.shipment-details .shipment-details__info{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);padding:clamp(.4rem,.6vw,.75rem)}.shipment-details .shipment-details__info-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.65vw,.7rem)}.shipment-details .shipment-details__info-value{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(.813rem,.9vw,.875rem);font-weight:500;gap:clamp(.15rem,.2vw,.3rem)}.shipment-details .shipment-details__flag{font-size:clamp(.7rem,.8vw,.8rem)}.shipment-details .shipment-details__supplier-info{align-items:flex-start;background:#fef3c7;background:var(--secondary-gold-light);border-radius:8px;border-radius:var(--radius-sm);color:#92400e;display:flex;flex-wrap:wrap;font-size:clamp(.65rem,.7vw,.75rem);gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(1rem,1.5vw,1.5rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem)}.shipment-details .shipment-details__supplier-info svg{color:#d9a321;color:var(--secondary-gold);flex-shrink:0;font-size:clamp(.7rem,.8vw,.8rem);margin-top:clamp(.05rem,.08vw,.1rem)}.shipment-details .shipment-details__supplier-info span{line-height:1.6}.shipment-details .shipment-details__timeline{margin-top:clamp(1rem,1.5vw,1.5rem)}.shipment-details .shipment-details__timeline h4{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.875rem,1vw,.938rem);gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(.5rem,.8vw,1rem)}.shipment-details .shipment-details__timeline h4 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.8vw,.8rem)}.shipment-details .shipment-details__timeline-track{padding-left:clamp(1rem,1.5vw,1.5rem);position:relative}.shipment-details .shipment-details__timeline-line{background:#e5e5e5;background:var(--border-light);bottom:0;left:clamp(3px,.4vw,4px);position:absolute;top:0;width:2px}.shipment-details .shipment-details__timeline-event{padding-bottom:clamp(1rem,1.5vw,1.5rem);padding-left:clamp(1rem,1.5vw,1.5rem);position:relative}.shipment-details .shipment-details__timeline-event:last-child{padding-bottom:0}.shipment-details .shipment-details__timeline-dot{border:2px solid #fff;border:2px solid var(--white);border-radius:50%;box-shadow:0 0 0 2px #e5e5e5;box-shadow:0 0 0 2px var(--border-light);height:clamp(10px,1.2vw,12px);left:clamp(-1rem,-1.2vw,-1.25rem);position:absolute;top:clamp(.15rem,.2vw,.25rem);width:clamp(10px,1.2vw,12px)}.shipment-details .shipment-details__timeline-date{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.6rem,.65vw,.7rem);gap:clamp(.15rem,.2vw,.25rem)}.shipment-details .shipment-details__timeline-date svg{font-size:clamp(.5rem,.55vw,.6rem)}.shipment-details .shipment-details__timeline-status{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:clamp(.2rem,.3vw,.3rem)}.shipment-details .shipment-details__timeline-status svg{font-size:clamp(.65rem,.7vw,.75rem)}.shipment-details .shipment-details__timeline-location{align-items:center;color:#5a5a5a;color:var(--slate-gray);display:flex;font-size:clamp(.7rem,.8vw,.813rem);gap:clamp(.15rem,.2vw,.25rem)}.shipment-details .shipment-details__timeline-location svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.6rem,.7vw,.7rem)}.shipment-details .shipment-details__timeline-description{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.7rem,.8vw,.813rem)}.shipment-details .shipment-details__help{background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);margin-top:clamp(1rem,1.5vw,1.5rem);padding:clamp(.75rem,1vw,1rem);text-align:center}.shipment-details .shipment-details__help h4{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.875rem,.9vw,.938rem);gap:clamp(.3rem,.4vw,.5rem);justify-content:center;margin-bottom:clamp(.25rem,.4vw,.5rem)}.shipment-details .shipment-details__help h4 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.8vw,.8rem)}.shipment-details .shipment-details__help p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,.9vw,.875rem);margin-bottom:clamp(.5rem,.7vw,.75rem)}.shipment-details .shipment-details__help-links{display:flex;flex-direction:column;gap:clamp(.35rem,.5vw,.5rem);justify-content:center}@media(min-width:576px){.shipment-details .shipment-details__help-links{flex-direction:row;flex-wrap:wrap;gap:clamp(.5rem,.8vw,1rem)}}.shipment-details .shipment-details__help-links a{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);display:inline-flex;font-size:clamp(.75rem,.8vw,.813rem);font-weight:500;gap:clamp(.3rem,.4vw,.4rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.25rem,.3vw,.35rem) clamp(.5rem,.7vw,.75rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.shipment-details .shipment-details__help-links a:hover{background:#d9a32114;background:rgba(var(--secondary-gold-rgb),.08);color:#d9a321;color:var(--secondary-gold)}.shipment-details .shipment-details__help-links a:last-child{color:#25d366}.shipment-details .shipment-details__help-links a:last-child:hover{background:#25d36614}.shipment-details .shipment-details__help-links a svg{font-size:clamp(.7rem,.8vw,.8rem)}@media(max-width:576px){.tracking-hero__info{font-size:.6rem;gap:.5rem}.tracking-tabs{gap:.25rem}.tracking-tab{font-size:.65rem;min-height:36px;padding:.3rem .6rem}.tracking-input-group{flex-direction:column}.tracking-submit-btn{justify-content:center;width:100%}.my-shipment-item{align-items:stretch;flex-direction:column}.my-shipment-item__right{justify-content:flex-end}.shipment-details__header{align-items:stretch;flex-direction:column}.shipment-details__status-badge{align-self:flex-start}.shipment-details__grid{grid-template-columns:1fr}.shipment-details__help-links{align-items:stretch;flex-direction:column}.my-shipments-empty__actions{flex-direction:column}.my-shipments-empty__actions .btn,.my-shipments-empty__actions .whatsapp-support{justify-content:center;width:100%}}@media(max-width:400px){.tracking-hero h1{font-size:1.25rem}.tracking-hero__icon{font-size:1.75rem}.tracking-inventory-item{align-items:stretch;flex-direction:column;gap:.25rem}.tracking-inventory-item__status{flex-wrap:wrap}.my-shipment-item{padding:.5rem}.shipment-details{padding:.75rem}.shipment-details__progress-labels{font-size:.45rem;gap:.1rem}}@media(prefers-reduced-motion:reduce){.my-shipment-item,.shipment-details,.shipment-details__help-links a,.tracking-back,.tracking-hero,.tracking-inventory-list,.tracking-inventory-notice,.tracking-inventory-notice__toggle,.tracking-page,.tracking-submit-btn,.tracking-tab,.whatsapp-support{animation:none!important;transform:none!important;transition:none!important}.shipment-details__progress-fill{transition:none!important}}@supports(padding:max(0px)){.tracking-hero{padding-bottom:max(clamp(2rem,5vw,3.5rem),env(safe-area-inset-bottom));padding-top:max(clamp(2rem,5vw,3.5rem),env(safe-area-inset-top))}.tracking-content{padding-bottom:max(clamp(1.5rem,3vw,3rem),env(safe-area-inset-bottom))}}.ai-chat-button{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border:none;border-radius:50%;bottom:clamp(.75rem,2vw,1.5rem);box-shadow:0 4px 20px #006b2e66;box-shadow:0 4px 20px rgba(var(--primary-green-rgb),.4);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:clamp(1.1rem,2vw,1.5rem);height:clamp(52px,6vw,60px);justify-content:center;min-height:52px;min-width:52px;position:fixed;right:clamp(.75rem,2vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:clamp(52px,6vw,60px);z-index:700;z-index:var(--z-tooltip)}@media(min-width:768px){.ai-chat-button{min-height:60px;min-width:60px}}.ai-chat-button:hover{box-shadow:0 8px 30px #006b2e80;box-shadow:0 8px 30px rgba(var(--primary-green-rgb),.5);transform:scale(1.08)}.ai-chat-button:active{transform:scale(.92)}.ai-chat-button .chat-badge{align-items:center;background:#d9a321;background:var(--secondary-gold);border:2px solid #fff;border:2px solid var(--white);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);display:flex;font-size:clamp(.45rem,.7vw,.55rem);font-weight:700;justify-content:center;min-height:20px;min-width:20px;padding:.1rem .35rem;position:absolute;right:-4px;top:-4px}@media(min-width:768px){.ai-chat-button .chat-badge{min-height:24px;min-width:24px;padding:.15rem .4rem}}.ai-chat-window{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);bottom:clamp(4rem,8vw,6rem);box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:clamp(450px,60vh,550px);max-width:380px;overflow:hidden;position:fixed;right:clamp(.75rem,2vw,1.5rem);width:calc(100% - 1.5rem);z-index:700;z-index:var(--z-tooltip)}@media(min-width:576px){.ai-chat-window{right:1.5rem;width:380px}}@media(max-width:576px){.ai-chat-window{border-radius:0;bottom:0;height:100vh;height:100dvh;left:0;max-height:100vh;max-height:100dvh;right:0;top:0;width:100%}}.ai-chat-window.minimized{height:clamp(56px,8vw,64px)}@media(max-width:576px){.ai-chat-window.minimized{border-radius:0;bottom:0;height:clamp(56px,8vw,64px);left:0;right:0;top:auto}}.chat-header{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));color:#fff;color:var(--white);display:flex;flex-shrink:0;justify-content:space-between;min-height:clamp(56px,8vw,60px);padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,1.5vw,1rem)}@media(max-width:576px){.chat-header{min-height:60px;padding:.75rem 1rem}}.chat-header .chat-header-info{align-items:center;display:flex;flex:1 1;gap:clamp(.35rem,.8vw,.5rem);min-width:0}.chat-header .chat-avatar{align-items:center;background:rgba(#FFFFFF,.15);background:rgba(var(--white),.15);border-radius:50%;display:flex;flex-shrink:0;height:clamp(32px,4vw,36px);justify-content:center;width:clamp(32px,4vw,36px)}.chat-header .chat-avatar,.chat-header .chat-avatar svg{font-size:clamp(.8rem,1.2vw,1rem)}.chat-header .chat-title{font-size:clamp(.75rem,1.2vw,.875rem);font-weight:600;white-space:nowrap}.chat-header .chat-status{font-size:clamp(.55rem,.8vw,.65rem);opacity:.8}.chat-header .chat-actions{display:flex;flex-shrink:0;gap:clamp(.15rem,.4vw,.25rem);margin-left:.5rem}@media(max-width:576px){.chat-header .chat-actions{gap:.5rem}}.chat-header .chat-action-btn{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-xs);color:rgba(#FFFFFF,.8);color:rgba(var(--white),.8);cursor:pointer;display:flex;font-size:clamp(.7rem,1vw,.875rem);justify-content:center;min-height:clamp(32px,4vw,36px);min-width:clamp(32px,4vw,36px);padding:clamp(.15rem,.4vw,.25rem) clamp(.3rem,.6vw,.4rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(max-width:576px){.chat-header .chat-action-btn{font-size:1.1rem;min-height:44px;min-width:44px;padding:.25rem .5rem}}.chat-header .chat-action-btn:hover{background:rgba(#FFFFFF,.15);background:rgba(var(--white),.15);color:#fff;color:var(--white)}.chat-header .chat-action-btn:active{transform:scale(.92)}@media(max-width:576px){.chat-header .chat-action-btn.chat-close-btn{background:rgba(#FFFFFF,.15);background:rgba(var(--white),.15);border-radius:50%}}.chat-messages{-webkit-overflow-scrolling:touch;background:#f8f8f8;background:var(--light-bg);flex:1 1;overflow-y:auto;padding:clamp(.5rem,1.5vw,1rem)}@media(max-width:576px){.chat-messages{padding:.75rem}}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#f8f8f8;background:var(--light-bg)}.chat-messages::-webkit-scrollbar-thumb{background:#d9a321;background:var(--secondary-gold);border-radius:9999px;border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb:hover{background:#b8860b;background:var(--secondary-gold-dark)}.message{display:flex;gap:clamp(.3rem,.6vw,.5rem);margin-bottom:clamp(.4rem,.8vw,.75rem)}@media(max-width:576px){.message{gap:.4rem;margin-bottom:.5rem}}.message.user{flex-direction:row-reverse}.message .message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:clamp(28px,3.5vw,32px);justify-content:center;width:clamp(28px,3.5vw,32px)}.message .message-avatar,.message .message-avatar svg{font-size:clamp(.6rem,.9vw,.75rem)}.message.user .message .message-avatar{background:#006b2e;background:var(--primary-green);color:#fff;color:var(--white)}.message.assistant .message .message-avatar{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white)}.message .message-content{display:flex;flex-direction:column;gap:.1rem;max-width:82%}@media(max-width:576px){.message .message-content{max-width:85%}}.message.user .message .message-content{align-items:flex-end}.message .message-text{border-radius:12px;border-radius:var(--radius-md);font-size:clamp(.75rem,1.2vw,.875rem);line-height:1.6;padding:clamp(.35rem,.8vw,.5rem) clamp(.5rem,1vw,.75rem);white-space:pre-wrap;word-break:break-word}@media(max-width:576px){.message .message-text{font-size:.813rem;padding:.4rem .6rem}}.message.user .message .message-text{background:#006b2e;background:var(--primary-green);border-bottom-right-radius:4px;border-bottom-right-radius:var(--radius-xs);color:#fff;color:var(--white)}.message.assistant .message .message-text{background:#fff;background:var(--white);border-bottom-left-radius:4px;border-bottom-left-radius:var(--radius-xs);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);color:#1f1f1f;color:var(--charcoal)}.message .message-time{color:#9ca3af;font-size:clamp(.5rem,.7vw,.6rem);padding:0 .25rem}.typing-indicator{display:flex;gap:clamp(.15rem,.3vw,.25rem);padding:clamp(.3rem,.6vw,.5rem) clamp(.5rem,.8vw,.75rem)}.typing-indicator span{animation:typing 1.4s infinite both;background:#d9a321;background:var(--secondary-gold);border-radius:50%;height:clamp(6px,.8vw,8px);width:clamp(6px,.8vw,8px)}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.context-cards{background:#fff;background:var(--white);border-top:1px solid #f0f0f0;flex-shrink:0;max-height:clamp(80px,12vw,100px);overflow-y:auto;padding:clamp(.3rem,.8vw,.5rem) clamp(.5rem,1vw,.75rem)}@media(max-width:576px){.context-cards{max-height:80px;padding:.4rem .75rem}}.context-cards .context-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.55rem,.8vw,.65rem);font-weight:600;margin-bottom:clamp(.15rem,.3vw,.25rem)}.context-cards .context-list{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem)}.context-cards .context-card{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;font-size:clamp(.55rem,.8vw,.7rem);justify-content:center;min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.4vw,.3rem) clamp(.4rem,.8vw,.6rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.context-cards .context-card:hover{background:#fef3c7;background:var(--secondary-gold-light);border-color:#d9a321;border-color:var(--secondary-gold);transform:translateY(-2px)}.context-cards .context-card:active{transform:scale(.96)}.context-cards .context-card .context-card-name{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.5rem,.7vw,.6rem);font-weight:500}.context-cards .context-card .context-card-price,.context-cards .context-card .context-card-status{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.45rem,.6vw,.55rem)}.context-cards .context-card .context-card-status{color:#16a34a;color:var(--success-green)}.rating-prompt{background:#fff;background:var(--white);border-top:1px solid #f0f0f0;flex-shrink:0;padding:clamp(.3rem,.6vw,.5rem) clamp(.5rem,1vw,.75rem);text-align:center}@media(max-width:576px){.rating-prompt{padding:.3rem .75rem}}.rating-prompt .rating-text{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.8vw,.7rem);margin-bottom:clamp(.15rem,.3vw,.25rem)}.rating-prompt .rating-stars{display:flex;gap:clamp(.15rem,.3vw,.25rem);justify-content:center}.rating-prompt .rating-star{align-items:center;background:none;border:none;color:#d1d5db;cursor:pointer;display:flex;justify-content:center;min-height:clamp(32px,4vw,36px);min-width:clamp(32px,4vw,36px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.rating-prompt .rating-star,.rating-prompt .rating-star svg{font-size:clamp(1rem,1.8vw,1.25rem)}.rating-prompt .rating-star.active{color:#f59e0b}.rating-prompt .rating-star:hover{color:#f59e0b;transform:scale(1.2)}.rating-prompt .rating-star:active{transform:scale(.9)}.quick-replies{background:#fff;background:var(--white);border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:clamp(.2rem,.4vw,.25rem);padding:clamp(.3rem,.6vw,.5rem) clamp(.5rem,1vw,.75rem)}@media(max-width:576px){.quick-replies{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.3rem;overflow-x:auto;padding:.4rem .75rem}.quick-replies::-webkit-scrollbar{display:none}}.quick-replies .quick-reply-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;font-size:clamp(.55rem,.8vw,.7rem);justify-content:center;min-height:clamp(28px,3.5vw,32px);padding:clamp(.15rem,.3vw,.2rem) clamp(.4rem,.8vw,.6rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}@media(max-width:576px){.quick-replies .quick-reply-btn{flex-shrink:0;font-size:.6rem;min-height:32px;padding:.15rem .5rem}}.quick-replies .quick-reply-btn:hover{background:#fef3c7;background:var(--secondary-gold-light);border-color:#d9a321;border-color:var(--secondary-gold);color:#1f1f1f;color:var(--charcoal);transform:translateY(-2px)}.quick-replies .quick-reply-btn:active{transform:scale(.96)}.chat-input-form{background:#fff;background:var(--white);border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:clamp(.3rem,.6vw,.5rem);padding:clamp(.35rem,.8vw,.5rem) clamp(.5rem,1vw,.75rem)}@media(max-width:576px){.chat-input-form{gap:.4rem;padding:.4rem .75rem}}.chat-input{background:#f8f8f8;background:var(--light-bg);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.75rem,1.2vw,.875rem);min-height:clamp(36px,5vw,40px);outline:none;padding:clamp(.35rem,.6vw,.5rem) clamp(.5rem,.8vw,.75rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}@media(max-width:576px){.chat-input{font-size:16px;min-height:40px;padding:.4rem .6rem}}.chat-input:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15)}.chat-input:disabled{cursor:not-allowed;opacity:.6}.chat-send-btn{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;height:clamp(36px,5vw,40px);justify-content:center;min-height:clamp(36px,5vw,40px);min-width:clamp(36px,5vw,40px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:clamp(36px,5vw,40px)}@media(max-width:576px){.chat-send-btn{min-height:44px;min-width:44px}}.chat-send-btn svg{font-size:clamp(.7rem,1vw,.875rem)}.chat-send-btn:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark);transform:scale(1.05)}.chat-send-btn:active:not(:disabled){transform:scale(.92)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-footer{align-items:center;background:#fff;background:var(--white);border-top:1px solid #f0f0f0;color:#9ca3af;display:flex;flex-shrink:0;flex-wrap:wrap;font-size:clamp(.5rem,.7vw,.6rem);gap:clamp(.3rem,.6vw,.5rem);justify-content:center;min-height:clamp(32px,4vw,36px);padding:clamp(.2rem,.4vw,.3rem) clamp(.5rem,1vw,.75rem)}@media(max-width:576px){.chat-footer{font-size:.55rem;gap:.3rem;min-height:36px;padding:.2rem .75rem}}.chat-footer .footer-separator{opacity:.3}.chat-footer a{align-items:center;color:#9ca3af;display:inline-flex;justify-content:center;min-height:clamp(28px,3vw,32px);min-width:clamp(28px,3vw,32px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.chat-footer a svg{font-size:clamp(.6rem,.9vw,.75rem)}.chat-footer a:hover{color:#d9a321;color:var(--secondary-gold);transform:scale(1.1)}.chat-footer a:active{transform:scale(.92)}@media(max-width:380px){.ai-chat-window .quick-replies .quick-reply-btn{font-size:.5rem;min-height:26px;padding:.1rem .35rem}.ai-chat-window .message .message-text{font-size:.7rem}.ai-chat-window .chat-input{font-size:.7rem;min-height:32px}.ai-chat-window .chat-send-btn{height:32px;min-height:32px;min-width:32px;width:32px}.ai-chat-window .chat-send-btn svg{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.ai-chat-button,.ai-chat-window,.chat-send-btn,.context-card,.message,.quick-reply-btn,.rating-star{animation:none!important;transition:none!important}.typing-indicator span{animation:none!important}}@supports(padding:max(0px)){.ai-chat-window{padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:576px){.ai-chat-window{padding-bottom:env(safe-area-inset-bottom,0)}}.ai-chat-button{bottom:max(24px,env(safe-area-inset-bottom,24px));right:max(24px,env(safe-area-inset-right,24px))}}.public-profile-page{background:#f8f8f8;background:var(--light-bg);min-height:100vh;padding:clamp(1rem,3vw,2rem) 0 clamp(2rem,4vw,4rem)}.public-profile-page .container{margin:0 auto;max-width:1000px;padding:0 clamp(.75rem,2vw,1.5rem)}.back-btn{align-items:center;background:none;border:none;color:#d9a321;color:var(--secondary-gold);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,1vw,.9rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(1rem,2vw,1.5rem);min-height:44px;padding:clamp(.3rem,.5vw,.5rem) 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.back-btn:hover{color:#b8860b;color:var(--secondary-gold-dark);transform:translateX(-4px)}.back-btn:active{transform:scale(.96)}.profile-card{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);overflow:hidden}.profile-cover{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);height:clamp(80px,15vw,120px);position:relative}@media(min-width:768px){.profile-cover{height:clamp(120px,20vw,160px)}}.profile-cover-gradient{background:linear-gradient(135deg,#006b2ecc,#014421e6);background:linear-gradient(135deg,rgba(var(--primary-green-rgb),.8) 0,rgba(var(--primary-green-dark-rgb),.9) 100%);bottom:0;left:0;position:absolute;right:0;top:0}.profile-header-section{align-items:center;display:flex;flex-direction:column;margin-top:clamp(-30px,-5vw,-40px);padding:0 clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem);position:relative;text-align:center}@media(min-width:768px){.profile-header-section{align-items:flex-start;flex-direction:row;gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(-40px,-6vw,-50px);padding:0 clamp(1.5rem,3vw,2rem) clamp(1.5rem,2.5vw,2rem);text-align:left}}.profile-avatar-wrapper{flex-direction:column;gap:clamp(.35rem,.6vw,.5rem)}.profile-avatar,.profile-avatar-wrapper{align-items:center;display:flex;flex-shrink:0}.profile-avatar{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border:4px solid #fff;border:4px solid var(--white);border-radius:50%;box-shadow:0 4px 20px #006b2e40;box-shadow:0 4px 20px rgba(var(--primary-green-rgb),.25);color:#fff;color:var(--white);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;height:clamp(64px,12vw,80px);justify-content:center;overflow:hidden;width:clamp(64px,12vw,80px)}@media(min-width:768px){.profile-avatar{font-size:clamp(1.75rem,3vw,2.25rem);height:clamp(80px,12vw,100px);width:clamp(80px,12vw,100px)}}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading)}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:clamp(.5rem,.7vw,.6rem);font-weight:600;gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(22px,3vw,26px);padding:clamp(.05rem,.1vw,.1rem) clamp(.3rem,.5vw,.4rem);white-space:nowrap}.status-badge.approved{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.status-badge.pending{background:#fef3c7;background:var(--warning-yellow-light);color:#f59e0b;color:var(--warning-yellow)}.status-badge svg{font-size:clamp(.45rem,.6vw,.55rem)}.profile-info{flex:1 1;margin-top:clamp(.25rem,.5vw,.5rem)}@media(min-width:768px){.profile-info{margin-top:0}}.profile-info h1{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,1.5rem);margin:0 0 clamp(.15rem,.25vw,.25rem)}@media(min-width:768px){.profile-info h1{font-size:clamp(1.5rem,3.5vw,2rem)}}.role-badges{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);justify-content:center;margin-bottom:clamp(.25rem,.4vw,.5rem)}@media(min-width:768px){.role-badges{justify-content:flex-start}}.role-badge,.type-badge{align-items:center;border:1px solid #0000;border-radius:16px;display:inline-flex;font-size:clamp(.6rem,.8vw,.7rem);font-weight:600;gap:clamp(.15rem,.25vw,.25rem);min-height:clamp(28px,3.5vw,32px);padding:clamp(.1rem,.15vw,.15rem) clamp(.4rem,.6vw,.6rem)}.role-badge svg,.type-badge svg{font-size:clamp(.55rem,.7vw,.65rem)}.role-badge{background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-color:#d9a32133;border-color:rgba(var(--secondary-gold-rgb),.2);color:#d9a321;color:var(--secondary-gold)}.profile-bio{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.2vw,.875rem);line-height:1.6;margin:0;max-width:500px}.profile-actions{display:flex;flex-wrap:wrap;gap:clamp(.35rem,.5vw,.5rem);justify-content:center;margin-top:clamp(.5rem,.8vw,.75rem)}@media(min-width:768px){.profile-actions{justify-content:flex-start;margin-top:0}}@media(max-width:576px){.profile-actions{width:100%}}.action-btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.65rem,.8vw,.75rem);font-weight:500;gap:clamp(.25rem,.4vw,.35rem);min-height:clamp(36px,4.5vw,40px);padding:clamp(.3rem,.4vw,.4rem) clamp(.5rem,.8vw,.8rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.action-btn{flex:0 1 auto;min-height:clamp(36px,4.5vw,40px)}}@media(max-width:380px){.action-btn{justify-content:center;width:100%}}.action-btn:hover{transform:translateY(-2px)}.action-btn:active{transform:scale(.95)}.action-btn svg{font-size:clamp(.7rem,.9vw,.8rem)}.action-btn.email{background:#dbeafe;background:var(--info-blue-light);color:#3b82f6;color:var(--info-blue)}.action-btn.email:hover{background:#bfdbfe}.action-btn.phone{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.action-btn.phone:hover{background:#bbf7d0}.action-btn.whatsapp{background:#dcf8e6;color:#25d366}.action-btn.whatsapp:hover{background:#c8f0d9}.action-btn.edit{background:#fef3c7;background:var(--warning-yellow-light);color:#f59e0b;color:var(--warning-yellow)}.action-btn.edit:hover{background:#fde68a}.stats-grid{grid-gap:clamp(.35rem,.6vw,.5rem);border-bottom:1px solid #f0f0f0;display:grid;gap:clamp(.35rem,.6vw,.5rem);grid-template-columns:repeat(2,1fr);padding:0 clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem)}@media(min-width:768px){.stats-grid{gap:clamp(.5rem,1vw,1rem);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:0 clamp(1.5rem,3vw,2rem) clamp(1.5rem,2.5vw,2rem)}}@media(max-width:380px){.stats-grid{grid-template-columns:1fr 1fr}}.stat-item{align-items:center;background:#f8f8f8;background:var(--light-bg);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:clamp(.4rem,.6vw,.75rem);padding:clamp(.35rem,.5vw,.5rem)}@media(max-width:576px){.stat-item{padding:clamp(.25rem,.4vw,.35rem)}}.stat-icon{align-items:center;background:#006b2e14;background:rgba(var(--primary-green-rgb),.08);border-radius:8px;border-radius:var(--radius-sm);color:#006b2e;color:var(--primary-green);display:flex;flex-shrink:0;height:clamp(28px,4vw,32px);justify-content:center;width:clamp(28px,4vw,32px)}@media(min-width:768px){.stat-icon{height:clamp(32px,4.5vw,36px);width:clamp(32px,4.5vw,36px)}}.stat-icon svg{font-size:clamp(.7rem,.9vw,.8rem)}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.5rem,.6vw,.6rem);letter-spacing:.3px;text-transform:uppercase}.stat-value{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.75rem,1vw,.875rem);font-weight:600;word-break:break-word}.details-section{border-bottom:1px solid #f0f0f0;padding:clamp(1rem,2vw,1.5rem)}@media(min-width:768px){.details-section{padding:clamp(1.5rem,2.5vw,2rem)}}.details-section:last-of-type{border-bottom:none}.details-section h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,1.2vw,1rem);gap:clamp(.3rem,.5vw,.5rem);margin:0 0 clamp(.5rem,.8vw,1rem)}.details-section h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1vw,.9rem)}.details-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:576px){.details-grid{grid-template-columns:1fr 1fr}}.details-grid .detail-item{display:flex;flex-direction:column;min-width:0}.details-grid .detail-item.full-width{grid-column:1/-1}.details-grid .detail-item .detail-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.7vw,.7rem);letter-spacing:.3px;text-transform:uppercase}.details-grid .detail-item .detail-value{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.813rem,1vw,.875rem);font-weight:500;word-break:break-word}.details-grid .detail-item .detail-value.capitalize{text-transform:capitalize}.livestock-tags{display:flex;flex-wrap:wrap;gap:clamp(.15rem,.25vw,.25rem);margin-top:clamp(.15rem,.2vw,.25rem)}.livestock-tag{align-items:center;background:#006b2e14;background:rgba(var(--primary-green-rgb),.08);border-radius:12px;color:#006b2e;color:var(--primary-green);display:inline-flex;font-size:clamp(.6rem,.7vw,.7rem);font-weight:500;min-height:clamp(24px,3vw,28px);padding:clamp(.05rem,.1vw,.1rem) clamp(.35rem,.5vw,.5rem)}.team-info-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:576px){.team-info-grid{grid-template-columns:1fr 1fr}}.team-info-grid .team-info-item{display:flex;flex-direction:column}.team-info-grid .team-info-item.full-width{grid-column:1/-1}.team-info-grid .team-info-item .team-info-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.7vw,.7rem);letter-spacing:.3px;text-transform:uppercase}.team-info-grid .team-info-item .team-info-value{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.813rem,1vw,.875rem);font-weight:500;gap:clamp(.15rem,.25vw,.25rem)}.team-info-grid .team-info-item .team-info-value svg{font-size:clamp(.7rem,.9vw,.8rem)}.team-info-grid .team-info-item .team-info-description{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1vw,.875rem);line-height:1.6;margin:0}.supplier-info-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:576px){.supplier-info-grid{grid-template-columns:1fr 1fr}}.supplier-info-grid .supplier-info-item{display:flex;flex-direction:column}.supplier-info-grid .supplier-info-item .supplier-info-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.7vw,.7rem);letter-spacing:.3px;text-transform:uppercase}.supplier-info-grid .supplier-info-item .supplier-info-value{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.813rem,1vw,.875rem);font-weight:500;word-break:break-word}.contact-section{border-bottom:1px solid #f0f0f0;padding:clamp(1rem,2vw,1.5rem)}@media(min-width:768px){.contact-section{padding:clamp(1.5rem,2.5vw,2rem)}}.contact-section h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.9rem,1.2vw,1rem);gap:clamp(.3rem,.5vw,.5rem);margin:0 0 clamp(.5rem,.8vw,1rem)}.contact-section h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1vw,.9rem)}.contact-grid{grid-gap:clamp(.5rem,.8vw,.75rem);display:grid;gap:clamp(.5rem,.8vw,.75rem);grid-template-columns:1fr}@media(min-width:576px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-item{background:#f8f8f8;background:var(--light-bg);gap:clamp(.5rem,.8vw,.75rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.8vw,.75rem)}.contact-item,.contact-item .contact-icon{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex}.contact-item .contact-icon{background:#006b2e14;background:rgba(var(--primary-green-rgb),.08);color:#006b2e;color:var(--primary-green);flex-shrink:0;height:clamp(28px,4vw,32px);justify-content:center;width:clamp(28px,4vw,32px)}.contact-item .contact-icon svg{font-size:clamp(.7rem,.9vw,.8rem)}.contact-item .contact-label{color:#5a5a5a;color:var(--slate-gray);display:block;font-size:clamp(.5rem,.6vw,.6rem);letter-spacing:.3px;text-transform:uppercase}.contact-item .contact-value{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.75rem,.9vw,.813rem);font-weight:500;text-decoration:none;word-break:break-all}.contact-item .contact-value:hover{color:#d9a321;color:var(--secondary-gold);text-decoration:underline}.profile-footer{background:#f8f8f8;background:var(--light-bg);padding:clamp(1rem,2vw,1.5rem)}@media(min-width:768px){.profile-footer{padding:clamp(1.5rem,2.5vw,2rem)}}.footer-actions{display:flex;flex-direction:column;gap:clamp(.5rem,.8vw,.75rem)}@media(min-width:576px){.footer-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}}.footer-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,1vw,.875rem);font-weight:600;gap:clamp(.3rem,.5vw,.5rem);justify-content:center;min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.6vw,.5rem) clamp(.75rem,1.5vw,1.25rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:576px){.footer-btn{flex:0 1 auto}}@media(max-width:576px){.footer-btn{width:100%}}.footer-btn:hover{transform:translateY(-2px)}.footer-btn:active{transform:scale(.95)}.footer-btn.primary{background:#006b2e;background:var(--primary-green);color:#fff;color:var(--white)}.footer-btn.primary:hover{background:#014421;background:var(--primary-green-dark);box-shadow:0 4px 15px #006b2e4d;box-shadow:0 4px 15px rgba(var(--primary-green-rgb),.3)}.footer-btn.secondary{background:#0000;border:2px solid #006b2e;border:2px solid var(--primary-green);color:#006b2e;color:var(--primary-green)}.footer-btn.secondary:hover{background:#006b2e;background:var(--primary-green);color:#fff;color:var(--white)}.footer-btn.whatsapp{background:#25d366;color:#fff;color:var(--white)}.footer-btn.whatsapp:hover{background:#1da851;box-shadow:0 4px 15px #25d3664d}.footer-btn svg{font-size:clamp(.8rem,1vw,.9rem)}.profile-empty,.profile-error{margin:0 auto;max-width:500px;padding:clamp(2rem,6vw,4rem) clamp(1rem,2vw,1.5rem);text-align:center}.profile-empty svg,.profile-error svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(2.5rem,5vw,3rem);margin-bottom:clamp(.5rem,1vw,1rem)}.profile-empty h2,.profile-error h2{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,2vw,1.5rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.profile-empty p,.profile-error p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.875rem,1.2vw,1rem);margin-bottom:clamp(1rem,1.5vw,1.5rem)}@media(max-width:576px){.profile-actions{width:100%}.profile-actions .action-btn{flex:1 1;justify-content:center;min-width:60px}.role-badges{gap:.25rem}.role-badge,.type-badge{font-size:.6rem;padding:.1rem .4rem}.stats-grid{grid-template-columns:1fr 1fr}.contact-grid,.details-grid,.supplier-info-grid,.team-info-grid{grid-template-columns:1fr}}@media(max-width:400px){.profile-actions{flex-direction:column}.profile-actions .action-btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.action-btn,.back-btn,.contact-item,.footer-btn,.profile-card,.public-profile-page,.stat-item{animation:none!important;transition:none!important}.action-btn:hover,.back-btn:hover,.footer-btn:hover{transform:none!important}}@supports(padding:max(0px)){.public-profile-page{padding-bottom:max(clamp(2rem,4vw,4rem),env(safe-area-inset-bottom));padding-left:max(clamp(.75rem,2vw,1.5rem),env(safe-area-inset-left));padding-right:max(clamp(.75rem,2vw,1.5rem),env(safe-area-inset-right))}.profile-footer{padding-bottom:max(clamp(1rem,2vw,1.5rem),env(safe-area-inset-bottom))}}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000000d;height:60px;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}@media(min-width:768px){.navbar{height:70px}}.navbar.scrolled{background:#fffffffa;box-shadow:0 2px 20px #00000014}.navbar .nav-container{align-items:center;display:flex;gap:.5rem;height:100%;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 .75rem}@media(min-width:768px){.navbar .nav-container{gap:1rem;padding:0 1.5rem}}.navbar .logo{align-items:center;display:flex;flex-shrink:0;gap:.35rem;text-decoration:none}@media(min-width:768px){.navbar .logo{gap:.5rem}}.navbar .logo .logo-img{height:28px;object-fit:contain;width:auto}@media(min-width:768px){.navbar .logo .logo-img{height:36px}}.navbar .logo .logo-text{color:#006b2e;font-family:Montserrat,sans-serif;font-size:clamp(.875rem,3vw,1.25rem);font-weight:700}.navbar .logo .logo-text .logo-highlight{color:#d9a321}.navbar .logo .currency-indicator{color:#d9a321;display:none;font-size:.6rem;margin-left:.1rem}@media(min-width:768px){.navbar .logo .currency-indicator{align-items:center;display:inline-flex;gap:.15rem}}.navbar .logo .currency-indicator svg{font-size:.55rem}.navbar .mobile-toggle{background:none;border:none;border-radius:8px;color:#006b2e;cursor:pointer;display:flex;font-size:1.25rem;min-height:44px;min-width:44px;padding:.5rem;transition:background .3s ease}@media(min-width:768px){.navbar .mobile-toggle{display:none}}.navbar .mobile-toggle:hover{background:#006b2e0d}.navbar .mobile-toggle:active{transform:scale(.95)}.navbar .mobile-toggle svg{font-size:clamp(1.1rem,1.5vw,1.25rem)}.navbar .nav-links{align-items:center;display:flex;gap:.15rem}@media(max-width:767px){.navbar .nav-links{align-items:stretch;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 8px 30px #0000001a;flex-direction:column;gap:.35rem;left:0;max-height:calc(100vh - 60px);opacity:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:60px;transform:translateY(-120%);transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar .nav-links.active{opacity:1;transform:translateY(0)}}.navbar .nav-links .nav-link{align-items:center;border-radius:8px;color:#5a5a5a;display:flex;font-size:clamp(.75rem,1.2vw,.875rem);font-weight:500;gap:.3rem;min-height:44px;padding:.4rem .5rem;text-decoration:none;transition:all .3s ease}@media(min-width:768px){.navbar .nav-links .nav-link{min-height:auto;padding:.5rem .75rem}}.navbar .nav-links .nav-link:hover{background:#006b2e0d;color:#006b2e}.navbar .nav-links .nav-link svg{color:#d9a321;font-size:clamp(.7rem,1vw,.8rem)}@media(max-width:767px){.navbar .nav-links .nav-link{font-size:.875rem;padding:.6rem .75rem;width:100%}}.navbar .nav-links .currency-wrapper{margin:0 .1rem}@media(max-width:767px){.navbar .nav-links .currency-wrapper{margin:.25rem 0;width:100%}.navbar .nav-links .currency-wrapper .currency-selector{width:100%}.navbar .nav-links .currency-wrapper .currency-selector .currency-selector-btn{background:#f8f8f8;border-color:#e5e5e5;color:#1f1f1f;justify-content:center;min-height:44px;padding:.6rem .75rem;width:100%}}.navbar .nav-links .cart-link{align-items:center;border-radius:8px;color:#5a5a5a;display:flex;font-size:clamp(.75rem,1.2vw,.875rem);font-weight:500;gap:.3rem;min-height:44px;padding:.4rem .5rem;position:relative;text-decoration:none;transition:all .3s ease}@media(min-width:768px){.navbar .nav-links .cart-link{min-height:auto;padding:.5rem .75rem}}.navbar .nav-links .cart-link:hover{background:#006b2e0d;color:#006b2e}.navbar .nav-links .cart-link .cart-label{display:none}@media(max-width:767px){.navbar .nav-links .cart-link .cart-label{display:inline}}.navbar .nav-links .cart-link .cart-badge{align-items:center;background:#d9a321;border-radius:9px;color:#fff;display:flex;font-size:.5rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:2px;top:2px}@media(min-width:768px){.navbar .nav-links .cart-link .cart-badge{font-size:.6rem;height:20px;min-width:20px;right:0;top:0}}@media(max-width:767px){.navbar .nav-links .cart-link{background:#d9a32114;border-radius:8px;font-size:.875rem;justify-content:center;padding:.6rem .75rem;width:100%}.navbar .nav-links .cart-link .cart-badge{margin-left:.25rem;position:relative;right:auto;top:auto}}.navbar .nav-links .login-link,.navbar .nav-links .register-link{align-items:center;border-radius:8px;display:flex;font-size:clamp(.75rem,1.2vw,.875rem);font-weight:500;gap:.3rem;min-height:44px;padding:.4rem .5rem;text-decoration:none;transition:all .3s ease}@media(min-width:768px){.navbar .nav-links .login-link,.navbar .nav-links .register-link{min-height:auto;padding:.5rem .75rem}}.navbar .nav-links .login-link{color:#5a5a5a}.navbar .nav-links .login-link:hover{background:#006b2e0d;color:#006b2e}@media(max-width:767px){.navbar .nav-links .login-link{font-size:.875rem;justify-content:center;padding:.6rem .75rem;width:100%}}.navbar .nav-links .register-link{background:#d9a321;color:#fff}.navbar .nav-links .register-link:hover{background:#b8860b;box-shadow:0 4px 15px #d9a3214d;transform:translateY(-2px)}.navbar .nav-links .register-link:active{transform:scale(.95)}@media(max-width:767px){.navbar .nav-links .register-link{font-size:.875rem;justify-content:center;padding:.6rem .75rem;width:100%}}.navbar .nav-links .user-dropdown{position:relative}@media(max-width:767px){.navbar .nav-links .user-dropdown{width:100%}}.navbar .nav-links .user-dropdown .dropdown-trigger{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:.35rem;min-height:44px;padding:.25rem .5rem;transition:all .3s ease}@media(min-width:768px){.navbar .nav-links .user-dropdown .dropdown-trigger{gap:.5rem;min-height:auto;padding:.25rem .5rem}}.navbar .nav-links .user-dropdown .dropdown-trigger:hover{background:#006b2e0d}@media(max-width:767px){.navbar .nav-links .user-dropdown .dropdown-trigger{background:#f8f8f8;border-radius:8px;justify-content:center;padding:.6rem .75rem;width:100%}}.navbar .nav-links .user-dropdown .dropdown-trigger .user-avatar{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.65rem;font-weight:600;height:28px;justify-content:center;overflow:hidden;width:28px}@media(min-width:768px){.navbar .nav-links .user-dropdown .dropdown-trigger .user-avatar{font-size:.75rem;height:32px;width:32px}}.navbar .nav-links .user-dropdown .dropdown-trigger .user-avatar img{height:100%;object-fit:cover;width:100%}.navbar .nav-links .user-dropdown .dropdown-trigger .user-name{color:#1f1f1f;font-size:clamp(.7rem,1vw,.813rem);font-weight:500;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.navbar .nav-links .user-dropdown .dropdown-trigger .user-name{max-width:80px}}@media(max-width:767px){.navbar .nav-links .user-dropdown .dropdown-trigger .user-name{max-width:120px}}.navbar .nav-links .user-dropdown .dropdown-trigger .dropdown-arrow{color:#5a5a5a;font-size:.5rem;transition:transform .3s ease}.navbar .nav-links .user-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.navbar .nav-links .user-dropdown .dropdown-menu{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 12px 40px #00000026;min-width:240px;overflow:hidden;padding:.5rem;position:absolute;right:0;top:calc(100% + 4px);z-index:1001}@media(max-width:767px){.navbar .nav-links .user-dropdown .dropdown-menu{border:1px solid #f0f0f0;border-radius:8px;box-shadow:none;margin-top:.25rem;min-width:auto;position:static}}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-header{margin-bottom:.25rem;padding:.5rem .75rem}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-header .dropdown-user-info{align-items:center;display:flex;gap:.75rem}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-header .dropdown-user-info .dropdown-user-avatar{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-header .dropdown-user-info .dropdown-user-avatar img{height:100%;object-fit:cover;width:100%}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-header .dropdown-user-info .dropdown-user-name{color:#1f1f1f;font-size:.875rem;font-weight:600}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-header .dropdown-user-info .dropdown-user-email{color:#5a5a5a;font-size:.7rem;word-break:break-all}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-header .dropdown-user-info .dropdown-user-role{align-items:center;color:#d9a321;display:flex;font-size:.6rem;gap:.25rem}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-header .dropdown-user-info .dropdown-user-role svg{font-size:.55rem}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-divider{background:#f0f0f0;height:1px;margin:.25rem 0}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#5a5a5a;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.813rem;gap:.5rem;min-height:44px;padding:.5rem .75rem;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-item:hover{background:#006b2e0d;color:#006b2e}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-item svg{flex-shrink:0;font-size:.875rem;width:1.25rem}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-item.admin{color:#d9a321;font-weight:500}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-item.admin:hover{background:#d9a32114}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-item.logout{color:#dc2626}.navbar .nav-links .user-dropdown .dropdown-menu .dropdown-item.logout:hover{background:#dc262614}@supports(-webkit-touch-callout:none){.navbar .nav-links{padding-bottom:env(safe-area-inset-bottom,1rem)}}.navbar .nav-links.active .cart-link,.navbar .nav-links.active .currency-wrapper,.navbar .nav-links.active .login-link,.navbar .nav-links.active .nav-link,.navbar .nav-links.active .register-link,.navbar .nav-links.active .user-dropdown{animation:slideDown .3s ease forwards}.navbar .nav-links.active .cart-link:first-child,.navbar .nav-links.active .currency-wrapper:first-child,.navbar .nav-links.active .login-link:first-child,.navbar .nav-links.active .nav-link:first-child,.navbar .nav-links.active .register-link:first-child,.navbar .nav-links.active .user-dropdown:first-child{animation-delay:.02s}.navbar .nav-links.active .cart-link:nth-child(2),.navbar .nav-links.active .currency-wrapper:nth-child(2),.navbar .nav-links.active .login-link:nth-child(2),.navbar .nav-links.active .nav-link:nth-child(2),.navbar .nav-links.active .register-link:nth-child(2),.navbar .nav-links.active .user-dropdown:nth-child(2){animation-delay:.04s}.navbar .nav-links.active .cart-link:nth-child(3),.navbar .nav-links.active .currency-wrapper:nth-child(3),.navbar .nav-links.active .login-link:nth-child(3),.navbar .nav-links.active .nav-link:nth-child(3),.navbar .nav-links.active .register-link:nth-child(3),.navbar .nav-links.active .user-dropdown:nth-child(3){animation-delay:.06s}.navbar .nav-links.active .cart-link:nth-child(4),.navbar .nav-links.active .currency-wrapper:nth-child(4),.navbar .nav-links.active .login-link:nth-child(4),.navbar .nav-links.active .nav-link:nth-child(4),.navbar .nav-links.active .register-link:nth-child(4),.navbar .nav-links.active .user-dropdown:nth-child(4){animation-delay:.08s}.navbar .nav-links.active .cart-link:nth-child(5),.navbar .nav-links.active .currency-wrapper:nth-child(5),.navbar .nav-links.active .login-link:nth-child(5),.navbar .nav-links.active .nav-link:nth-child(5),.navbar .nav-links.active .register-link:nth-child(5),.navbar .nav-links.active .user-dropdown:nth-child(5){animation-delay:.1s}.navbar .nav-links.active .cart-link:nth-child(6),.navbar .nav-links.active .currency-wrapper:nth-child(6),.navbar .nav-links.active .login-link:nth-child(6),.navbar .nav-links.active .nav-link:nth-child(6),.navbar .nav-links.active .register-link:nth-child(6),.navbar .nav-links.active .user-dropdown:nth-child(6){animation-delay:.12s}.navbar .nav-links.active .cart-link:nth-child(7),.navbar .nav-links.active .currency-wrapper:nth-child(7),.navbar .nav-links.active .login-link:nth-child(7),.navbar .nav-links.active .nav-link:nth-child(7),.navbar .nav-links.active .register-link:nth-child(7),.navbar .nav-links.active .user-dropdown:nth-child(7){animation-delay:.14s}.navbar .nav-links.active .cart-link:nth-child(8),.navbar .nav-links.active .currency-wrapper:nth-child(8),.navbar .nav-links.active .login-link:nth-child(8),.navbar .nav-links.active .nav-link:nth-child(8),.navbar .nav-links.active .register-link:nth-child(8),.navbar .nav-links.active .user-dropdown:nth-child(8){animation-delay:.16s}@media(prefers-reduced-motion:reduce){.navbar,.navbar .nav-links,.navbar .nav-links.active .cart-link,.navbar .nav-links.active .currency-wrapper,.navbar .nav-links.active .login-link,.navbar .nav-links.active .nav-link,.navbar .nav-links.active .register-link,.navbar .nav-links.active .user-dropdown{animation:none!important;transition:none!important}.navbar .nav-links.active{opacity:1;transform:translateY(0)}}.navbar .cart-link,.navbar .dropdown-item,.navbar .dropdown-trigger,.navbar .login-link,.navbar .nav-link,.navbar .register-link,.navbar a,.navbar button{min-height:44px}@media(min-width:768px){.navbar .cart-link,.navbar .dropdown-item,.navbar .dropdown-trigger,.navbar .login-link,.navbar .nav-link,.navbar .register-link,.navbar a,.navbar button{min-height:auto}}.footer{background:#1a1a1a;color:#d1d5db;margin-top:auto;padding:2rem .75rem .75rem}@media(min-width:768px){.footer{padding:3rem 1.5rem 1rem}}.footer .footer-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:0 auto;max-width:1280px}@media(min-width:640px){.footer .footer-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.footer .footer-container{gap:2rem;grid-template-columns:2fr 1fr 1fr 1.5fr}}.footer .footer-section h4{color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(1rem,2vw,1.125rem);margin-bottom:.75rem;position:relative}.footer .footer-section h4:after{background:#d9a321;border-radius:2px;content:"";display:block;height:3px;margin-top:.35rem;width:32px}@media(min-width:768px){.footer .footer-section h4:after{margin-top:.5rem;width:40px}}.footer .footer-section ul{list-style:none;margin:0;padding:0}.footer .footer-section ul li{margin-bottom:.35rem}@media(min-width:768px){.footer .footer-section ul li{margin-bottom:.5rem}}.footer .footer-section ul li a{align-items:center;color:#d1d5db;display:inline-flex;font-size:clamp(.813rem,1.2vw,.875rem);gap:.4rem;padding:.2rem 0;text-decoration:none;transition:all .3s ease}@media(max-width:767px){.footer .footer-section ul li a{min-height:40px;padding:.3rem 0}}.footer .footer-section ul li a:hover{color:#d9a321;transform:translateX(4px)}.footer .footer-section ul li a svg{font-size:.7rem;opacity:.6}.footer .brand-section .footer-logo{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}@media(min-width:768px){.footer .brand-section .footer-logo{gap:.75rem;margin-bottom:1rem}}.footer .brand-section .footer-logo .footer-logo-img{height:32px;width:auto}@media(min-width:768px){.footer .brand-section .footer-logo .footer-logo-img{height:44px}}.footer .brand-section .footer-logo h3{color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);margin:0}.footer .brand-section .footer-logo h3 svg{color:#d9a321;margin-right:.25rem}.footer .brand-section .footer-description{font-size:clamp(.813rem,1.2vw,.875rem);line-height:1.6;margin-bottom:.75rem;max-width:100%}@media(min-width:768px){.footer .brand-section .footer-description{max-width:400px}}.footer .brand-section .footer-tagline{color:#d9a321;font-size:clamp(.813rem,1.2vw,.875rem);font-weight:600;margin-bottom:.75rem}.footer .brand-section .footer-trust-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}@media(min-width:768px){.footer .brand-section .footer-trust-badges{gap:.5rem;margin-bottom:1.25rem}}.footer .brand-section .footer-trust-badges .trust-badge{align-items:center;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:12px;color:#d1d5db;display:inline-flex;font-size:clamp(.55rem,.8vw,.65rem);gap:.25rem;min-height:28px;padding:.1rem .4rem}@media(min-width:768px){.footer .brand-section .footer-trust-badges .trust-badge{min-height:auto;padding:.15rem .5rem}}.footer .brand-section .footer-trust-badges .trust-badge svg{color:#d9a321;font-size:.5rem}@media(min-width:768px){.footer .brand-section .footer-trust-badges .trust-badge svg{font-size:.6rem}}.footer .brand-section .footer-social{display:flex;flex-wrap:wrap;gap:.4rem}@media(min-width:768px){.footer .brand-section .footer-social{gap:.5rem}}.footer .brand-section .footer-social .social-link{align-items:center;background:#ffffff0f;border-radius:50%;color:#d1d5db;display:flex;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .3s ease;width:36px}@media(min-width:768px){.footer .brand-section .footer-social .social-link{height:40px;width:40px}}.footer .brand-section .footer-social .social-link:hover{background:#d9a321;background:var(--hover-color,#d9a321);color:#fff}.footer .brand-section .footer-social .social-link svg{font-size:.9rem}@media(min-width:768px){.footer .brand-section .footer-social .social-link svg{font-size:1.1rem}}.footer .contact-section .contact-list li{align-items:flex-start;display:flex;font-size:clamp(.813rem,1.2vw,.875rem);gap:.5rem;line-height:1.4;margin-bottom:.4rem;min-height:36px}@media(min-width:768px){.footer .contact-section .contact-list li{gap:.75rem;margin-bottom:.6rem;min-height:auto}}.footer .contact-section .contact-list li svg{color:#d9a321;flex-shrink:0;font-size:.8rem;margin-top:.125rem}.footer .contact-section .contact-list li .contact-link,.footer .contact-section .contact-list li .email-link{color:#d1d5db;text-decoration:none;transition:color .3s ease;word-break:break-all}.footer .contact-section .contact-list li .contact-link:hover,.footer .contact-section .contact-list li .email-link:hover{color:#d9a321}.footer .contact-section .contact-list li.whatsapp-contact .whatsapp-link{align-items:center;color:#25d366;display:inline-flex;font-weight:500;gap:.3rem;min-height:36px;padding:.2rem 0;text-decoration:none;transition:all .3s ease}@media(min-width:768px){.footer .contact-section .contact-list li.whatsapp-contact .whatsapp-link{min-height:auto}}.footer .contact-section .contact-list li.whatsapp-contact .whatsapp-link:hover{color:#1da851;transform:translateX(2px)}.footer .contact-section .working-hours{align-items:center;border-top:1px solid #ffffff0f;display:flex;font-size:clamp(.75rem,1.1vw,.813rem);gap:.4rem;margin-top:.75rem;padding-top:.5rem}@media(min-width:768px){.footer .contact-section .working-hours{gap:.5rem;margin-top:1rem;padding-top:.75rem}}.footer .contact-section .working-hours svg{color:#d9a321;flex-shrink:0;font-size:.8rem}.footer .newsletter-section .newsletter-text{font-size:clamp(.813rem,1.2vw,.875rem);line-height:1.5;margin-bottom:.75rem}.footer .newsletter-section .newsletter-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}@media(min-width:480px){.footer .newsletter-section .newsletter-form{flex-direction:row}}@media(min-width:768px){.footer .newsletter-section .newsletter-form{margin-bottom:1.25rem}}.footer .newsletter-section .newsletter-form .newsletter-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:clamp(.813rem,1.2vw,.875rem);min-height:44px;outline:none;padding:.5rem .75rem;transition:all .3s ease;width:100%}.footer .newsletter-section .newsletter-form .newsletter-input::placeholder{color:#fff6}.footer .newsletter-section .newsletter-form .newsletter-input:focus{border-color:#d9a321;box-shadow:0 0 0 3px #d9a32126}.footer .newsletter-section .newsletter-form .newsletter-btn{background:#d9a321;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:clamp(.813rem,1.2vw,.875rem);font-weight:600;min-height:44px;padding:.5rem 1.25rem;transition:all .3s ease;white-space:nowrap;width:100%}@media(min-width:480px){.footer .newsletter-section .newsletter-form .newsletter-btn{width:auto}}.footer .newsletter-section .newsletter-form .newsletter-btn:hover{background:#b8860b}.footer .newsletter-section .payment-methods{margin-bottom:.75rem}@media(min-width:768px){.footer .newsletter-section .payment-methods{margin-bottom:1rem}}.footer .newsletter-section .payment-methods h5{color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(.813rem,1.2vw,.875rem);margin-bottom:.35rem}@media(min-width:768px){.footer .newsletter-section .payment-methods h5{margin-bottom:.5rem}}.footer .newsletter-section .payment-methods .payment-icons{display:flex;flex-wrap:wrap;gap:.35rem}.footer .newsletter-section .payment-methods .payment-icons .payment-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:4px;color:#d1d5db;display:inline-flex;font-size:clamp(.6rem,.9vw,.7rem);gap:.2rem;min-height:28px;padding:.2rem .4rem;white-space:nowrap}@media(min-width:768px){.footer .newsletter-section .payment-methods .payment-icons .payment-icon{min-height:auto;padding:.25rem .6rem}}.footer .newsletter-section .footer-nra,.footer .newsletter-section .footer-quality{align-items:center;color:#9ca3af;display:flex;font-size:clamp(.65rem,1vw,.75rem);gap:.4rem;margin-bottom:.25rem;min-height:28px}@media(min-width:768px){.footer .newsletter-section .footer-nra,.footer .newsletter-section .footer-quality{margin-bottom:.3rem;min-height:auto}}.footer .newsletter-section .footer-nra svg,.footer .newsletter-section .footer-quality svg{color:#d9a321;flex-shrink:0;font-size:.7rem}.footer .footer-bottom{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem auto 0;max-width:1280px;padding-top:1rem;text-align:center}@media(min-width:768px){.footer .footer-bottom{flex-direction:row;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;text-align:left}}.footer .footer-bottom p{color:#6b7280;font-size:clamp(.65rem,1vw,.75rem);margin:0}.footer .footer-bottom .footer-bottom-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media(min-width:768px){.footer .footer-bottom .footer-bottom-links{gap:1.5rem}}.footer .footer-bottom .footer-bottom-links a{color:#6b7280;font-size:clamp(.65rem,1vw,.75rem);padding:.25rem 0;text-decoration:none;transition:color .3s ease}.footer .footer-bottom .footer-bottom-links a:hover{color:#d9a321}.footer .footer-bottom .footer-tagline-bottom{color:#d9a321;font-size:clamp(.6rem,.9vw,.7rem);opacity:.6}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-content{flex:1 1;min-height:calc(100vh - 60px);padding-top:60px}@media(min-width:768px){.main-content{min-height:calc(100vh - 70px);padding-top:70px}}.loader-container{gap:clamp(.75rem,1.5vw,1rem);padding:clamp(1rem,2vw,2rem)}.loader-container.full-screen{min-height:100vh;min-height:100dvh}.loader-container .loader-spinner{align-items:center;animation:spin .8s linear infinite;color:#d9a321;color:var(--secondary-gold);display:flex;justify-content:center}.loader-container .loader-spinner.small{font-size:clamp(1.5rem,2.5vw,2rem)}.loader-container .loader-spinner.medium{font-size:clamp(2.5rem,4vw,3.5rem)}.loader-container .loader-spinner.large{font-size:clamp(4rem,6vw,5rem)}.loader-container .loader-spinner svg{display:block}.loader-container .loader-message{animation:pulse 1.5s ease-in-out infinite;color:#5a5a5a;color:var(--slate-gray);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,1.2vw,.938rem);margin:0;text-align:center}@media(prefers-reduced-motion:reduce){.loader-message,.loader-spinner{animation:none!important}}.checkout-page{background:#fff;background:var(--white);min-height:100vh}.checkout-hero{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff;color:var(--white);overflow:hidden;padding:clamp(1.5rem,4vw,2.5rem) clamp(.75rem,3vw,1.5rem);position:relative;text-align:center}@media(min-width:768px){.checkout-hero{padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2rem)}}.checkout-hero .checkout-hero__overlay{background:#d9a3210d;background:rgba(var(--secondary-gold-rgb),.05);border-radius:50%;height:clamp(200px,40vw,300px);pointer-events:none;position:absolute;right:-20%;top:-50%;width:clamp(200px,40vw,300px)}@media(min-width:768px){.checkout-hero .checkout-hero__overlay{height:clamp(300px,50vw,500px);width:clamp(300px,50vw,500px)}}.checkout-hero .checkout-hero__content{position:relative;z-index:2}.checkout-hero .checkout-hero__icon{color:#d9a321;color:var(--secondary-gold);font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:clamp(.4rem,.8vw,.75rem)}@media(min-width:768px){.checkout-hero .checkout-hero__icon{font-size:clamp(2rem,4.5vw,2.5rem);margin-bottom:clamp(.5rem,1vw,1rem)}}.checkout-hero h1{color:#fff;color:var(--white);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,4vw,2.5rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.checkout-hero p{color:rgba(#FFFFFF,.9);color:rgba(var(--white),.9);font-size:clamp(.813rem,1.5vw,.938rem);margin:0 auto;max-width:600px;opacity:.9}@media(min-width:768px){.checkout-hero p{font-size:clamp(.875rem,1.5vw,1rem)}}.checkout-container{margin:0 auto;max-width:1280px;max-width:var(--container-xl);padding:clamp(1rem,2vw,2rem) clamp(.75rem,2vw,1.5rem)}@media(min-width:768px){.checkout-container{padding:clamp(1.5rem,3vw,3rem) clamp(1rem,3vw,2rem)}}.checkout-back{align-items:center;color:#006b2e;color:var(--primary-green);display:inline-flex;font-size:clamp(.813rem,.9vw,.875rem);font-weight:500;gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(1rem,2vw,2rem);min-height:44px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.checkout-back:hover{color:#d9a321;color:var(--secondary-gold);transform:translateX(-4px)}.checkout-back:active{transform:scale(.95)}.payment-error{align-items:center;background:#fee2e2;background:var(--error-red-light);border:1px solid #fca5a5;border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--error-red);display:flex;font-size:clamp(.813rem,.9vw,.875rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.75rem,1.5vw,1.5rem);min-height:48px;padding:clamp(.5rem,.7vw,.75rem) clamp(.6rem,.8vw,1rem)}.payment-error svg{flex-shrink:0;font-size:clamp(.9rem,1vw,1rem)}.checkout-grid{grid-gap:clamp(1rem,2vw,2rem);display:grid;gap:clamp(1rem,2vw,2rem);grid-template-columns:1fr}@media(min-width:768px){.checkout-grid{gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:1fr 360px}}@media(min-width:1024px){.checkout-grid{gap:clamp(2rem,4vw,3rem);grid-template-columns:1fr 400px}}.checkout-section{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);margin-bottom:clamp(.75rem,1.5vw,1.5rem);padding:clamp(.75rem,1.5vw,1.25rem)}@media(min-width:768px){.checkout-section{padding:clamp(1rem,2vw,1.5rem)}}.checkout-section h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.95rem,1.5vw,1.125rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.5rem,.8vw,1rem)}.checkout-section h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1.2vw,1rem)}.checkout-section .section-subtitle{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,.8vw,.813rem);margin-bottom:clamp(.5rem,.8vw,.75rem)}.checkout-section.payment-section{border-left:4px solid #d9a321;border-left:4px solid var(--secondary-gold)}.form-group{margin-bottom:clamp(.5rem,.8vw,1rem)}.form-group label{align-items:center;display:flex;font-size:clamp(.75rem,.8vw,.813rem);gap:clamp(.2rem,.3vw,.25rem);margin-bottom:clamp(.15rem,.2vw,.25rem)}.form-group label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.65rem,.75vw,.75rem)}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.5vw,.5rem) clamp(.5rem,.6vw,.75rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#9ca3af;opacity:.7}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235A5A5A' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-group textarea{min-height:clamp(48px,6vw,60px);resize:vertical}.form-group small{color:#5a5a5a;color:var(--slate-gray);display:block;font-size:clamp(.55rem,.6vw,.6rem);margin-top:clamp(.1rem,.15vw,.2rem)}.form-group.checkbox,.form-group.checkbox label{align-items:center;display:flex}.form-group.checkbox label{cursor:pointer;font-weight:400;gap:clamp(.3rem,.4vw,.5rem)}.form-group.checkbox input[type=checkbox]{accent-color:#d9a321;accent-color:var(--secondary-gold);cursor:pointer;flex-shrink:0;height:clamp(16px,2vw,18px);width:clamp(16px,2vw,18px)}.mobile-money-field{animation:slideDown .3s ease;margin-top:clamp(.25rem,.4vw,.5rem)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{grid-gap:clamp(.5rem,.6vw,1rem);gap:clamp(.5rem,.6vw,1rem)}@media(min-width:576px){.form-row{grid-template-columns:1fr 1fr}}.payment-options{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.4vw,.5rem);margin-bottom:clamp(.25rem,.4vw,.5rem)}.payment-option{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,.8vw,.813rem);gap:clamp(.25rem,.3vw,.5rem);min-height:clamp(40px,5vw,44px);padding:clamp(.3rem,.4vw,.5rem) clamp(.5rem,.7vw,1rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.payment-option:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.payment-option.selected{background:#e8f5e9;background:var(--primary-green-light);border-color:#006b2e;border-color:var(--primary-green)}.payment-option:active{transform:scale(.95)}.payment-option input[type=radio]{accent-color:#d9a321;accent-color:var(--secondary-gold);cursor:pointer;flex-shrink:0;height:clamp(14px,1.5vw,16px);width:clamp(14px,1.5vw,16px)}.payment-option svg{color:#006b2e;color:var(--primary-green);font-size:clamp(.7rem,.8vw,.875rem)}.payment-option .mobile-badge{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.5rem,.55vw,.65rem);margin-left:clamp(.1rem,.15vw,.15rem)}.payment-option-label{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.75rem,.8vw,.813rem);gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(.25rem,.4vw,.5rem);min-height:clamp(44px,5vw,48px);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,1rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.payment-option-label:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.payment-option-label input[type=radio]{accent-color:#d9a321;accent-color:var(--secondary-gold);cursor:pointer;flex-shrink:0;height:clamp(14px,1.5vw,16px);width:clamp(14px,1.5vw,16px)}.payment-option-label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.8vw,.875rem)}.saved-payment-methods{margin-bottom:clamp(.5rem,.8vw,1rem)}.saved-methods-list{margin-top:clamp(.25rem,.4vw,.5rem);padding-left:clamp(.5rem,1.5vw,1.5rem)}@media(max-width:576px){.saved-methods-list{padding-left:.5rem}}.saved-method{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,.8vw,.813rem);gap:clamp(.3rem,.4vw,.5rem);margin-bottom:clamp(.15rem,.2vw,.25rem);min-height:clamp(40px,5vw,44px);padding:clamp(.3rem,.4vw,.4rem) clamp(.4rem,.5vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.saved-method:hover{border-color:#d9a321;border-color:var(--secondary-gold)}.saved-method.selected{background:#e8f5e9;background:var(--primary-green-light);border-color:#006b2e;border-color:var(--primary-green)}.saved-method input[type=radio]{accent-color:#d9a321;accent-color:var(--secondary-gold);cursor:pointer;flex-shrink:0;height:clamp(12px,1.5vw,14px);width:clamp(12px,1.5vw,14px)}.saved-method svg{color:#006b2e;color:var(--primary-green);font-size:clamp(.65rem,.7vw,.75rem)}.saved-method .default-badge{background:#d9a321;background:var(--secondary-gold);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);font-size:clamp(.45rem,.5vw,.55rem);font-weight:600;margin-left:auto;padding:clamp(.05rem,.08vw,.1rem) clamp(.25rem,.3vw,.4rem)}.saved-method .remove-payment-btn{background:none;border:none;border-radius:4px;border-radius:var(--radius-xs);color:#dc2626;color:var(--error-red);cursor:pointer;font-size:clamp(.6rem,.65vw,.7rem);min-height:clamp(32px,4vw,36px);padding:clamp(.1rem,.15vw,.2rem) clamp(.25rem,.3vw,.4rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.saved-method .remove-payment-btn:hover{background:#fee2e2;background:var(--error-red-light)}.saved-method .remove-payment-btn svg{font-size:clamp(.6rem,.65vw,.7rem)}.add-payment-btn{align-items:center;background:none;border:1px solid #d9a321;border:1px solid var(--secondary-gold);border-radius:8px;border-radius:var(--radius-sm);color:#d9a321;color:var(--secondary-gold);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.75rem,.8vw,.813rem);font-weight:500;gap:clamp(.3rem,.4vw,.5rem);margin-top:clamp(.25rem,.4vw,.5rem);min-height:clamp(40px,5vw,44px);padding:clamp(.3rem,.4vw,.4rem) clamp(.6rem,.8vw,1rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.add-payment-btn:hover{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white);transform:translateY(-2px)}.add-payment-btn:active{transform:scale(.95)}.add-payment-form{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);margin-top:clamp(.5rem,.8vw,1rem);padding:clamp(.5rem,.8vw,1rem)}.add-payment-form h4{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.813rem,.9vw,.875rem);margin-bottom:clamp(.5rem,.6vw,.75rem)}.add-payment-form .form-group{margin-bottom:clamp(.35rem,.5vw,.5rem)}.add-payment-form .form-row{gap:clamp(.35rem,.5vw,.5rem)}.save-payment-btn{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:clamp(.3rem,.4vw,.5rem);min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.5vw,.5rem) clamp(.75rem,1vw,1.25rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.save-payment-btn:hover{background:#b8860b;background:var(--secondary-gold-dark);transform:translateY(-2px)}.save-payment-btn:active{transform:scale(.95)}.checkout-summary{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);height:-webkit-fit-content;height:fit-content;padding:clamp(.75rem,1.5vw,1.25rem);position:-webkit-sticky;position:sticky;top:clamp(80px,12vw,100px)}@media(min-width:768px){.checkout-summary{padding:clamp(1rem,2vw,1.5rem)}}.checkout-summary h3{align-items:center;color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.95rem,1.5vw,1.125rem);gap:clamp(.3rem,.5vw,.5rem);margin-bottom:clamp(.5rem,.8vw,1rem)}.checkout-summary h3 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,1.2vw,1rem)}.bulk-badge{background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);font-size:clamp(.75rem,.8vw,.813rem);font-weight:500;margin-bottom:clamp(.5rem,.8vw,1rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.5rem,.7vw,.75rem);text-align:center}.bulk-badge svg{margin-right:clamp(.25rem,.3vw,.4rem)}.summary-items{max-height:clamp(180px,30vh,250px);overflow-y:auto}.summary-items::-webkit-scrollbar{width:4px}.summary-items::-webkit-scrollbar-track{background:#f8f8f8;background:var(--light-bg)}.summary-items::-webkit-scrollbar-thumb{background:#d9a321;background:var(--secondary-gold);border-radius:9999px;border-radius:var(--radius-full)}.summary-item{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-light);display:flex;font-size:clamp(.75rem,.8vw,.875rem);justify-content:space-between;margin-bottom:clamp(.25rem,.4vw,.5rem);padding-bottom:clamp(.25rem,.4vw,.5rem)}.summary-item:last-child{border-bottom:none}.summary-item .item-name{color:#1f1f1f;color:var(--charcoal)}.summary-item .item-price{color:#d9a321;color:var(--secondary-gold);font-weight:500}.summary-divider{border:none;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin:clamp(.5rem,.8vw,.75rem) 0}.total-row{display:flex;font-size:clamp(.813rem,.9vw,.938rem);justify-content:space-between;margin-bottom:clamp(.25rem,.4vw,.5rem)}.total-row.shipping{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,.8vw,.875rem)}.total-row.grand-total{border-top:2px solid #d9a321;border-top:2px solid var(--secondary-gold);color:#d9a321;color:var(--secondary-gold);font-size:clamp(1rem,1.2vw,1.1rem);font-weight:700;padding-top:clamp(.35rem,.5vw,.5rem)}.total-row .total-label{color:#5a5a5a;color:var(--slate-gray)}.total-row .total-value{font-weight:600}.total-row.grand-total .total-value{color:#d9a321;color:var(--secondary-gold)}.summary-security{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.65rem,.7vw,.75rem);margin-top:clamp(.5rem,.8vw,.75rem);text-align:center}.summary-security svg{color:#16a34a;color:var(--success-green);margin-right:clamp(.15rem,.25vw,.25rem)}.summary-whatsapp{margin-top:clamp(.5rem,.8vw,.75rem);text-align:center}.summary-whatsapp a{align-items:center;color:#25d366;display:inline-flex;font-size:clamp(.75rem,.8vw,.813rem);font-weight:500;gap:clamp(.3rem,.4vw,.5rem);min-height:44px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.summary-whatsapp a:hover{text-decoration:underline}.summary-whatsapp a svg{font-size:clamp(.8rem,.9vw,.9rem)}.checkout-success{margin:0 auto;max-width:600px;padding:clamp(2rem,5vw,4rem) clamp(1rem,2vw,1.5rem);text-align:center}.checkout-success .checkout-success__icon{font-size:clamp(3rem,5vw,4rem);margin-bottom:clamp(.5rem,1vw,1.5rem)}.checkout-success .checkout-success__icon svg{color:#16a34a;color:var(--success-green)}.checkout-success h1{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:clamp(.25rem,.5vw,.75rem)}.checkout-success p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.875rem,1.2vw,1rem)}.checkout-success .checkout-success__order{margin-bottom:clamp(1rem,2vw,2rem)}.checkout-success .checkout-success__actions{display:flex;flex-wrap:wrap;gap:clamp(.5rem,.8vw,.75rem);justify-content:center}@media(max-width:576px){.checkout-success .checkout-success__actions{align-items:stretch;flex-direction:column}}.checkout-success .checkout-success__actions .btn{font-size:clamp(.813rem,1vw,.875rem);min-height:clamp(44px,5vw,48px);padding:clamp(.4rem,.8vw,.5rem) clamp(1rem,2vw,1.5rem)}@media(min-width:576px){.checkout-success .checkout-success__actions .btn{min-height:clamp(48px,5.5vw,52px)}}@media(max-width:576px){.checkout-grid{grid-template-columns:1fr}.checkout-hero{padding:1.5rem 1rem}.checkout-container{padding:1rem .75rem}.payment-options{gap:.25rem}.payment-option{font-size:.7rem;padding:.3rem .5rem}.saved-method{font-size:.75rem;padding:.3rem .5rem}.checkout-summary{padding:.875rem}.form-row{grid-template-columns:1fr}}@media(max-width:400px){.checkout-hero h1{font-size:1.25rem}.checkout-section,.checkout-summary{padding:.625rem}}@media(prefers-reduced-motion:reduce){.add-payment-btn,.checkout-back,.checkout-hero,.checkout-page,.mobile-money-field,.payment-option,.quick-contact-btn,.save-payment-btn,.saved-method{animation:none!important;transition:none!important}.mobile-money-field{animation:none!important}}@supports(padding:max(0px)){.checkout-hero{padding-bottom:max(clamp(1.5rem,4vw,2.5rem),env(safe-area-inset-bottom));padding-top:max(clamp(1.5rem,4vw,2.5rem),env(safe-area-inset-top))}.checkout-container{padding-bottom:max(clamp(1rem,2vw,2rem),env(safe-area-inset-bottom))}}:root{--primary-green:#006b2e;--primary-green-rgb:0,107,46;--primary-green-dark:#014421;--primary-green-dark-rgb:1,68,33;--primary-green-light:#e8f5e9;--secondary-gold:#d9a321;--secondary-gold-rgb:217,163,33;--secondary-gold-dark:#b8860b;--secondary-gold-dark-rgb:184,134,11;--secondary-gold-light:#fef3c7;--charcoal:#1f1f1f;--slate-gray:#5a5a5a;--light-bg:#f8f8f8;--white:#fff;--border-light:#e5e5e5;--border-medium:#d4d4d4;--error-red:#dc2626;--error-red-rgb:220,38,38;--error-red-light:#fee2e2;--success-green:#16a34a;--success-green-rgb:22,163,74;--success-green-light:#dcfce7;--warning-yellow:#f59e0b;--warning-yellow-rgb:245,158,11;--warning-yellow-light:#fef3c7;--info-blue:#3b82f6;--info-blue-rgb:59,130,246;--info-blue-light:#dbeafe;--purple-accent:#8b5cf6;--purple-accent-rgb:139,92,246;--purple-accent-light:#ede9fe;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 20px 60px #00000026;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Montserrat","Inter",sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-modal:500;--z-toast:600;--z-tooltip:700;--touch-min:44px;--touch-min-sm:36px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden}img,svg,video{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;min-width:44px;min-width:var(--touch-min);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}button,input,select,textarea{font-family:inherit;min-height:44px;min-height:var(--touch-min)}input,select,textarea{font-size:1rem}@media(max-width:768px){input,select,textarea{font-size:16px}}h1,h2,h3,h4,h5,h6{color:#1f1f1f;color:var(--charcoal);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.5rem,6vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(1.75rem,7vw,3.5rem)}h2{font-size:clamp(1.5rem,5.5vw,2.75rem)}h3{font-size:clamp(1.25rem,4.5vw,2rem)}h4{font-size:clamp(1.1rem,3.5vw,1.5rem)}h5{font-size:clamp(1rem,2.5vw,1.25rem)}h6{font-size:clamp(.875rem,2vw,1.1rem)}p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.875rem,1.8vw,1.125rem);line-height:1.7;max-width:65ch}small{font-size:clamp(.7rem,1.2vw,.875rem)}.container{margin:0 auto;max-width:1280px;max-width:var(--container-xl);padding:0 clamp(.75rem,4vw,2rem);width:100%}.section{padding:clamp(1.5rem,6vw,4rem) 0}.section-title{margin-bottom:clamp(1.25rem,4vw,2.5rem);text-align:center}.section-title h2{display:inline-block;margin-bottom:.5rem;position:relative}.section-title h2:after{background:#d9a321;background:var(--secondary-gold);border-radius:9999px;border-radius:var(--radius-full);content:"";display:block;height:3px;margin:.5rem auto 0;width:50px}.section-title p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.813rem,1.5vw,1.063rem);margin:0 auto;max-width:600px}.section-tag{align-items:center;background:#d9a3211a;background:rgba(var(--secondary-gold-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);color:#d9a321;color:var(--secondary-gold);display:inline-flex;font-size:.65rem;font-weight:600;gap:.4rem;letter-spacing:.5px;margin-bottom:.5rem;padding:.2rem .75rem;text-transform:uppercase}@media(min-width:768px){.section-tag{font-size:.75rem;padding:.25rem 1rem}}.text-green{color:#006b2e;color:var(--primary-green)}.text-gold{color:#d9a321;color:var(--secondary-gold)}.text-white{color:#fff;color:var(--white)}.text-muted{color:#5a5a5a;color:var(--slate-gray)}.text-error{color:#dc2626;color:var(--error-red)}.text-success{color:#16a34a;color:var(--success-green)}.bg-green{background-color:#006b2e;background-color:var(--primary-green)}.bg-gold{background-color:#d9a321;background-color:var(--secondary-gold)}.bg-light{background-color:#f8f8f8;background-color:var(--light-bg)}.bg-white{background-color:#fff;background-color:var(--white)}.bg-green-light{background-color:#e8f5e9;background-color:var(--primary-green-light)}.bg-gold-light{background-color:#fef3c7;background-color:var(--secondary-gold-light)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.m-0{margin:0}.p-0{padding:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.relative{position:relative}.absolute{position:absolute}.sticky{position:-webkit-sticky;position:sticky}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-sm{border-radius:8px;border-radius:var(--radius-sm)}.rounded-md{border-radius:12px;border-radius:var(--radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg)}.transition{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}.touch-target{min-height:44px;min-height:var(--touch-min);min-width:44px;min-width:var(--touch-min)}.touch-target-sm{min-height:36px;min-height:var(--touch-min-sm);min-width:36px;min-width:var(--touch-min-sm)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.btn,.visually-hidden{overflow:hidden;white-space:nowrap}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,1.2vw,1rem);font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-height:var(--touch-min);min-width:44px;min-width:var(--touch-min);padding:.5rem 1rem;position:relative;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@media(min-width:768px){.btn{min-height:48px;padding:.625rem 1.25rem}}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn:active:not(:disabled){transform:scale(.96)}.btn:after{background:#fff0;content:"";inset:0;position:absolute;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.btn:hover:not(:disabled):after{background:#ffffff1a}.btn-primary{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark);box-shadow:0 4px 15px #d9a32159;box-shadow:0 4px 15px rgba(var(--secondary-gold-rgb),.35);transform:translateY(-2px)}.btn-secondary{background:#006b2e;background:var(--primary-green);color:#fff;color:var(--white)}.btn-secondary:hover:not(:disabled){background:#014421;background:var(--primary-green-dark);box-shadow:0 4px 15px #006b2e59;box-shadow:0 4px 15px rgba(var(--primary-green-rgb),.35);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #006b2e;border:2px solid var(--primary-green);color:#006b2e;color:var(--primary-green)}.btn-outline:hover:not(:disabled){background:#006b2e;background:var(--primary-green);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-outline-gold{background:#0000;border:2px solid #d9a321;border:2px solid var(--secondary-gold);color:#d9a321;color:var(--secondary-gold)}.btn-outline-gold:hover:not(:disabled){background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-danger{background:#dc2626;background:var(--error-red);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 15px #dc262659;transform:translateY(-2px)}.btn-success{background:#16a34a;background:var(--success-green);color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background:#15803d;box-shadow:0 4px 15px #16a34a59;transform:translateY(-2px)}.btn-ghost{background:#0000;color:#5a5a5a;color:var(--slate-gray)}.btn-ghost:hover:not(:disabled){background:#f8f8f8;background:var(--light-bg);color:#1f1f1f;color:var(--charcoal)}.btn-large{font-size:clamp(.875rem,1.5vw,1.125rem);min-height:52px;padding:.625rem 1.5rem}@media(min-width:768px){.btn-large{padding:.75rem 2rem}}.btn-small{font-size:clamp(.7rem,1vw,.813rem);min-height:36px;min-width:36px;padding:.25rem .625rem}@media(min-width:768px){.btn-small{min-height:40px;padding:.375rem .875rem}}.btn-full{justify-content:center;width:100%}.btn-icon{border-radius:50%;height:44px;height:var(--touch-min);padding:0;width:44px;width:var(--touch-min)}.btn-icon.small{height:36px;width:36px}.form-group{margin-bottom:1rem}.form-group label{color:#1f1f1f;color:var(--charcoal);display:block;font-size:clamp(.75rem,1.2vw,.875rem);font-weight:500;margin-bottom:.25rem}.form-group label .required{color:#dc2626;color:var(--error-red);margin-left:.2rem}.form-group .helper-text{color:#5a5a5a;color:var(--slate-gray);display:block;font-size:clamp(.6rem,1vw,.7rem);margin-top:.125rem}.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,1.2vw,.938rem);min-height:44px;min-height:var(--touch-min);padding:.5rem .75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}@media(max-width:768px){.form-input,.form-select,.form-textarea{font-size:16px}}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc2626;border-color:var(--error-red);box-shadow:0 0 0 3px #dc262626}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f8f8f8;background:var(--light-bg);cursor:not-allowed;opacity:.7}.form-textarea{min-height:80px;resize:vertical}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235A5A5A' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:768px){.form-row{gap:1rem;grid-template-columns:1fr 1fr}}.form-error{color:#dc2626;color:var(--error-red);font-size:clamp(.7rem,1vw,.813rem);gap:.25rem;margin-top:.25rem}.form-error,.loader-container{align-items:center;display:flex}.loader-container{flex-direction:column;gap:1rem;justify-content:center;min-height:200px;width:100%}.loader-spinner{animation:spin .8s linear infinite;border-color:#f8f8f8;border-color:var(--light-bg);border-radius:50%;border-style:solid;border-top-color:#d9a321;border-top-color:var(--secondary-gold)}.loader-spinner.small{border-width:3px;height:30px;width:30px}.loader-spinner.medium{border-width:4px;height:50px;width:50px}.loader-spinner.large{border-width:5px;height:70px;width:70px}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f8f8f8;background:var(--light-bg)}::-webkit-scrollbar-thumb{background:#d9a321;background:var(--secondary-gold);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b8860b;background:var(--secondary-gold-dark)}::selection{background:#d9a321;background:var(--secondary-gold);color:#fff;color:var(--white)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.grid-2{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:576px){.grid-2{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-2{gap:1.5rem}}.grid-3{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:576px){.grid-3{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-3{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}.grid-4{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:576px){.grid-4{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-4{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}.fade-in{animation:fadeIn .5s ease forwards}.slide-up{animation:slideUp .4s ease forwards}.slide-in-right{animation:slideInRight .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}.profile-page{background:#f8f8f8;background:var(--light-bg);min-height:100vh;padding:clamp(1rem,3vw,2rem)}.profile-page .profile-container{margin:0 auto;max-width:1000px}.profile-page .profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.profile-page .profile-header .back-btn{align-items:center;background:none;border:none;border-radius:8px;color:#d9a321;color:var(--secondary-gold);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);gap:.5rem;min-height:44px;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.profile-page .profile-header .back-btn:hover{color:#b8860b;color:var(--secondary-gold-dark);transform:translateX(-4px)}.profile-page .profile-header .back-btn:active{transform:scale(.95)}.profile-page .profile-header .header-content{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:200px}.profile-page .profile-header .header-content .profile-avatar{align-items:center;background:linear-gradient(135deg,#006b2e,#014421);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700;height:clamp(44px,6vw,56px);justify-content:center;overflow:hidden;width:clamp(44px,6vw,56px)}.profile-page .profile-header .header-content .profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-page .profile-header .header-content .profile-avatar .avatar-initials{font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading)}@media(min-width:768px){.profile-page .profile-header .header-content .profile-avatar{font-size:clamp(1.25rem,1.8vw,1.5rem);height:clamp(56px,7vw,64px);width:clamp(56px,7vw,64px)}}.profile-page .profile-header .header-content h1{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1.1rem,2vw,1.25rem);margin:0}@media(min-width:768px){.profile-page .profile-header .header-content h1{font-size:clamp(1.25rem,2.5vw,1.5rem)}}.profile-page .profile-header .header-content p{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,.8vw,.813rem);margin:0}.profile-page .profile-header .header-content .profile-role{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.profile-page .profile-header .header-content .profile-role svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.8vw,.8rem)}.profile-page .profile-header .header-content .profile-role .admin-badge,.profile-page .profile-header .header-content .profile-role .viewing-badge{border-radius:8px;font-size:clamp(.5rem,.55vw,.55rem);font-weight:600;padding:.1rem .4rem}.profile-page .profile-header .header-content .profile-role .viewing-badge{background:#dbeafe;background:var(--info-blue-light);color:#3b82f6;color:var(--info-blue)}.profile-page .profile-header .header-content .profile-role .admin-badge{background:#fef3c7;background:var(--warning-yellow-light);color:#92400e}.profile-page .profile-header .header-actions{display:flex;gap:.5rem;margin-left:auto}.profile-page .profile-header .header-actions .logout-btn{align-items:center;background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,.8vw,.75rem);gap:.5rem;min-height:44px;padding:.4rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.profile-page .profile-header .header-actions .logout-btn:hover{background:#fee2e2;background:var(--error-red-light);border-color:#dc2626;border-color:var(--error-red);color:#dc2626;color:var(--error-red)}.profile-page .profile-header .header-actions .logout-btn:active{transform:scale(.95)}@media(max-width:576px){.profile-page .profile-header{align-items:stretch;flex-direction:column;gap:.75rem}.profile-page .profile-header .header-actions{justify-content:flex-end;margin-left:0}}.profile-page .profile-alert{align-items:center;border-radius:8px;display:flex;font-size:clamp(.813rem,.9vw,.875rem);gap:.5rem;margin-bottom:1.5rem;min-height:48px;padding:clamp(.5rem,.7vw,.75rem) clamp(.6rem,.8vw,1rem)}.profile-page .profile-alert.success{background:#dcfce7;background:var(--success-green-light);border:1px solid #bbf7d0;color:#16a34a;color:var(--success-green)}.profile-page .profile-alert.error{background:#fee2e2;background:var(--error-red-light);border:1px solid #fecaca;color:#dc2626;color:var(--error-red)}.profile-page .profile-alert svg{flex-shrink:0;font-size:clamp(.9rem,1vw,1rem)}.profile-page .profile-tabs{border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;padding-bottom:.1rem}.profile-page .profile-tabs button{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,.8vw,.813rem);font-weight:500;gap:.4rem;min-height:44px;padding:clamp(.35rem,.5vw,.5rem) clamp(.6rem,.9vw,1rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.profile-page .profile-tabs button:hover{background:#006b2e0d;background:rgba(var(--primary-green-rgb),.05);color:#006b2e;color:var(--primary-green)}.profile-page .profile-tabs button.active{background:#d9a32114;background:rgba(var(--secondary-gold-rgb),.08);color:#d9a321;color:var(--secondary-gold);font-weight:600}.profile-page .profile-tabs button.active:after{background:#d9a321;background:var(--secondary-gold);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.profile-page .profile-tabs button svg{font-size:clamp(.7rem,.8vw,.8rem)}@media(max-width:576px){.profile-page .profile-tabs button{font-size:.7rem;min-height:36px;padding:.3rem .6rem}}.profile-page .profile-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media(min-width:768px){.profile-page .profile-grid{gap:1.5rem}}.profile-page .profile-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:clamp(.75rem,1.5vw,1.25rem)}@media(min-width:768px){.profile-page .profile-card{border-radius:16px;border-radius:var(--radius-lg);padding:clamp(1rem,2vw,1.5rem)}}.profile-page .profile-card.full-width{grid-column:1/-1}.profile-page .profile-card h2{align-items:center;border-bottom:2px solid #d9a321;border-bottom:2px solid var(--secondary-gold);color:#006b2e;color:var(--primary-green);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(1rem,1.5vw,1.125rem);gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem}.profile-page .profile-card h2 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.85rem,1.1vw,1rem)}.profile-page .profile-card.account-info{margin-top:0}.profile-page .password-form,.profile-page .profile-form{display:flex;flex-direction:column;gap:1rem}.profile-page .form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:576px){.profile-page .form-row{grid-template-columns:1fr 1fr}}@media(min-width:768px){.profile-page .form-row{gap:1rem}}.profile-page .form-group{display:flex;flex-direction:column;gap:.25rem}.profile-page .form-group label{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.75rem,.8vw,.813rem);font-weight:500;gap:.3rem}.profile-page .form-group label svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.65rem,.7vw,.75rem)}.profile-page .form-group input,.profile-page .form-group select,.profile-page .form-group textarea{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#1f1f1f;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);min-height:44px;padding:clamp(.5rem,.6vw,.625rem) clamp(.5rem,.7vw,.75rem);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.profile-page .form-group input:focus,.profile-page .form-group select:focus,.profile-page .form-group textarea:focus{border-color:#d9a321;border-color:var(--secondary-gold);box-shadow:0 0 0 3px #d9a32126;box-shadow:0 0 0 3px rgba(var(--secondary-gold-rgb),.15);outline:none}.profile-page .form-group input.disabled-input,.profile-page .form-group select.disabled-input,.profile-page .form-group textarea.disabled-input{background:#f8f8f8;background:var(--light-bg);cursor:not-allowed;opacity:.7}.profile-page .form-group input::placeholder,.profile-page .form-group select::placeholder,.profile-page .form-group textarea::placeholder{color:#9ca3af;opacity:.7}.profile-page .form-group textarea{min-height:60px;resize:vertical}.profile-page .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235A5A5A' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.profile-page .form-group small{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.65vw,.65rem)}.profile-page .form-group .checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.profile-page .form-group .checkbox-label input[type=checkbox]{accent-color:#d9a321;accent-color:var(--secondary-gold);cursor:pointer;flex-shrink:0;height:clamp(16px,2vw,18px);margin-top:.125rem;min-height:auto;width:clamp(16px,2vw,18px)}.profile-page .form-group .checkbox-label span{display:flex;flex-direction:column}.profile-page .form-group .checkbox-label span svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.7rem,.8vw,.75rem);margin-right:.25rem}.profile-page .form-group .checkbox-label small{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.6rem,.65vw,.65rem);font-weight:400;margin-top:.125rem}.profile-page .password-input-wrapper{position:relative}.profile-page .password-input-wrapper input{padding-right:2.5rem;width:100%}.profile-page .password-input-wrapper .password-toggle{align-items:center;background:none;border:none;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.profile-page .password-input-wrapper .password-toggle:hover{color:#006b2e;color:var(--primary-green)}.profile-page .password-input-wrapper .password-toggle svg{font-size:clamp(.9rem,1vw,1rem)}.profile-page .readonly-notice{align-items:center;background:#fef3c7;background:var(--warning-yellow-light);border-radius:8px;color:#92400e;display:flex;font-size:clamp(.813rem,.9vw,.875rem);gap:.5rem;padding:.5rem .75rem}.profile-page .readonly-notice svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,.9vw,.9rem)}.profile-page .btn-primary{align-items:center;background:#d9a321;background:var(--secondary-gold);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:clamp(.5rem,.6vw,.625rem) clamp(.75rem,1.2vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.profile-page .btn-primary:hover:not(:disabled){background:#b8860b;background:var(--secondary-gold-dark);box-shadow:0 4px 15px #d9a3214d;box-shadow:0 4px 15px rgba(var(--secondary-gold-rgb),.3);transform:translateY(-2px)}.profile-page .btn-primary:active:not(:disabled){transform:scale(.95)}.profile-page .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.profile-page .btn-primary svg{font-size:clamp(.7rem,.8vw,.8rem)}.profile-page .btn-secondary{align-items:center;background:#0000;border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);font-weight:500;gap:.5rem;justify-content:center;min-height:44px;padding:clamp(.5rem,.6vw,.625rem) clamp(.75rem,1.2vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.profile-page .btn-secondary:hover{background:#f8f8f8;background:var(--light-bg);border-color:#5a5a5a;border-color:var(--slate-gray)}.profile-page .btn-secondary:active{transform:scale(.95)}.profile-page .livestock-tags{display:flex;flex-wrap:wrap;gap:.5rem}.profile-page .livestock-tags .livestock-tag{background:#fff;background:var(--white);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-light);border-radius:20px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.7rem,.8vw,.75rem);min-height:36px;padding:.3rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.profile-page .livestock-tags .livestock-tag:hover:not(:disabled){border-color:#d9a321;border-color:var(--secondary-gold);transform:translateY(-2px)}.profile-page .livestock-tags .livestock-tag:active:not(:disabled){transform:scale(.95)}.profile-page .livestock-tags .livestock-tag.active{background:#d9a321;background:var(--secondary-gold);border-color:#d9a321;border-color:var(--secondary-gold);color:#fff;color:var(--white)}.profile-page .livestock-tags .livestock-tag:disabled{cursor:not-allowed;opacity:.6}.profile-page .addresses-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.profile-page .addresses-list .address-item{align-items:flex-start;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.profile-page .addresses-list .address-item:hover{background:#f0f0f0;border-color:#d9a321;border-color:var(--secondary-gold)}.profile-page .addresses-list .address-item .address-info{flex:1 1}.profile-page .addresses-list .address-item .address-info .address-label{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-size:clamp(.813rem,.9vw,.875rem);font-weight:600;gap:.5rem}.profile-page .addresses-list .address-item .address-info .address-label .default-badge{background:#d9a321;background:var(--secondary-gold);border-radius:10px;color:#fff;color:var(--white);font-size:clamp(.55rem,.6vw,.6rem);font-weight:500;padding:.1rem .5rem}.profile-page .addresses-list .address-item .address-info .address-details{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,.8vw,.813rem);line-height:1.6;margin-top:.25rem}.profile-page .addresses-list .address-item .address-info .address-details svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.6rem,.65vw,.65rem)}.profile-page .addresses-list .address-item .address-actions{display:flex;flex-shrink:0;gap:.5rem}.profile-page .addresses-list .address-item .address-actions .edit-btn,.profile-page .addresses-list .address-item .address-actions .remove-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5a5a5a;color:var(--slate-gray);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.25rem .5rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.profile-page .addresses-list .address-item .address-actions .edit-btn:hover:not(:disabled),.profile-page .addresses-list .address-item .address-actions .remove-btn:hover:not(:disabled){background:#e5e5e5;background:var(--border-light)}.profile-page .addresses-list .address-item .address-actions .edit-btn:active:not(:disabled),.profile-page .addresses-list .address-item .address-actions .remove-btn:active:not(:disabled){transform:scale(.9)}.profile-page .addresses-list .address-item .address-actions .edit-btn.remove-btn,.profile-page .addresses-list .address-item .address-actions .remove-btn.remove-btn{color:#dc2626;color:var(--error-red)}.profile-page .addresses-list .address-item .address-actions .edit-btn.remove-btn:hover:not(:disabled),.profile-page .addresses-list .address-item .address-actions .remove-btn.remove-btn:hover:not(:disabled){background:#fee2e2;background:var(--error-red-light)}.profile-page .addresses-list .address-item .address-actions .edit-btn:disabled,.profile-page .addresses-list .address-item .address-actions .remove-btn:disabled{cursor:not-allowed;opacity:.4}.profile-page .addresses-list .address-item .address-actions .edit-btn svg,.profile-page .addresses-list .address-item .address-actions .remove-btn svg{font-size:clamp(.7rem,.8vw,.8rem)}@media(max-width:576px){.profile-page .addresses-list .address-item{align-items:stretch;flex-direction:column}.profile-page .addresses-list .address-item .address-actions{justify-content:flex-end}}.profile-page .add-address-btn{align-items:center;background:#006b2e;background:var(--primary-green);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:clamp(.813rem,.9vw,.875rem);font-weight:500;gap:.5rem;min-height:44px;padding:clamp(.4rem,.5vw,.5rem) clamp(.6rem,.8vw,1rem);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.profile-page .add-address-btn:hover{background:#014421;background:var(--primary-green-dark);box-shadow:0 4px 15px #006b2e4d;box-shadow:0 4px 15px rgba(var(--primary-green-rgb),.3);transform:translateY(-2px)}.profile-page .add-address-btn:active{transform:scale(.95)}.profile-page .address-form{background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;margin-top:.5rem;padding:1rem}.profile-page .address-form h4{color:#006b2e;color:var(--primary-green);font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.875rem,.9vw,.938rem);margin:0 0 .75rem}.profile-page .address-form .form-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.profile-page .address-form .form-actions .btn-primary,.profile-page .address-form .form-actions .btn-secondary{flex:1 1;min-width:80px}@media(max-width:576px){.profile-page .address-form .form-actions{flex-direction:column}}.profile-page .security-tips{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-light);margin-top:1.5rem;padding-top:1.5rem}.profile-page .security-tips h4{align-items:center;color:#1f1f1f;color:var(--charcoal);display:flex;font-family:Montserrat,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(.875rem,.9vw,.938rem);gap:.5rem;margin-bottom:.75rem}.profile-page .security-tips h4 svg{color:#d9a321;color:var(--secondary-gold);font-size:clamp(.8rem,.85vw,.9rem)}.profile-page .security-tips ul{margin:0;padding-left:1.25rem}.profile-page .security-tips ul li{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.75rem,.8vw,.813rem);line-height:1.6;margin-bottom:.5rem}.profile-page .account-details{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}@media(min-width:576px){.profile-page .account-details{grid-template-columns:1fr 1fr}}.profile-page .account-details .account-detail{align-items:center;background:#f8f8f8;background:var(--light-bg);border:1px solid #e5e5e5;border:1px solid var(--border-light);border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.5rem .75rem}.profile-page .account-details .account-detail .detail-label{color:#5a5a5a;color:var(--slate-gray);font-size:clamp(.7rem,.75vw,.75rem)}.profile-page .account-details .account-detail .detail-value{color:#1f1f1f;color:var(--charcoal);font-size:clamp(.813rem,.85vw,.875rem);font-weight:600}.profile-page .account-details .account-detail .status-badge{border-radius:12px;display:inline-block;font-size:clamp(.65rem,.7vw,.7rem);font-weight:600;padding:.15rem .6rem}.profile-page .account-details .account-detail .status-badge.active{background:#dcfce7;background:var(--success-green-light);color:#16a34a;color:var(--success-green)}.profile-page .account-details .account-detail .status-badge.inactive{background:#fee2e2;background:var(--error-red-light);color:#dc2626;color:var(--error-red)}@media(max-width:576px){.profile-page .account-details .account-detail{align-items:flex-start;flex-direction:column;gap:.15rem}}.profile-page .image-upload-group .image-upload-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square{align-items:center;background:#f8f8f8;background:var(--light-bg);border:2px dashed #d9a321;border:2px dashed var(--secondary-gold);display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner:hover,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle:hover,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square:hover{border-color:#006b2e!important;border-color:var(--primary-green)!important;box-shadow:0 0 0 3px #006b2e26;box-shadow:0 0 0 3px rgba(var(--primary-green-rgb),.15)}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner img,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle img,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square img{height:100%;object-fit:cover;width:100%}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner .image-remove-btn,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle .image-remove-btn,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square .image-remove-btn{align-items:center;background:#dc2626;background:var(--error-red);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:24px}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner .image-remove-btn:hover,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle .image-remove-btn:hover,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square .image-remove-btn:hover{transform:scale(1.1)}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner .image-remove-btn svg,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle .image-remove-btn svg,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square .image-remove-btn svg{font-size:12px}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner .image-placeholder,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle .image-placeholder,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square .image-placeholder{color:#9ca3af;padding:8px;text-align:center}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner .image-placeholder svg,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle .image-placeholder svg,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square .image-placeholder svg{display:block;font-size:clamp(1.5rem,2vw,2rem);margin-bottom:4px}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner .image-placeholder span,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle .image-placeholder span,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square .image-placeholder span{font-size:clamp(.5rem,.55vw,.6rem)}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner .image-placeholder-text,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle .image-placeholder-text,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square .image-placeholder-text{align-items:center;color:#9ca3af;display:flex;gap:.5rem}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner .image-placeholder-text svg,.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle .image-placeholder-text svg,.profile-page .image-upload-group .image-upload-wrapper .image-preview-square .image-placeholder-text svg{font-size:clamp(.9rem,1vw,1.1rem)}.profile-page .image-upload-group .image-upload-wrapper .image-preview-circle{border-radius:50%;height:clamp(80px,12vw,100px);width:clamp(80px,12vw,100px)}.profile-page .image-upload-group .image-upload-wrapper .image-preview-square{border-radius:8px;height:clamp(64px,10vw,80px);width:clamp(64px,10vw,80px)}.profile-page .image-upload-group .image-upload-wrapper .image-preview-banner{border-radius:8px;height:clamp(60px,10vw,80px);width:100%}.profile-page .image-upload-group .image-upload-wrapper small{color:#5a5a5a;color:var(--slate-gray);display:block;font-size:clamp(.6rem,.65vw,.65rem);margin-top:.25rem}@media(max-width:576px){.profile-page .form-row{grid-template-columns:1fr}.profile-page .profile-tabs{flex-wrap:nowrap;gap:.15rem;overflow-x:auto;padding-bottom:.1rem}.profile-page .profile-tabs button{font-size:.65rem;min-height:36px;padding:.3rem .5rem;white-space:nowrap}.profile-page .account-details{grid-template-columns:1fr}.profile-page .address-form .form-actions{flex-direction:column}.profile-page .image-preview-circle{height:70px!important;width:70px!important}.profile-page .image-preview-square{height:56px!important;width:56px!important}.profile-page .image-preview-banner{height:50px!important}}@media(max-width:400px){.profile-page{padding:.75rem}.profile-page .profile-header .header-content h1{font-size:1rem}.profile-page .profile-header .header-content .profile-avatar{font-size:.875rem;height:40px;width:40px}.profile-page .profile-card{padding:.75rem}.profile-page .profile-card h2{font-size:.9rem}.profile-page .btn-primary,.profile-page .btn-secondary{font-size:.75rem;padding:.4rem .75rem}}@media(prefers-reduced-motion:reduce){.add-address-btn,.address-item,.back-btn,.btn-primary,.btn-secondary,.image-preview-banner,.image-preview-circle,.image-preview-square,.livestock-tag,.profile-alert,.profile-page{animation:none!important;transform:none!important;transition:none!important}.add-address-btn:hover,.btn-primary:hover:not(:disabled),.btn-secondary:hover,.livestock-tag:hover:not(:disabled){transform:none!important}}@supports(padding:max(0px)){.profile-page{padding-bottom:max(clamp(1rem,3vw,2rem),env(safe-area-inset-bottom));padding-left:max(clamp(1rem,3vw,2rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,3vw,2rem),env(safe-area-inset-right))}}
/*# sourceMappingURL=main.a6eceaef.css.map*/