/* Visual reference: ../01-website. Commerce controls remain connected to the local backend. */
:root{--serif:Georgia,'Times New Roman',serif}
.toki-surface{color:var(--ink)}
.toki-surface .logo-name{font-family:Georgia,serif}
#view-home{background-size:calc(120 * var(--u)) calc(136 * var(--u))}
#tokiDialog{border:0;padding:0;background:transparent;border-radius:10px;width:min(660px,calc(100vw - 60px));max-height:calc(100dvh - 60px);overflow:hidden}
#tokiDialog.wide{width:min(840px,calc(100vw - 60px))}
#tokiDialog::backdrop{background:#10261fc7;backdrop-filter:blur(4px)}
#tokiDialogBody{font-size:14px;background:transparent}
#tokiDialogBody>.modal-panel{width:100%;max-height:calc(100dvh - 60px);margin:0}
#tokiDialog .toki-dialog-close{z-index:2;right:12px;top:12px;font:24px/1 Arial,sans-serif;color:var(--forest)}
#tokiProductForm .button{margin-top:22px;width:100%}
#tokiProductForm .notice{margin-top:18px}
#tokiProductStatus:empty{display:none}
#tokiProductStatus{font-size:12px;color:var(--rust)}
#tokiSearchResults .search-result{display:grid;padding:13px 0!important;border-color:var(--line)!important}
#tokiSearchResults .search-result img{width:60px;height:60px;border-radius:3px}
#tokiSearchResults .search-result>span{display:block}
#tokiSearchResults .search-result strong{font:normal 23px/1.2 var(--serif)}
#tokiSearchResults .search-result small{font-size:10px;font-weight:400;line-height:1.5}
#tokiSearchResults .search-result .price{font:normal 25px/1.2 var(--serif);color:var(--rust)}
#tokiCartSurface{height:0}
#cartBackdrop{background:#10261fc7;backdrop-filter:blur(4px)}
#cartDrawer{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:475px;max-width:100%;height:100dvh;max-height:100dvh;padding:35px 27px;border-radius:0;margin:0;background:var(--paper-light);font-size:14px;box-shadow:0 25px 100px #0003}
#cartDrawer:not(.open){visibility:hidden}
#cartDrawer .close-drawer-btn{position:absolute;right:12px;top:12px;width:32px;height:32px;padding:0}
#cartDrawer .close-drawer-btn .icon{width:20px;height:20px}
#cartDrawer .cart-intro{margin:0 0 15px}
#cartDrawerItems{padding:0;overflow:auto;flex:1;min-height:0}
#cartDrawer .cart-line h3{font:normal 20px/1.3 var(--serif);color:var(--forest)}
#cartDrawer .cart-line .cart-meta{font-size:10px}
#cartDrawer .cart-drawer-footer{padding:20px 0 0;border-top:1px solid var(--line);background:transparent;margin-top:15px}
#cartDrawer .cart-summary-line{font:12px/1.5 var(--sans);margin:0 0 8px;color:var(--ink)}
#cartDrawer .cart-summary-line.total-line{padding-top:10px;margin-top:10px;border-top:1px solid var(--line);font-size:14px}
#cartTotal,#cartSubtotal{font:normal 25px/1.2 var(--serif)!important;color:var(--rust)!important}
#cartDrawer .btn-checkout-primary{border:0;border-radius:4px;background:var(--rust);color:white;box-shadow:none;font:600 13px/1.5 var(--sans);padding:12px 17px;min-height:43px;width:100%}
#cartDrawer .btn-checkout-primary:hover{background:var(--rust-dark)}
#cartDrawer .quantity-control button{min-width:24px}
#cartDrawer .quantity-control .icon{width:13px;height:13px}
@media(max-width:850px){#tokiDialog,#tokiDialog.wide{width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}#tokiDialogBody>.modal-panel{max-height:calc(100dvh - 28px)}#cartDrawer{width:100%;padding:34px 21px 26px}}
@media(max-width:539px){#tokiSearchResults .search-result img{width:53px;height:53px}#tokiSearchResults .search-result strong{font-size:18px}#tokiSearchResults .search-result .price{font-size:22px}}

html{scroll-padding-top:calc(86 * var(--u))}
.page-wrapper>.toki-surface:has(>#siteHeader){position:sticky;top:0;z-index:40}
#siteHeader{position:relative;transition:none}
#tokiProductPrice{font:normal 25px/1.2 var(--serif)}