/* Alfa Food B2B 2.0: progressive enhancement of existing Blade styles. No frameworks/CDN. */
:root{--bg:#f5f7f4;--bg2:#f9faf7;--panel:#ffffff;--ink:#172c24;--muted:#697b72;--soft:#eef4ec;--gold:#e6ab4b;--gold2:#ffd991;--brown:#1d4838;--brown2:#102b23;--brown3:#356a53;--line:#dfe8df;--ok:#126044;--danger:#af2c35;--shadow:0 18px 46px rgba(20,61,39,.085);--shadow2:0 8px 22px rgba(20,61,39,.07);--radius:24px;--radius2:16px}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#f7faf7 0,#f2f6f2 42%,#fafbf9 100%);color:var(--ink);line-height:1.53}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #e6ab4b;outline-offset:3px}
::selection{background:#e6f1e5;color:#153c30}
.container{width:min(1240px,calc(100% - 48px))}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar{background:#10382b;color:#e8f7ec;font-size:12px;letter-spacing:.015em}.topbar .container{padding:8px 0}.topbar-pill{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.075)}
.nav{background:rgba(255,255,255,.96);border-bottom:1px solid #e8ece9;box-shadow:0 8px 24px rgba(10,40,30,.045)}.nav .container{padding:12px 0}.brand{color:#184a39;gap:11px}.brand-mark{width:46px;height:46px;background:linear-gradient(140deg,#184a3a 5%,#296b4e 60%,#c7974c 100%);box-shadow:0 9px 26px rgba(19,71,49,.18);border-radius:15px;font-weight:900}.brand-text{font-weight:900;letter-spacing:-.04em}.brand-text small{letter-spacing:.08em;color:#698171}
.menu{gap:4px}.menu a:not(.primary),.menu button{border-radius:12px}.menu a:hover,.menu button:hover{background:#edf5ed;color:#184c3a}.menu a.primary{background:#144834!important;color:white!important;border-radius:12px}.menu a.quick-order-link{background:#eef6ee;color:#245741;font-weight:850}
.cart-link.primary-cart{background:#fff5e5!important;color:#6f491d!important}.cart-badge{background:#de9835;color:#102b23;border:2px solid #fff}
.mobile-menu-toggle{border-radius:12px!important;background:#edf6ef!important;color:#214936!important}
.b2b-utility-search{background:#fff;border-bottom:1px solid #e8ece9;position:relative;z-index:12}.utility-inner{display:flex;gap:16px;align-items:center;padding:11px 0}.utility-form{display:flex;align-items:center;gap:9px;flex:1;min-width:0;background:#f5f7f4;border:1px solid #e0e9e0;border-radius:14px;padding:5px 5px 5px 15px}.utility-form>span{font-size:25px;color:#849b87}.utility-form input{min-width:0;flex:1;border:0;background:transparent;outline:0;padding:8px 0;color:#152c22;font-size:14px}.utility-form input:focus-visible{outline:none}.utility-form:focus-within{border-color:#88af92;box-shadow:0 0 0 3px #e0f1df}.utility-form button{border:0;background:#184d3a;color:#fff;border-radius:10px;font-weight:800;font-size:13px;padding:10px 20px;min-height:39px}.utility-form button:hover{background:#0d3929}.utility-quick{white-space:nowrap;font-weight:800;color:#24533b;background:#eff6ed;border-radius:12px;padding:10px 15px}.utility-private{font-size:12px;color:#78877d;white-space:nowrap}
.card,.stat-card,.product,.line-item-card{background:#fff;border:1px solid #e3ebe2;box-shadow:var(--shadow2)}.card{border-radius:22px}.page-title,h1,h2,h3{letter-spacing:-.04em}h1,h2{line-height:1.15}
.btn{border-radius:12px!important;font-weight:800;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;min-height:44px}.btn:hover{transform:translateY(-2px)}.btn.primary{background:#194d39!important;color:#fff!important;border-color:#194d39!important}.btn.primary:hover{background:#0e3928!important;box-shadow:0 9px 18px rgba(10,62,36,.16)}.btn.gold{background:#f0b64f!important;color:#1f3125!important;border-color:#f0b64f!important}.btn.gold:hover{background:#f5c974!important}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.input,select,textarea{border-radius:12px!important;border-color:#dce8dc!important}.input:focus,select:focus,textarea:focus{border-color:#669a72!important;outline:3px solid #e4f2e5!important}
.af-eyebrow,.af-section-label{font-size:11px;font-weight:900;letter-spacing:.13em;color:#397a51}.af-section-label{margin-bottom:9px}.af-text-link{font-size:14px;font-weight:850;color:#1c6945;white-space:nowrap}.af-text-link:hover{text-decoration:underline}.section{padding:25px 0}.page-head{gap:16px}.page-head h2{margin:0 0 7px;font-size:clamp(23px,2.6vw,30px)}.page-head p{margin:0;color:var(--muted)}
/* Hero */
.af-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);margin:25px 0 0;border-radius:30px;overflow:hidden;background:#123d2e;box-shadow:0 28px 60px rgba(15,55,34,.17);color:white;isolation:isolate;position:relative}
.af-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 7% 110%,rgba(218,165,75,.14),transparent 44%),radial-gradient(circle at 69% -5%,rgba(115,171,130,.12),transparent 33%);z-index:-1}.af-hero-main{padding:clamp(30px,5.3vw,69px) clamp(25px,4.5vw,60px)}.af-hero-tag{color:#cce9ce;display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.15);padding:9px 12px;border-radius:100px;letter-spacing:.08em}.af-live-dot{width:7px;height:7px;border-radius:50%;background:#e7b154;box-shadow:0 0 0 4px rgba(231,177,84,.17)}.af-hero h1{font-size:clamp(36px,4.7vw,66px);line-height:1.09;letter-spacing:-.055em;margin:29px 0 20px;max-width:710px;font-weight:850}.af-hero h1 em{font-style:normal;color:#f2c570}.af-hero-main>p{font-size:clamp(15px,1.4vw,18px);line-height:1.8;color:#d1e4d5;max-width:650px;margin:0 0 29px}.af-hero-actions{display:flex;gap:11px;flex-wrap:wrap}.af-hero-actions .btn{min-height:53px;padding:13px 19px;display:inline-flex;align-items:center;gap:12px}.af-outline-light{border:1px solid rgba(255,255,255,.3)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}.af-outline-light:hover{background:rgba(255,255,255,.17)!important}.af-hero-highlights{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#c1d9c8;margin-top:29px}.af-hero-aside{position:relative;background:linear-gradient(148deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-left:1px solid rgba(255,255,255,.1);padding:32px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.af-panel-top{display:flex;justify-content:space-between;align-items:center}.af-panel-top .af-eyebrow{color:#d1e5d5}.af-stat-decor{font-size:40px;color:#e4bd70}.af-hero-count{font-size:clamp(75px,9.2vw,124px);font-weight:900;line-height:.94;letter-spacing:-.09em;color:#fff;padding-top:24px}.af-hero-count small{display:block;font-size:16px;letter-spacing:0;font-weight:650;color:#cde4d1;margin:19px 0 0}.af-glass-divider{height:1px;background:rgba(255,255,255,.16);margin:29px 0 20px}.af-hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.af-hero-facts>div{display:grid;gap:4px}.af-hero-facts strong{font-size:27px;color:#f4d185}.af-hero-facts span{font-size:12px;color:#c0d9c9}.af-hero-notice{background:rgba(7,26,18,.45);padding:13px;border-radius:13px;color:#d7e5d8;font-size:12px;margin-top:29px;line-height:1.5}
.af-value-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 16px}.af-value-row>div{background:#fff;border:1px solid #e3eae2;border-radius:18px;padding:18px 20px;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;align-items:center;box-shadow:0 6px 18px rgba(20,61,39,.03)}.af-value-icon{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f3e9;color:#2d6944;font-size:22px}.af-value-row strong{font-size:14px}.af-value-row span:last-child{font-size:12px;color:#72867b}.af-section-wide{padding-top:28px}.af-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.af-category-card{border:1px solid #e1e9e0;background:#fff;display:flex;align-items:center;gap:14px;min-width:0;border-radius:19px;padding:19px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.af-category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#a4ceb1}.af-category-icon{width:49px;height:49px;flex-shrink:0;display:grid;place-items:center;border-radius:15px;background:#eef5ec;color:#38744c;font-size:25px}.af-category-card:nth-child(3n+2) .af-category-icon{background:#fff3dc;color:#ae7c29}.af-category-card:nth-child(3n+3) .af-category-icon{background:#f0f2ec;color:#69816a}.af-category-text{display:grid;min-width:0;gap:4px}.af-category-text strong{font-size:14px;line-height:1.35}.af-category-text small{font-size:12px;color:#77867a}.af-arrow{margin-left:auto;color:#548167;font-size:20px}.af-cta-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#e7f0e6;border:1px solid #d5e6d4;border-radius:25px;margin:36px 0 25px;padding:30px 36px}.af-cta-strip h2{font-size:clamp(22px,2.9vw,31px);margin:0 0 7px}.af-cta-strip p{margin:0;color:#63786a}.af-cta-strip .btn{flex-shrink:0}
/* Product listings */
.af-products-grid{align-items:stretch}.af-product-card{border-radius:19px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s}.af-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(25,65,39,.105);border-color:#bcd9c3}.af-product-media-link{display:block}.af-product-media{height:190px;min-height:0!important;border-radius:0!important;overflow:hidden;background:#f3f6f1}.af-product-media img{height:100%;width:100%;object-fit:contain;transition:transform .25s}.af-product-card:hover .af-product-media img{transform:scale(1.045)}.af-product-placeholder{width:100%;height:100%;min-height:190px;background:radial-gradient(circle at 78% 14%,#e3eee2,transparent 43%),linear-gradient(145deg,#f3f7f1,#e9f0e8);color:#6f8c77;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;font-weight:900;font-size:11px;letter-spacing:.1em}.af-product-placeholder-glyph{font-size:45px;color:#9ab7a1;line-height:1.2}.af-product-placeholder small{font-weight:500;color:#8da494;font-size:11px;letter-spacing:0}.af-product-content{padding:16px 17px 18px;flex:1;display:flex;flex-direction:column;gap:9px}.af-product-topline{display:flex;align-items:center;gap:9px;justify-content:space-between;min-width:0}.af-product-topline .sku{font-size:11px;font-weight:900;color:#43825a;white-space:nowrap}.af-product-category{font-size:10px;color:#7b8b80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:66%;text-align:right}.af-product-card h3{font-size:14px;line-height:1.5;font-weight:800;min-height:43px;margin:0;letter-spacing:-.015em}.af-product-card h3 a:hover{color:#26734d}.af-brand{font-size:11px;color:#6e8d76;font-weight:850}.af-product-unit{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;font-size:11px;color:#748277}.af-product-unit span{border:1px solid #e7ece7;padding:4px 7px;border-radius:7px;background:#fafbfa}.af-product-buy{border-top:1px solid #e9efea;margin-top:7px;padding-top:10px}.af-product-buy .price{font-size:22px;font-weight:900;color:#1b573e;margin:0 0 11px}.af-add-form{display:grid;grid-template-columns:minmax(60px,80px) minmax(0,1fr);gap:7px}.af-add-form .input{width:100%!important;min-width:0;max-width:none!important;text-align:center}.af-add-form .btn{width:100%;padding:9px 5px;font-size:12px;min-width:0}.af-private-footer{border-top:1px solid #e9eeea;padding-top:13px;margin-top:7px;display:grid;gap:6px;font-size:12px;color:#73867a}.af-private-footer a{font-weight:850;color:#206846}.af-private-footer a:hover{text-decoration:underline}
.af-page-heading{padding:6px 0 20px}.af-page-heading h1{font-size:clamp(30px,4vw,45px);margin:0 0 8px}.af-page-heading p{color:#697c70;margin:0}.af-filter-panel{padding:18px!important;background:#fff}.af-filter-fields{display:grid;grid-template-columns:minmax(190px,1.45fr) minmax(160px,1fr) minmax(145px,.9fr) auto;gap:13px;align-items:end}.af-filter-panel .field{min-width:0}.af-filter-submit .btn{min-width:122px;width:100%}.af-filter-chips{display:flex;gap:7px;overflow-x:auto;padding:11px 0 1px;scrollbar-width:none}.af-filter-chips .chip{white-space:nowrap;flex-shrink:0;font-size:12px;border-color:#e0eae0}.af-filter-chips .chip.active{background:#174b36!important;color:#fff!important}.af-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px 1px}.af-catalog-toolbar strong{color:#1c5c40;font-size:21px}.af-private-pill{font-size:12px;color:#637b6a;border:1px solid #dceadc;background:#eff5ee;padding:10px 13px;border-radius:100px}.af-quick-cta{border:1px solid #bfd7c2;background:#ebf4eb;color:#2d6647}.af-pagination{padding-top:26px}.af-empty-state{grid-column:1/-1}
/* Quick order, customer */
.af-page-banner{background:#163d30;border-radius:25px;padding:30px 34px;color:white;margin:25px 0 20px;display:flex;gap:20px;align-items:center;justify-content:space-between}.af-page-banner .af-eyebrow{color:#cfe5d0}.af-page-banner h1{font-size:clamp(27px,3.4vw,40px);margin:9px 0}.af-page-banner p{color:#d0dfd3;margin:0;max-width:660px}.af-page-banner .btn{flex-shrink:0}.af-quick-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,.75fr);gap:17px}.af-quick-main{padding:25px!important}.af-quick-main h2{font-size:25px;margin:5px 0 9px}.af-quick-main p{margin:0 0 20px}.af-form-label{display:block;font-weight:800;margin-bottom:8px}.af-quick-textarea{width:100%;min-height:245px;resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:15px;line-height:1.9;padding:17px!important;background:#fbfcfa}.af-bulk-preview{padding:12px 15px;margin:12px 0 0;border:1px solid #e4ece2;background:#f6faf5;border-radius:12px;font-size:12px;color:#5c7968;min-height:43px}.af-bulk-preview.has-error{color:#983a33;background:#fff2f1;border-color:#eec3be}.af-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.af-quick-side{display:grid;align-content:start;gap:16px}.af-tip-icon{font-size:24px}.af-tip-card ol{padding-left:20px;line-height:1.8;color:#536a59}.af-search-mini{display:flex;gap:7px}.af-search-mini input{min-width:0;width:100%}.af-results-list{display:grid;gap:8px}.af-result-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e1e8e0;background:#fff;border-radius:15px;padding:14px 17px}.af-result-info{display:grid;gap:3px;min-width:0}.af-result-info strong{font-size:14px}.af-result-form{display:flex;gap:8px;align-items:center;flex-shrink:0}.af-result-form input{max-width:83px}.af-result-form .btn{white-space:nowrap}.af-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.af-account-grid .card{padding:24px}.af-account-grid h2{margin-top:7px}.af-pending-notice{margin:16px 0}.af-order-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.af-order-actions form{margin:0}
/* Admin dashboard */
.admin-shell{grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.admin-main{min-width:0}.side{background:linear-gradient(165deg,#143d2e,#1f5940);box-shadow:0 18px 40px rgba(17,63,39,.13);border-radius:22px;padding:15px}.side-brand{color:#f2faef}.side-brand small{color:#b7d5bd}.side-nav a{color:#d6e8d8;border-radius:12px;font-size:13px;transition:background .16s}.side-nav a:hover{background:rgba(255,255,255,.12);color:white}.side-nav a.active{background:#f4be5f!important;color:#233a26!important}.af-admin-hero{border-radius:22px;padding:27px!important;background:linear-gradient(115deg,#153e30,#286449)!important;box-shadow:0 17px 37px rgba(13,65,39,.11)}.af-admin-hero h1{font-size:clamp(25px,3vw,38px);margin:8px 0 10px}.af-admin-hero p{color:#d0e4d3!important;max-width:540px}.af-admin-hero .af-eyebrow{color:#c7e2c9}.af-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.af-admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0 25px}.af-admin-kpis .stat-card{display:grid;gap:5px;position:relative;min-height:155px;border-radius:20px;padding:19px;background:#fff;color:var(--ink)}.af-admin-kpis .stat-value{font-size:clamp(30px,4vw,44px);line-height:1.1;color:#1b543d}.af-admin-kpis .stat-label{font-size:12px;color:#657d6b}.af-admin-kpis .compact-meta{font-size:11px;margin-top:auto}.af-kpi-icon{position:absolute;right:14px;top:13px;background:#eff5ed;color:#5f9771;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.af-admin-kpis a:hover{border-color:#a7d1b1;box-shadow:var(--shadow)}.af-admin-subheading{margin:0 0 12px}.af-admin-subheading h2{font-size:23px;margin:0}.af-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.af-action-grid a{background:#fff;border:1px solid #e0e9df;border-radius:17px;padding:19px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:3px 13px;align-items:center;transition:transform .15s,box-shadow .15s}.af-action-grid a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.af-action-symbol{grid-row:span 2;background:#edf5ea;color:#3e8252;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:24px}.af-action-grid strong{font-size:14px}.af-action-grid a>span:nth-child(3){font-size:12px;color:#718276}.af-action-grid b{grid-column:3;grid-row:1/span 2;color:#568764;font-size:18px}.af-admin-orders-panel{margin-top:28px}.af-admin-table{border:1px solid #e0eae0;border-radius:18px;overflow:hidden;background:white}.af-admin-table table{width:100%;border-collapse:collapse}.af-admin-table th{background:#f4f8f3;font-size:12px;color:#64806a;letter-spacing:.03em}.af-admin-table td{font-size:13px}.af-admin-table tr+tr{border-top:1px solid #e9efea}.af-admin-table .status{font-size:12px}.af-admin-table .btn{font-size:12px}
.footer{margin-top:36px;background:#10392b;color:#d4ead9;border-top:3px solid #d8a44d;padding:30px 0 110px}.footer strong{color:#fff}
/* Tablets / phones */
@media(max-width:1100px){.af-hero{grid-template-columns:1.2fr .8fr}.af-hero-main{padding:37px 29px}.af-hero-aside{padding:24px}.af-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.af-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.admin-shell{grid-template-columns:1fr}.side{position:static;padding:12px}.side-nav{display:flex;overflow:auto;gap:6px;scrollbar-width:none}.side-nav a{flex-shrink:0;white-space:nowrap}.af-quick-grid{grid-template-columns:1fr}.af-quick-side{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-private{display:none}}
@media(max-width:740px){.container{width:calc(100% - 26px)}.nav .container{gap:8px;padding:10px 0}.brand-mark{width:42px;height:42px}.menu{top:67px;z-index:80}.utility-inner{padding:7px 0;gap:7px}.utility-form{padding:4px 4px 4px 11px}.utility-form button{font-size:12px;padding:9px 11px}.utility-quick{display:none}.af-hero{grid-template-columns:1fr;border-radius:22px;margin-top:14px}.af-hero-main{padding:30px 23px}.af-hero h1{font-size:clamp(31px,8vw,44px);margin:20px 0 16px}.af-hero-main>p{font-size:14px;line-height:1.65}.af-hero-actions{display:grid;grid-template-columns:1fr}.af-hero-actions .btn{width:100%;justify-content:center}.af-hero-highlights{gap:10px;margin-top:20px;font-size:11px}.af-hero-aside{padding:22px;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.af-hero-count{font-size:65px;padding-top:13px}.af-hero-count small{font-size:14px;margin-top:8px}.af-hero-facts{margin-top:5px}.af-hero-notice{margin-top:16px}.af-value-row{grid-template-columns:1fr;gap:9px}.af-value-row>div{padding:13px 15px;grid-template-columns:37px 1fr}.af-value-icon{width:36px;height:36px;font-size:20px}.af-category-grid{grid-template-columns:1fr;gap:9px}.af-category-card{padding:13px 14px;border-radius:15px}.af-category-icon{width:41px;height:41px;font-size:20px}.af-category-text strong{font-size:13px}.af-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.af-product-content{padding:11px;gap:8px}.af-product-media,.af-product-placeholder{min-height:0!important;height:150px}.af-product-card h3{font-size:12px;min-height:57px}.af-product-category{font-size:9px}.af-product-unit span{font-size:10px}.af-product-buy .price{font-size:18px}.af-add-form{grid-template-columns:1fr;gap:6px}.af-add-form .input{text-align:left;width:100%!important;max-width:none!important}.af-private-footer{font-size:11px}.af-filter-panel{padding:14px!important}.af-filter-fields{grid-template-columns:1fr}.af-filter-submit .btn{width:100%}.af-cta-strip{display:grid;padding:22px 19px;border-radius:19px}.af-cta-strip .btn{width:100%}.af-page-banner{padding:23px 18px;border-radius:19px;display:grid}.af-page-banner .btn{width:100%}.af-quick-main{padding:18px!important}.af-quick-side{grid-template-columns:1fr}.af-quick-actions{display:grid}.af-quick-actions .btn{width:100%}.af-result-row{align-items:stretch;display:grid;padding:13px}.af-result-form{display:grid;grid-template-columns:86px 1fr}.af-result-form .btn{width:100%}.af-account-grid{grid-template-columns:1fr}.af-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.af-admin-kpis .stat-card{min-height:140px;padding:14px}.af-admin-kpis .stat-value{font-size:31px}.af-admin-kpis .stat-label{max-width:100px}.af-action-grid{grid-template-columns:1fr}.af-admin-hero{padding:22px 17px!important}.af-admin-actions{display:grid;width:100%}.af-admin-actions .btn{width:100%}.af-admin-table{overflow:visible}.af-admin-table.responsive-table td{align-items:flex-start;overflow-wrap:anywhere}.af-admin-table.responsive-table td:before{flex:0 0 34%}.af-admin-table .actions-cell:before{display:none}.af-order-actions{display:grid;grid-template-columns:1fr}.af-order-actions .btn{width:100%}.footer{padding-bottom:120px}.floating-cart{bottom:94px}}
@media(max-width:420px){.container{width:calc(100% - 22px)}.af-products-grid{gap:8px}.af-product-media,.af-product-placeholder{height:127px}.af-product-card h3{font-size:11.5px;min-height:51px}.af-product-content{padding:10px}.af-product-topline{align-items:flex-start;display:grid;gap:4px}.af-product-category{max-width:100%;text-align:left}.af-product-buy .price{font-size:17px}.af-add-form .btn{min-height:42px;font-size:11px}.af-admin-kpis .stat-card{padding:12px}.af-hero-tag{font-size:9px}.af-page-banner h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.af-product-card,.af-category-card,.btn,.af-action-grid a{transition:none!important}.af-product-card:hover,.af-category-card:hover,.btn:hover,.af-action-grid a:hover{transform:none!important}}

/* Admin list filters */
.af-admin-filter{padding:17px!important;margin:15px 0 18px}.af-admin-filter-row{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(160px,.8fr) auto;gap:12px;align-items:end}.af-admin-filter-products{display:grid;grid-template-columns:minmax(175px,1.25fr) minmax(150px,1fr) minmax(160px,1fr) minmax(130px,.7fr) auto;gap:12px;align-items:end}.af-admin-filter-row .field,.af-admin-filter-products .field{min-width:0}.af-filter-buttons{display:flex;gap:6px}.af-filter-buttons .btn{white-space:nowrap}
@media(max-width:1050px){.af-admin-filter-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.af-admin-filter-row,.af-admin-filter-products{grid-template-columns:1fr}.af-filter-buttons{display:grid;grid-template-columns:1fr 1fr}.af-filter-buttons .btn{width:100%}}

/* Dashboard V2.4 defensive layout: classes used in the V2 dashboard Blade template */
.af-admin-kpis,.af-action-grid{display:grid!important;align-items:stretch;min-width:0}
.af-admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 26px}
.af-admin-kpis>.stat-card{min-width:0;min-height:154px;display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;position:relative;padding:18px 17px;overflow:hidden;box-shadow:0 8px 25px rgba(28,61,43,.06);background:#fff;border:1px solid #e3ebe2;border-radius:18px}
.af-admin-kpis .stat-label{display:block;margin-right:29px;line-height:1.35;overflow-wrap:anywhere;font-size:11px}
.af-admin-kpis .stat-value{position:static;display:block;line-height:1.05;margin:0;font-size:clamp(30px,3vw,40px);color:#1b543d}
.af-admin-kpis .compact-meta{display:block;line-height:1.4;font-size:11px;margin-top:auto}
.af-admin-kpis .af-kpi-icon{right:14px;top:14px}
.af-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.af-action-grid>a{min-width:0;min-height:100px;box-sizing:border-box}
.af-action-grid>a>strong,.af-action-grid>a>span{overflow-wrap:anywhere}
.af-admin-hero{min-width:0;display:flex;gap:22px;align-items:center;justify-content:space-between}
.af-admin-hero>div{min-width:0}.af-admin-hero .af-admin-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:9px;min-width:190px}
.af-admin-hero .af-admin-actions .btn{max-width:100%;min-width:0;white-space:normal;line-height:1.3;text-align:center}
.af-admin-subheading,.af-admin-orders-panel{clear:both}
@media(max-width:1400px){.af-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.af-admin-hero{align-items:flex-start;flex-direction:column}.af-admin-hero .af-admin-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.af-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.af-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.af-admin-kpis>.stat-card{min-height:139px;padding:13px 12px;gap:7px}.af-admin-kpis .stat-value{font-size:31px}.af-admin-kpis .stat-label{font-size:10px}.af-admin-kpis .compact-meta{font-size:10px}.af-action-grid{grid-template-columns:1fr}.af-admin-hero .af-admin-actions{grid-template-columns:1fr}}
@media(max-width:370px){.af-admin-kpis{grid-template-columns:1fr}.af-admin-kpis>.stat-card{min-height:110px}}

/* Alfa Food B2B V2.6: Product catalog images, full-width frame, consistent ratio. */
.af-products-grid > .af-product-card { min-width: 0; }
.af-products-grid .af-product-media-link {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    align-self: stretch;
    overflow: hidden;
}
.af-products-grid .af-product-media {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 0 !important;
    background: #f5f8f4;
}
.af-products-grid .af-product-media > img {
    box-sizing: border-box;
    display: block;
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 12px;
    object-fit: contain !important;
    object-position: center center;
    border: 0;
}
.af-products-grid .af-product-media > .af-product-placeholder {
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    min-height: 0 !important;
    padding: 12px;
    text-align: center;
}
@media (max-width: 700px) {
    .af-products-grid .af-product-media { aspect-ratio: 1 / 1; }
    .af-products-grid .af-product-media > img { padding: 8px; }
    .af-products-grid .af-product-media > .af-product-placeholder { padding: 7px; }
    .af-products-grid .af-product-placeholder-glyph { font-size: clamp(22px, 6vw, 35px); }
    .af-products-grid .af-product-placeholder small { font-size: 10px; }
}
/* End V2.6. */