
/* TOKO 1.1 premium design layer: native WP + WooCommerce, no DOM replacement. */
:root{--toko-ink:#191b1a;--toko-paper:#faf9f6;--toko-muted:#6f746e;--toko-line:#e5e7e2;--toko-green:#29473b;--toko-soft:#f0f2ed;--toko-radius:18px}
body{background:var(--toko-paper);color:var(--toko-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
::selection{background:#cbdace;color:#172c23}
.toko-announcement{background:#29473b}.toko-announcement p{font-size:11px!important;letter-spacing:.08em;text-transform:none}
.toko-header{background:rgba(250,249,246,.96);border-bottom:1px solid var(--toko-line);padding:18px 28px;position:sticky;top:0;z-index:90;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.admin-bar .toko-header{top:32px}
.toko-header .wp-block-site-title{font-size:29px;letter-spacing:-.075em;font-weight:800;line-height:1}.toko-header .wp-block-navigation{font-size:13px;font-weight:550;letter-spacing:0}.toko-header .wp-block-navigation a:hover{text-decoration:none;color:var(--toko-green)}
.toko-header .wp-block-search__button{background:transparent;color:var(--toko-ink);padding:8px}
.toko-hero{padding:42px 28px 64px}.toko-hero>.wp-block-columns{gap:clamp(32px,5vw,90px)}.toko-hero h1{font-family:Georgia,serif;font-size:clamp(64px,7.2vw,118px)!important;font-weight:400;letter-spacing:-.075em;line-height:.99}.toko-hero p:not(.toko-eyebrow){font-size:17px;line-height:1.85;max-width:440px}.toko-eyebrow{color:var(--toko-green);font-size:11px!important;letter-spacing:.21em}.toko-hero-image{border-radius:var(--toko-radius);box-shadow:0 20px 55px rgba(28,45,32,.08)}.toko-hero-image img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.toko-section{padding:76px 28px 100px}.toko-section h2{font-family:Georgia,serif;letter-spacing:-.055em;font-weight:400}.toko-section>.wp-block-group.alignwide{margin-bottom:28px}
.toko-section .wp-block-woocommerce-product-collection .wc-block-product,.toko-section .wc-block-product{position:relative}.toko-section .wc-block-components-product-image,.toko-section .wc-block-product .wp-block-woocommerce-product-image{overflow:hidden;border-radius:12px;background:#f1f0ed}.toko-section .wc-block-components-product-image img,.toko-section .wc-block-product img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.toko-section .wc-block-product:hover img{transform:scale(1.045)}
.wc-block-product .wp-block-post-title,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:Inter,system-ui,sans-serif!important;font-size:15px!important;font-weight:600;letter-spacing:-.015em;margin-top:13px}.wc-block-product .wp-block-post-title a{text-decoration:none}.wc-block-components-product-price,.woocommerce ul.products li.product .price{font-size:14px;font-weight:550;color:var(--toko-green)!important}
.wc-block-product .wp-block-button__link,.wc-block-product .wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button{border-radius:999px!important;min-height:42px;transition:transform .2s,background .2s,box-shadow .2s;background:var(--toko-green);color:#fff}.wc-block-product .wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.wc-block-components-button:hover{background:#172d23;color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px rgba(22,52,38,.13)}
.toko-manifesto{background:#e5ebe3;padding:105px 28px}.toko-manifesto h2{font-family:Georgia,serif;line-height:1.08}.toko-footer{background:#17291f;padding:76px 28px 32px}.toko-footer a{text-decoration:none}.toko-footer a:hover{text-decoration:underline}
.toko-benefits{border-top:1px solid var(--toko-line);border-bottom:1px solid var(--toko-line);padding:24px 28px}.toko-benefits .wp-block-column{padding:10px 18px}.toko-benefits strong{display:block;font-size:13px}.toko-benefits p{margin:3px 0;font-size:12px;color:var(--toko-muted)}
.toko-editorial{padding:0 28px 95px}.toko-editorial .wp-block-cover{border-radius:var(--toko-radius);overflow:hidden}.toko-editorial h2{font-family:Georgia,serif;font-size:clamp(36px,4.6vw,68px);line-height:1.05;letter-spacing:-.05em}
.woocommerce .woocommerce-breadcrumb{font-size:12px;color:var(--toko-muted)}.woocommerce div.product .product_title{font-family:Georgia,serif;font-size:clamp(34px,4vw,60px);font-weight:400;letter-spacing:-.05em}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--toko-green)}.woocommerce div.product div.images img{border-radius:14px}.woocommerce span.onsale{background:var(--toko-green);border-radius:999px;padding:5px 10px}.woocommerce .quantity .qty{min-height:42px;border:1px solid var(--toko-line);border-radius:8px}.woocommerce-message,.woocommerce-info{border-top-color:var(--toko-green)}.woocommerce-message::before,.woocommerce-info::before{color:var(--toko-green)}
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{max-width:1360px;margin:56px auto 100px;padding:0 24px}.wc-block-components-text-input input,.wc-blocks-components-select .wc-blocks-components-select__select{border-radius:9px!important}
.toko-section .wp-block-query-pagination{margin-top:42px}.toko-section .wp-block-query-pagination a{text-decoration:none}
:focus-visible{outline:3px solid #779b82;outline-offset:3px}
@media(max-width:900px){.toko-header{padding:14px 18px}.toko-hero{padding:32px 20px 55px}.toko-section{padding:54px 20px 68px}.toko-editorial{padding:0 20px 60px}.toko-manifesto{padding:75px 20px}}
@media(max-width:781px){body.admin-bar .toko-header{top:46px}.toko-header .wp-block-site-title{font-size:26px}.toko-hero h1{font-size:clamp(56px,12vw,84px)!important}.toko-hero-image{min-height:400px!important}.toko-benefits{padding:18px}.toko-benefits .wp-block-column{padding:8px}.toko-footer{padding:54px 20px 24px}}
@media(max-width:480px){.toko-hero h1{font-size:56px!important}.toko-hero p:not(.toko-eyebrow){font-size:15px}.toko-section h2{font-size:37px}.toko-header .wp-block-navigation{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
