/*!
Theme Name: Krocery
Author: Team Grayscale
Author URI: https://grayscale.com.hk/
Description: Theme tailor-made for Krocery
Version: 1.1.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: krocery
*/@layer normalize{/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{overflow-x:hidden;box-sizing:border-box}*,:after,:before{box-sizing:inherit}address,blockquote,dd,dl,figure,form,ol,p,table,ul{margin:0 0 1.5em;overflow-wrap:break-word}button,input,select,textarea{max-width:100%;padding:.25em .75em;border:1px solid;font:inherit;color:inherit;background:inherit}[for],[type=button],[type=checkbox],[type=radio],[type=reset],[type=submit],button{cursor:pointer}canvas,img,svg,video{max-width:100%;height:auto}figcaption{font-size:90%;color:inherit}iframe{width:100%;border:0}li{margin:.75em 0}select{font:inherit;color:inherit}table{border-spacing:0;border-collapse:collapse;width:100%}td,th{padding:.5em;border:1px solid}}.wp-article-links,[id=search] ul{margin-right:0;margin-left:0;padding:0;list-style:none}.screen-reader-text,[type=checkbox],[type=radio]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{display:block;top:5px;left:5px;z-index:100000;width:auto;height:auto;padding:1rem;clip-path:none;background-color:var(--wp--preset--color--background);color:var(--wp--preset--color--foreground);font-size:1em;line-height:normal;text-decoration:none}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap;margin-bottom:var(--wp--custom--gap,1rem)}.aligncenter{clear:both}.alignwide{margin-left:calc(25% - 25vw);margin-right:calc(25% - 25vw);width:calc(50% + 50vw);max-width:100vw}.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}:where(.is-layout-flex,.is-layout-grid){gap:var(--wp--custom--gap,.5em)}.is-layout-flow>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-flow>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-flex{display:flex;flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}.is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}.post.sticky{background:var(--wp--preset--color--shade)}.wp-article-links{margin-bottom:1.5em}.wp-article-links li{display:inline-block}.wp-article-links li:not(:last-child):after{content:"|";margin:0 .5em}.wp-block-button__link{cursor:pointer;display:inline-block;text-align:center;word-break:break-word;height:100%;align-content:center;text-decoration:none;border-radius:2rem;width:100%;padding:1rem 2rem;background:var(--wp--preset--color--foreground);color:var(--wp--preset--color--white);font-size:inherit;font-weight:700;line-height:1}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.is-style-hollow{border:1px dashed;background:none;color:var(--wp--preset--color--black)}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .75 * var(--wp--style--block-gap, .5em))}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .5 * var(--wp--style--block-gap, .5em))}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .25 * var(--wp--style--block-gap, .5em))}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{width:100%;flex-basis:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-buttons:not(:last-child){margin-bottom:1.5em}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}:root{--wp--preset--color--black:#222;--wp--preset--color--white:#fff;--wp--preset--color--shade:hsl(from var(--wp--preset--color--black) h s 96%);--wp--preset--color--major:#181231;--wp--preset--color--minor:#4bc36d;--wp--preset--color--background:var(--wp--preset--color--white);--wp--preset--color--foreground:var(--wp--preset--color--black);--wp--preset--color--alert:#f06;--wp--preset--color--border:hsl(from var(--wp--preset--color--black) h s 75%);--wp--preset--color--flipp:#f0f8ff}.has-black-background-color{background-color:var(--wp--preset--color--black)}.has-black-color{color:var(--wp--preset--color--black)}.has-white-background-color{background-color:var(--wp--preset--color--white)}.has-white-color{color:var(--wp--preset--color--white)}.has-major-background-color{background-color:var(--wp--preset--color--major)}.has-major-color{color:var(--wp--preset--color--major)}.has-minor-background-color{background-color:var(--wp--preset--color--minor)}.has-minor-color{color:var(--wp--preset--color--minor)}.has-background-background-color{background-color:var(--wp--preset--color--background)}.has-background-color{color:var(--wp--preset--color--background)}.has-foreground-background-color{background-color:var(--wp--preset--color--foreground)}.has-foreground-color{color:var(--wp--preset--color--foreground)}.has-border-background-color{background-color:var(--wp--preset--color--border)}.has-border-color{color:var(--wp--preset--color--border)}.has-flipp-background-color{background-color:var(--wp--preset--color--flipp)}.has-flipp-color{color:var(--wp--preset--color--flipp)}.wp-block-columns{display:flex;flex-wrap:wrap!important}@media(width >= 64em){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important;gap:1.5rem calc(4 * var(--wp--custom--gap))}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media(0em <= width <= 39.9375em){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media(width >= 64em){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns:not(:last-child)){margin-bottom:1.5em}:where(.wp-block-columns.has-background){padding:1rem}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-column>:last-child{margin-bottom:0}.wp-block-details{margin-bottom:1.5em}.wp-block-details>:last-child{margin-bottom:0}.wp-block-details *,.wp-block-details :after,.wp-block-details :before{box-sizing:border-box}.wp-block-details summary{cursor:pointer;padding-top:var(--wp--custom--gap);padding-bottom:var(--wp--custom--gap);font-weight:700}:root{--wp--preset--font-family--heading:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--wp--preset--font-family--body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--wp--preset--font-size--x-small:clamp(12px, .75em, 14px);--wp--preset--font-size--small:0.8125em;--wp--preset--font-size--medium:1.25em;--wp--preset--font-size--large:2.25em}.has-x-small-font-size{font-size:var(--wp--preset--font-size--x-small)}.has-small-font-size{font-size:var(--wp--preset--font-size--small)}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)}.has-large-font-size{font-size:var(--wp--preset--font-size--large)}:root{--wp--custom--border-radius--inner:4px;--wp--custom--border-radius--outer:20px;--wp--custom--gap:0.5rem;--wp--custom--line-height--body:1.5;--wp--custom--wrapper--max-width:80rem}:where(figcaption){margin-top:.5em}.aligncenter :where(figcaption){text-align:center}.alignfull :where(figcaption){padding-left:1em;padding-right:1em;text-align:center}[id=calculator] fieldset{display:flex;border:1px solid var(--wp--preset--color--border);border-bottom:0;border-radius:var(--wp--custom--border-radius--inner) var(--wp--custom--border-radius--inner) 0 0;font-size:var(--wp--preset--font-size--medium)}[id=calculator] fieldset legend{margin-left:.5ch;padding-right:.5ch;padding-left:.5ch;color:var(--wp--preset--color--border)}[id=calculator] fieldset input,[id=calculator] fieldset select{height:3rem;border:0}[id=calculator] fieldset input{padding-right:.5ch;padding-left:2ch;text-align:right}[id=calculator] fieldset select{padding-left:.5ch}:has(>[name=price]):before{content:"$"}:has(>[name=volume]):before{content:"/"}[id=calculator] .callout{position:relative;overflow:hidden;border:1px solid var(--wp--preset--color--border);border-radius:0 0 var(--wp--custom--border-radius--inner) var(--wp--custom--border-radius--inner)}[id=calculator] .callout:has(button){padding-right:calc(3rem + 1ch)}[id=calculator] .callout input{padding:0;border:0;border-bottom:1px dashed var(--wp--preset--color--border)}[id=calculator] .callout button{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:3rem;height:100%;border:0;border-left:1px solid var(--wp--preset--color--border)}[id=calculator] .callout button:active,[id=calculator] .callout button:focus,[id=calculator] .callout button:hover{background:var(--wp--preset--color--background)}[id=calculator] .callout button[disabled]{pointer-events:none;color:var(--wp--preset--color--border)}[id=calculator] label:has([type=checkbox]){display:inline-flex;gap:1ch;align-items:center;justify-content:flex-start}[id=calculator] label:has([type=checkbox]):before{content:"✓";display:block;width:1em;height:1em;border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--border-radius--inner);font-size:2rem;line-height:1;color:transparent}[id=calculator] label:has([type=checkbox]):has(:checked):before{color:var(--wp--preset--color--foreground)}[id=calculator] label:has([type=checkbox]):has(:focus):before{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color}[name=barcode]{padding-right:calc(42px + 3em)}[name=barcode]~*{position:absolute;bottom:0;height:2.625rem;border:0;border-left:1px solid var(--wp--preset--color--border);line-height:1}:has(>.custom-barcode){right:calc(21px + 1.5em)}:has(>.dashicons-external){right:0}.custom-barcode:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%207h2v10H5zm9%200h1v10h-1zm-4%200h3v10h-3zM8%207h1v10H8zm8%200h3v10h-3z%22%2F%3E%3Cpath%20d%3D%22M4%205h4V3H4c-1.103%200-2%20.897-2%202v4h2zm0%2016h4v-2H4v-4H2v4c0%201.103.897%202%202%202M20%203h-4v2h4v4h2V5c0-1.103-.897-2-2-2m0%2016h-4v2h4c1.103%200%202-.897%202-2v-4h-2z%22%2F%3E%3C%2Fsvg%3E")}dialog{padding:3rem 1rem 1rem;border-color:var(--wp--preset--color--border);border-radius:var(--wp--custom--border-radius--outer)}[data-close]{position:absolute;top:0;right:0;aspect-ratio:1;width:2.5rem;height:2.5rem;border:0;border-bottom:1px solid var(--wp--preset--color--border);border-left:1px solid var(--wp--preset--color--border);border-radius:0 var(--wp--custom--border-radius--inner)}[data-close]:active,[data-close]:focus,[data-close]:hover{background:var(--wp--preset--color--shade)}dialog>:last-child{margin-bottom:0}fieldset{margin:0;padding:0;border:0}form>:last-child{margin-bottom:0}.form-field{position:relative;margin-bottom:var(--wp--custom--gap)}.form-field:before{pointer-events:none;position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;height:100%;padding:0 1ch}input{width:100%;padding:.5rem .75rem;border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--border-radius--inner)}[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}label{cursor:pointer}.wrapper{max-width:var(--wp--custom--wrapper--max-width);margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}.content-block{padding-top:3rem;padding-bottom:3rem}:where(.callout){margin-bottom:1.5em;padding:1rem;border-radius:var(--wp--custom--border-radius--inner);background:var(--wp--preset--color--shade)}:where(.callout)>:last-child{margin-bottom:0}.shimmer{width:100%;border-radius:var(--wp--custom--border-radius--inner);background:linear-gradient(to right,var(--wp--preset--color--shade) 40%,var(--wp--preset--color--background) 50%,var(--wp--preset--color--shade) 60%);background-position-x:10%;background-size:300% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position-x:0}to{background-position-x:140%}}[v-cloak]{display:none}dl{display:grid;grid-template-columns:auto 1fr;gap:var(--wp--custom--gap);align-items:center;font-size:var(--wp--preset--font-size--small)}dt{font-weight:700}dd{margin:0;text-align:right}table{border-collapse:collapse;font-size:var(--wp--preset--font-size--small)}tr{border-bottom:1px solid var(--wp--preset--color--border)}td{border:0}td:last-child{text-align:right}.single-groceries h1{margin-bottom:0}.single-groceries h1+p{line-height:1}.display-options{justify-content:space-between;margin-bottom:1.5em;padding:calc(.5 * var(--wp--custom--gap));border-radius:calc(2 * var(--wp--custom--border-radius--outer));font-size:var(--wp--preset--font-size--small);font-weight:700;line-height:1;background:var(--wp--preset--color--shade)}.display-options,.display-options fieldset{display:flex;align-items:center}.display-options fieldset:before{margin:0 1ch 0 var(--wp--custom--gap)}.display-options label{display:block;padding:calc(.5 * var(--wp--custom--gap)) 1rem;border:1px solid transparent;border-radius:var(--wp--custom--border-radius--outer);transition:all .45s cubic-bezier(.23,1,.32,1)}.display-options label:has(:checked){border-color:var(--wp--preset--color--background);background:var(--wp--preset--color--background)}.display-options label:has(:hover,:focus){border-color:var(--wp--preset--color--border)}[id=search]{margin-top:1rem}[id=search] .form-field{font-size:var(--wp--preset--font-size--large)}[id=search] .form-field:before{content:"";font-family:dashicons,sans-serif}[id=search] .form-field:has(.is-loading):before{content:"⋯"}[id=search] [type=search]{padding-left:calc(1em + 2ch);border-radius:var(--wp--custom--border-radius--inner)}[id=search] ul{font-size:var(--wp--preset--font-size--medium)}[id=search] a:not([href*=wp]){display:block;padding:1rem 1.5rem;border:1px solid transparent;border-radius:var(--wp--custom--border-radius--inner);background:var(--wp--preset--color--shade);transition:all .45s cubic-bezier(.23,1,.32,1)}[id=search] a:not([href*=wp]):active,[id=search] a:not([href*=wp]):focus,[id=search] a:not([href*=wp]):hover{border-color:var(--wp--preset--color--border)}.toastify{cursor:pointer;position:fixed;z-index:99999;display:inline-block;max-width:calc(50% - 1rem);padding:.75rem 1rem;border:1px solid var(--wp--preset--color--border);border-left:4px solid var(--wp--preset--color--minor);border-radius:var(--wp--custom--border-radius--inner);font-size:var(--wp--preset--font-size--small);opacity:0;background:var(--wp--preset--color--background);transition:all .45s cubic-bezier(.23,1,.32,1)}.toastify.on{opacity:1}.toastify.error{border-left-color:var(--wp--preset--color--alert)}.toastify-right{right:1rem}.toastify-bottom{bottom:-10rem}@media only screen and (width <= 360px){.toastify-right{right:0;left:0;max-width:-moz-fit-content;max-width:fit-content;margin-right:auto;margin-left:auto}}[id=tools]{position:sticky;right:0;bottom:0;left:0;display:flex;flex-wrap:wrap;width:100%;margin:0 auto;line-height:1;background:var(--wp--preset--color--background)}[id=tools] :has(>.dashicons){display:flex;gap:5px;align-items:center;justify-content:center;width:50%;height:3rem;border-left:0}[id=tools] :has(>.dashicons):last-child{border-right:0}[id=tools] [href*=wp-login]{width:100%;padding:var(--wp--custom--gap);font-size:var(--wp--preset--font-size--small);font-weight:700;color:var(--wp--preset--color--background);text-transform:uppercase;background:var(--wp--preset--color--foreground)}html{font-family:var(--wp--preset--font-family--body);line-height:var(--wp--custom--line-height--body);color:var(--wp--preset--color--foreground);text-rendering:geometricprecision;font-size:100%}a{color:inherit}a,abbr{text-decoration:none}abbr{cursor:help;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:1px solid var(--wp--preset--color--border);border-radius:4px;font-weight:700;line-height:1;background:var(--wp--preset--color--shade)}h1,h2,h3,h4,h5,h6{margin-top:0;font-family:var(--wp--preset--font-family--heading)}h1{font-size:var(--wp--preset--font-size--x-large,2rem)}h2{font-size:var(--wp--preset--font-size--large,1.5rem)}h3{font-size:var(--wp--preset--font-size--medium,1.17rem)}h4{font-size:var(--wp--preset--font-size--default,1rem)}h5{font-size:var(--wp--preset--font-size--small,.83rem)}h6{font-size:var(--wp--preset--font-size--x-small,.67rem)}[type=checkbox],[type=radio]{accent-color:var(--wp--preset--color--major)}.is-style-mini-headline{font-size:var(--wp--preset--font-size--small);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em}.is-high{color:var(--wp--preset--color--alert)}.is-low{color:var(--wp--preset--color--minor)}