@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.fixed{position:fixed}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#18352d;--muted:#6e7d78;--green:#0e6b50;--green-dark:#084b39;--cream:#f8f5ed;--paper:#fffefa;--gold:#e3a628;--line:#e7e5dd;--shadow:0 20px 60px #19342c1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{min-height:100vh;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#fffefaf2;border-bottom:1px solid #11473714;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(24px,5vw,80px);display:flex;position:relative}.brand{color:var(--ink);letter-spacing:-.6px;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:21px;font-weight:700;display:flex}.brand>span:last-child>span{color:var(--gold)}.brand-mark{color:#fff;background:var(--green);border-radius:50% 50% 44% 56%;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-4deg)}.brand-mark svg{transform:rotate(4deg)}.desktop-nav{align-items:center;gap:34px;display:flex}.desktop-nav button{color:#53645f;background:0 0;border:0;padding:26px 0 24px;font-size:14px;position:relative}.desktop-nav button:hover,.desktop-nav button.active{color:var(--green)}.desktop-nav button.active:after{content:"";background:var(--gold);border-radius:2px;height:2px;position:absolute;bottom:15px;left:0;right:0}.header-actions{align-items:center;gap:9px;display:flex}.merchant-link{color:var(--green);background:0 0;border:0;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.icon-btn,.cart-btn{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;min-width:40px;height:40px;display:grid}.icon-btn:hover{background:var(--cream)}.cart-btn{background:var(--green);border-color:var(--green);color:#fff;position:relative}.cart-btn span{background:var(--gold);min-width:19px;height:19px;color:var(--ink);border:2px solid #fff;border-radius:10px;place-items:center;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.hero{background:var(--cream);grid-template-columns:1.02fr .98fr;min-height:630px;display:grid}.hero-copy{padding:105px 8vw 80px max(6vw,40px);position:relative}.hero-copy:before{content:"";border:1px solid #0e6b501f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;left:-100px;box-shadow:0 0 0 28px #0e6b5006,0 0 0 56px #0e6b5005}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--green);align-items:center;gap:9px;font-size:10px;font-weight:700;display:inline-flex}.eyebrow>span{background:var(--gold);width:22px;height:1px}.hero h1{letter-spacing:-2.8px;color:var(--ink);margin:24px 0 26px;font-family:Playfair Display,serif;font-size:clamp(50px,5.4vw,77px);line-height:.99}.hero h1 em{color:var(--green);font-weight:700}.hero-copy>p{max-width:535px;color:var(--muted);margin:0;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:38px;display:flex}.primary-btn{color:#fff;background:var(--green);border:0;border-radius:8px;justify-content:center;align-items:center;gap:11px;min-height:48px;padding:0 22px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #0e6b502e}.primary-btn:hover{background:var(--green-dark);transform:translateY(-1px)}.trust-pill{align-items:center;gap:12px;display:flex}.avatar-stack{display:flex}.avatar-stack i{border:2px solid var(--cream);color:#fff;background:#dfb88f;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-7px;font-size:10px;font-style:normal;display:grid}.avatar-stack i:first-child{background:#1d7560;margin-left:0}.avatar-stack i:last-child{background:#bb6c45}.trust-pill>span:last-child{flex-direction:column;font-size:12px;display:flex}.trust-pill small{color:var(--muted);margin-top:2px}.hero-visual{min-height:630px;position:relative;overflow:hidden}.hero-visual:after{content:"";background:linear-gradient(90deg,#0c43331f,#0000 40%),linear-gradient(#0000 60%,#09302580);position:absolute;inset:0}.hero-visual>img{object-fit:cover;object-position:center 27%;width:100%;height:100%;position:absolute}.hero-badge{z-index:2;box-shadow:var(--shadow);background:#fffffff0;border-radius:10px;align-items:center;gap:10px;padding:13px 16px;display:flex;position:absolute;top:28px;right:26px}.hero-badge>span{color:var(--green)}.hero-badge div{flex-direction:column;display:flex}.hero-badge b{font-size:11px}.hero-badge small{color:var(--muted);margin-top:2px;font-size:9px}.hero-caption{z-index:2;color:#fff;flex-direction:column;display:flex;position:absolute;bottom:38px;left:38px}.hero-caption small{letter-spacing:1.5px;text-transform:uppercase;opacity:.8;font-size:10px}.hero-caption strong{margin:4px 0;font-family:Playfair Display,serif;font-size:28px}.hero-caption span{opacity:.75;font-size:11px}.benefits{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1160px;margin:0 auto;padding:36px 30px;display:grid}.benefits>div{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:15px;display:flex}.benefits>div:last-child{border-right:0}.benefits>div>span{color:var(--green)}.benefits p{flex-direction:column;margin:0;font-size:12px;display:flex}.benefits small{color:var(--muted);margin-top:4px}.products-section{max-width:1220px;margin:auto;padding:90px 30px 110px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.section-heading h2,.payment-copy h2{letter-spacing:-1.4px;margin:10px 0 0;font-family:Playfair Display,serif;font-size:42px}.text-btn{color:var(--green);border:0;border-bottom:1px solid var(--green);background:0 0;align-items:center;gap:8px;padding:7px 0;font-size:12px;font-weight:700;display:flex}.catalog-tools{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.categories{flex-wrap:wrap;gap:8px;display:flex}.categories button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 17px;font-size:11px}.categories button.active{background:var(--ink);border-color:var(--ink);color:#fff}.search-box{border:1px solid var(--line);color:#82908b;background:#fff;border-radius:8px;align-items:center;gap:9px;min-width:225px;height:40px;padding:0 13px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.product-grid{grid-template-columns:repeat(3,1fr);gap:34px 22px;display:grid}.product-card{min-width:0}.product-image{background:var(--cream);height:345px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.04)}.product-tag{background:var(--gold);text-transform:uppercase;letter-spacing:.6px;border-radius:3px;padding:6px 9px;font-size:9px;font-weight:700;position:absolute;top:13px;left:13px}.favorite{width:34px;height:34px;color:var(--ink);background:#ffffffeb;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.favorite:hover{color:#b43c48}.quick-add{height:42px;color:var(--green);background:#fffffff2;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:700;transition:all .25s;display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(60px)}.product-card:hover .quick-add{transform:translateY(0)}.product-info{padding-top:15px}.product-info>span{color:var(--gold);text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:700}.product-info h3{margin:5px 0 12px;font-family:Playfair Display,serif;font-size:20px}.product-info>div{justify-content:space-between;align-items:center;display:flex}.product-info strong{color:var(--green);font-size:13px}.product-info small{color:#8c9894;font-size:10px}.empty-state{text-align:center;background:var(--cream);color:var(--muted);grid-column:1/-1;place-items:center;padding:60px;display:grid}.empty-state h3{color:var(--ink);margin:15px 0 5px}.empty-state p{margin:0;font-size:13px}.payment-banner{background:var(--green-dark);grid-template-columns:1.15fr .85fr;align-items:center;min-height:495px;padding:60px max(6vw,40px);display:grid;position:relative;overflow:hidden}.payment-banner:after{content:"";border:70px solid #ffffff06;border-radius:50%;width:370px;height:370px;position:absolute;bottom:-200px;left:-120px}.payment-copy{color:#fff;z-index:1;position:relative}.eyebrow.light{color:#efc45c}.payment-copy h2{margin-top:14px;font-size:46px}.payment-copy>p{color:#ffffffad;max-width:530px;font-size:14px;line-height:1.7}.operator-list{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.operator-list span{color:#171717;background:#ffdc00;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:88px;height:42px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.operator-list span b{font-size:9px}.operator-list span:nth-child(2){color:#36a63a;background:#fff}.operator-list span.orange{color:#fff;background:#f58220}.operator-list span.fedapay{color:#2c5be3;background:#edf3ff;font-size:13px}.phone-card{z-index:2;background:#fff;border-radius:18px;justify-self:center;width:330px;padding:21px;transform:rotate(2deg);box-shadow:0 30px 80px #00000042}.phone-head,.phone-row{align-items:center;display:flex}.phone-head{border-bottom:1px solid var(--line);gap:10px;padding-bottom:15px}.phone-head>span{width:34px;height:34px;color:var(--green);background:#eaf4f0;border-radius:50%;place-items:center;display:grid}.phone-head p,.phone-row p{flex-direction:column;margin:0;font-size:11px;font-weight:700;display:flex}.phone-head small,.phone-row small{color:var(--muted);margin-top:2px;font-size:8px;font-weight:400}.phone-amount{text-align:center;flex-direction:column;padding:22px 0 18px;display:flex}.phone-amount small{color:var(--muted);font-size:9px}.phone-amount strong{margin-top:4px;font-family:Playfair Display,serif;font-size:25px}.phone-row{border:1px solid #cddbd6;border-radius:7px;gap:10px;padding:10px}.phone-row>svg{color:var(--muted);margin-left:auto}.network-dot{background:#ffdc00;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.phone-btn{background:var(--green);color:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:43px;margin-top:13px;font-size:11px;font-weight:700;display:flex}.encrypted{text-align:center;color:var(--muted);margin-top:10px;font-size:8px;display:block}footer{color:#fff;background:#102b24;align-items:center;gap:28px;min-height:160px;padding:30px max(6vw,40px);display:flex}.footer-brand{color:#fff}footer p{color:#fff9;font-size:12px}footer>span{color:#fff6;margin-left:auto;font-size:10px}.overlay,.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#081d1794;position:fixed;inset:0}.cart-drawer{background:var(--paper);flex-direction:column;width:min(455px,100%);animation:.25s slideIn;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 70px #00000026}@keyframes slideIn{0%{transform:translate(100%)}}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:83px;padding:18px 26px;display:flex}.drawer-head>div{flex-direction:column;display:flex}.drawer-head span{font-family:Playfair Display,serif;font-size:25px;font-weight:700}.drawer-head small{color:var(--muted);margin-top:3px}.cart-content{flex:1;padding:8px 26px;overflow:auto}.cart-item{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr auto;gap:14px;padding:18px 0;display:grid}.cart-item img{object-fit:cover;width:80px;height:96px}.cart-item>div{min-width:0}.cart-item>div>span{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:8px}.cart-item h4{margin:4px 0 7px;font-family:Playfair Display,serif;font-size:16px}.cart-item strong{color:var(--green);font-size:11px}.remove{color:#9aa39f;background:0 0;border:0;align-self:start;padding:4px}.quantity{align-items:center;gap:10px;margin-top:11px;display:flex}.quantity button{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.quantity span{font-size:11px;font-weight:700}.cart-summary{border-top:1px solid var(--line);background:#fff;padding:22px 26px 25px}.cart-summary p,.cart-summary>div{color:var(--muted);justify-content:space-between;margin:0 0 10px;font-size:11px;display:flex}.cart-summary p b{color:var(--ink)}.cart-summary>div{color:var(--ink);border-top:1px solid var(--line);padding-top:13px;font-size:14px}.cart-summary>div strong{color:var(--green);font-family:Playfair Display,serif;font-size:20px}.wide{width:100%}.cart-summary>small,.secure-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:13px;font-size:9px;display:flex}.empty-cart{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-cart>span{background:var(--cream);width:70px;height:70px;color:var(--green);border-radius:50%;place-items:center;display:grid}.empty-cart h3{margin:18px 0 7px;font-family:Playfair Display,serif;font-size:23px}.empty-cart p{max-width:280px;color:var(--muted);margin:0 0 22px;font-size:12px;line-height:1.6}.modal-overlay{place-items:center;padding:20px;display:grid;overflow-y:auto}.checkout-modal,.product-modal{width:min(455px,100%);box-shadow:var(--shadow);background:#fff;border-radius:15px;animation:.25s modalIn;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(15px)scale(.98)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-brand{align-items:center;gap:10px;display:flex}.modal-brand>span{width:35px;height:35px;color:var(--green);background:#e8f4f0;border-radius:50%;place-items:center;display:grid}.modal-brand p{flex-direction:column;margin:0;font-size:12px;font-weight:700;display:flex}.modal-brand small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:400}.checkout-body{padding:25px}.checkout-total{text-align:center;background:var(--cream);border-radius:9px;flex-direction:column;padding:16px;display:flex}.checkout-total small{color:var(--muted);font-size:9px}.checkout-total strong{margin-top:2px;font-family:Playfair Display,serif;font-size:27px}.form-label{margin:20px 0 10px;font-size:11px;font-weight:700}.network-options{gap:7px;display:grid}.network-options button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:42px 1fr 18px;align-items:center;gap:11px;padding:9px;display:grid}.network-options button.selected{border:1.5px solid var(--green);background:#f5faf8}.network-options button>span{border-radius:5px;place-items:center;width:38px;height:32px;font-size:8px;font-weight:800;display:grid}.network-options .mtn{background:#ffdc00}.network-options .moov{color:#299233;background:#eaf7ea}.network-options .om{color:#fff;background:#f58220}.network-options p{flex-direction:column;margin:0;font-size:10px;display:flex}.network-options small{color:var(--muted);margin-top:2px;font-size:8px}.network-options i{border:1px solid var(--line);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.network-options .selected i{background:var(--green);border-color:var(--green)}.field{flex-direction:column;gap:7px;margin:16px 0;display:flex}.field>span{font-size:10px;font-weight:700}.field>div{border:1px solid var(--line);border-radius:7px;height:45px;display:flex}.field>div b{border-right:1px solid var(--line);color:var(--muted);align-items:center;padding:0 12px;font-size:11px;display:flex}.field input,.field select{border:1px solid var(--line);width:100%;height:45px;color:var(--ink);background:#fff;border-radius:7px;outline:0;padding:0 12px;font-size:12px}.field>div input{border:0;height:43px}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #0e6b5014}.payment-state{text-align:center;flex-direction:column;align-items:center;padding:60px 35px;display:flex}.spinner{border:4px solid #e5efeb;border-top-color:var(--green);border-radius:50%;width:55px;height:55px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-state h2{margin:22px 0 7px;font-family:Playfair Display,serif;font-size:25px}.payment-state p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.ussd,.reference{background:var(--cream);border-radius:7px;margin-top:25px;padding:12px 16px;font-size:10px}.success-check{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:20px;display:grid;box-shadow:0 0 0 10px #e8f4f0}.success-state{padding:42px 35px 35px}.success-state h2{margin-top:10px}.success-state .reference{flex-direction:column;width:100%;margin:22px 0;display:flex}.reference small{color:var(--muted)}.reference strong{letter-spacing:1px;margin-top:3px}.product-modal{width:min(520px,100%)}.product-modal .modal-head h2{margin:0;font-family:Playfair Display,serif;font-size:23px}.product-modal .modal-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.product-modal form{padding:7px 24px 22px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.secondary-btn{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:45px;padding:0 20px;font-size:12px;font-weight:600}.dashboard-page{background:#f7f7f3;min-height:calc(100vh - 238px);padding:56px max(5vw,30px) 80px}.dashboard-welcome{justify-content:space-between;align-items:end;max-width:1200px;margin:auto;display:flex}.dashboard-welcome h1{letter-spacing:-1px;margin:10px 0 5px;font-family:Playfair Display,serif;font-size:39px}.dashboard-welcome p{color:var(--muted);margin:0;font-size:13px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:30px auto 24px;display:grid}.stat-grid>div{background:#fff;border:1px solid #eeece6;border-radius:10px;grid-template-columns:42px 1fr;gap:12px;padding:20px;display:grid;position:relative}.stat-icon{border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.stat-icon.green{color:var(--green);background:#e6f2ee}.stat-icon.gold{color:#b47500;background:#fff3d9}.stat-icon.blue{color:#3d6cb5;background:#e8effb}.stat-icon.rose{color:#b6534f;background:#f8e9e8}.stat-grid p{flex-direction:column;margin:2px 0 0;font-size:10px;font-weight:700;display:flex}.stat-grid p small{color:var(--muted);margin-top:3px;font-weight:400}.stat-grid strong{grid-column:1/3;font-family:Playfair Display,serif;font-size:26px}.stat-grid strong small{font-family:DM Sans,sans-serif;font-size:10px}.stat-grid em{color:var(--green);background:#e9f4f0;border-radius:10px;padding:4px 6px;font-size:9px;font-style:normal;position:absolute;bottom:22px;right:18px}.dashboard-card{background:#fff;border:1px solid #eeece6;border-radius:10px;max-width:1200px;margin:auto;overflow:hidden}.table-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.table-head h2{margin:0;font-family:Playfair Display,serif;font-size:22px}.table-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.table-row{border-bottom:1px solid #efeee9;grid-template-columns:2.2fr 1fr .8fr 1fr .7fr;align-items:center;gap:16px;min-width:760px;padding:12px 24px;font-size:11px;display:grid}.table-labels{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;background:#fbfbf9;padding-block:10px;font-size:8px}.table-product{align-items:center;gap:12px;display:flex}.table-product img{object-fit:cover;border-radius:6px;width:46px;height:46px}.table-product p{flex-direction:column;margin:0;display:flex}.table-product small{color:var(--muted);margin-top:3px;font-size:9px}.status{border-radius:12px;justify-self:start;padding:5px 8px;font-size:8px;font-weight:700}.status.active{color:var(--green);background:#e8f4f0}.status.low{color:#a7650b;background:#fff0dd}.row-actions{gap:6px;display:flex}.row-actions button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:#fff;border-radius:6px;place-items:center;display:grid}.row-actions button:last-child:hover{color:#a43838;border-color:#e4bbbb}.product-table{overflow-x:auto}.toast{z-index:100;background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:30px;align-items:center;gap:9px;padding:9px 15px 9px 9px;font-size:11px;animation:.25s toastIn;display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%)}.toast-icon{background:var(--green);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px)}}@media (width<=900px){.desktop-nav{display:none}.merchant-link{font-size:0}.merchant-link svg{width:21px;height:21px}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 8vw}.hero-visual{min-height:520px}.benefits{grid-template-columns:1fr;gap:20px}.benefits>div{border:0;justify-content:start;width:100%;max-width:260px;margin:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.payment-banner{grid-template-columns:1fr;gap:45px}.payment-copy{text-align:center}.payment-copy>p{margin-inline:auto}.operator-list{justify-content:center}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.topbar{height:68px;padding:0 18px}.account-btn{display:none}.brand{font-size:18px}.brand-mark{width:34px;height:34px}.hero-copy{padding:62px 23px}.hero h1{font-size:49px}.hero-copy>p{font-size:15px}.hero-visual{min-height:430px}.hero-badge{top:18px;right:18px}.hero-caption{bottom:28px;left:24px}.benefits{padding-inline:24px}.products-section{padding:68px 20px 80px}.section-heading{align-items:start}.section-heading h2{font-size:34px}.section-heading .text-btn{display:none}.catalog-tools{flex-direction:column;align-items:stretch}.categories{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.categories button{flex:none}.product-grid{grid-template-columns:1fr;gap:30px}.product-image{height:390px}.quick-add{transform:translateY(0)}.payment-banner{padding:60px 20px}.payment-copy h2{font-size:38px}.phone-card{width:min(330px,96%)}footer{flex-direction:column;align-items:flex-start;gap:8px;padding:35px 24px}footer>span{margin:15px 0 0}.dashboard-page{padding:38px 18px 65px}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:20px}.dashboard-welcome h1{font-size:32px}.stat-grid{grid-template-columns:1fr}.table-head{flex-direction:column;align-items:flex-start;gap:15px}.table-head .search-box{width:100%}.field-row{grid-template-columns:1fr;gap:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
