/* The leaf colour is sampled from Korak's actual logo: #d2c000. */
:root { --korak-logo:#d2c000; --korak-control:#796149; --korak-control-hover:#604b37; }
body ::selection { background:#eee9b7; color:#352a26; }
#qodef-page-header-inner .qodef-widget-holder,
#qodef-page-mobile-header-inner .qodef-widget-holder { align-items:center; }
.widget.korak-header-cart { margin:0 8px 0 0!important; }
.korak-header-cart-link { position:relative; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; color:#352a26; border-radius:8px; }
.korak-header-cart-link:hover { background:#ece2d6; color:#352a26; }
.korak-header-cart-link:focus-visible { outline:2px solid #796149; outline-offset:2px; }
.korak-header-cart-count { position:absolute; right:0; top:0; min-width:19px; height:19px; padding:0 4px; border-radius:50%; background:var(--korak-logo); color:#29261f; font:600 11px/19px "Open Sans",sans-serif; text-align:center; font-variant-numeric:tabular-nums; }
.korak-online-page .korak-store-intro { margin-bottom:18px; }
.korak-online-page .korak-store-intro-photo { height:160px; min-height:160px; }
.korak-online-page .korak-store-intro-copy { display:block; padding:16px 24px; }
.korak-online-page .korak-store-intro h1 { font-size:38px; margin:0 0 4px; }
.korak-online-page .korak-store-intro p { display:block; font-size:13px; line-height:1.6; margin:0; }
.korak-online-page .korak-store-notice { padding:12px 16px; margin-bottom:12px; background:#eee5da; color:#5c4a3d; }
.korak-online-page .korak-store-notice p { font-size:12px; line-height:1.6; }
.korak-store-filter-panel > summary { color:#604b37; }
.korak-store-filter-panel > summary span { text-decoration:underline; text-decoration-color:var(--korak-logo); text-decoration-thickness:3px; text-underline-offset:7px; }
.korak-store-only { display:block; margin-top:12px; color:#665445; font-size:12px; line-height:1.5; }
.korak-commerce .korak-product-contact .korak-contact-button { border:1px solid #796149; border-radius:8px; background:#796149; color:#fff; }
.korak-commerce .korak-product-contact .korak-contact-button:hover { background:#604b37; border-color:#604b37; color:#fff; }
.korak-commerce .korak-single-online { color:#604b37; text-decoration-color:var(--korak-logo); text-decoration-thickness:3px; text-underline-offset:5px; }
.korak-web-offer svg { color:#352a26; fill:var(--korak-logo); }
.korak-commerce .price .korak-reference-price,
.korak-reference-price { display:block; margin-top:5px; font:400 13px/1.6 "Open Sans",sans-serif!important; color:#665445; letter-spacing:normal; }
.korak-reference-price * { font:inherit!important; color:inherit; }
.korak-inquiry-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.korak-inquiry-fields label { display:block; font:400 13px/1.6 "Open Sans",sans-serif; color:#514235; }
.korak-inquiry-wide { grid-column:1/-1; }
.korak-inquiry-fields :is(input[type=text],input[type=email],textarea) { display:block; width:100%; margin:7px 0 0; padding:12px 14px; border:1px solid #cdbdaa; border-radius:8px; background:#fff; color:#352a26; font:400 16px/1.5 "Open Sans",sans-serif; caret-color:#796149; }
.korak-inquiry-fields textarea { min-height:135px; resize:vertical; }
.korak-inquiry-fields :is(input,textarea):focus-visible { outline:2px solid #796149; outline-offset:3px; }
.korak-inquiry-fields :is(input[type=submit],button[type=submit]) { min-height:46px; padding:12px 24px; border:1px solid #796149; border-radius:8px; background:#796149; color:#fff; font:500 14px/1.5 "Open Sans",sans-serif; letter-spacing:0; text-transform:none; cursor:pointer; }
.korak-inquiry-fields :is(input[type=submit],button[type=submit]):hover { background:#604b37; }
.korak-inquiry-fields .wpcf7-not-valid-tip { font-size:13px; line-height:1.6; }
#korak-upit { scroll-margin-top:130px; }
.korak-contact-page { background:#fbf7f2; color:#352a26; }
.korak-contact-page :is(#qodef-page-header,#qodef-page-mobile-header) { background:#fbf7f2; }
.korak-contact-page #qodef-page-inner { padding-top:44px; padding-bottom:64px; }
.korak-contact-page .qodef-page-title { height:170px!important; }
.korak-contact-page .qodef-page-title h1 { font:400 48px/1.1 "EB Garamond",Georgia,serif; letter-spacing:0; text-transform:none; }
.korak-contact-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); align-items:start; gap:56px; max-width:1120px; margin:auto; }
.korak-contact-layout h2 { margin:0 0 14px; color:#352a26; font:400 34px/1.15 "EB Garamond",Georgia,serif; letter-spacing:-.015em; text-transform:none; }
.korak-contact-layout p { max-width:50ch; margin:0 0 22px; font:400 14px/1.8 "Open Sans",sans-serif; color:#665445; }
.korak-contact-details { padding-top:20px; }
.korak-contact-details h2::after { content:""; display:block; width:48px; height:3px; margin-top:18px; background:var(--korak-logo); }
.korak-contact-details dl { margin:24px 0; }
.korak-contact-details dl > div { margin-bottom:18px; }
.korak-contact-details dt { margin-bottom:4px; font:600 12px/1.6 "Open Sans",sans-serif; color:#665445; }
.korak-contact-details dd { margin:0; color:#352a26; font:400 16px/1.7 "Open Sans",sans-serif; }
.korak-contact-details dd a { display:inline-block; padding:4px 0; color:#604b37; text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.korak-contact-browse { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#604b37; font-size:13px; text-decoration:underline; text-underline-offset:5px; }
.korak-contact-form-panel { padding:28px; background:#fff; border:1px solid #e5d8ce; border-radius:14px; }
.korak-contact-form-panel .wpcf7 { margin:0; }
.korak-contact-form-panel .wpcf7 form .wpcf7-response-output { margin:20px 0 0; padding:12px; border-width:1px; border-radius:8px; color:#352a26; font:400 14px/1.7 "Open Sans",sans-serif; }
.korak-contact-form-panel .wpcf7 form.sent .wpcf7-response-output { border-color:#b3a300; background:#faf8dd; }
.korak-category-navigation { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 20px; }
.korak-category-navigation h2 { margin:0; font:400 30px/1.2 "EB Garamond",Georgia,serif; letter-spacing:0; color:#352a26; }
.korak-category-navigation > a { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:#604b37; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.korak-online-store #qodef-woo-page.korak-shop-categories ul.products { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 20px; }
.korak-online-store #qodef-woo-page.korak-shop-categories .korak-category-caption { padding-top:10px; }
.korak-online-store #qodef-woo-page.korak-shop-categories h2.korak-category-name { font-size:20px; line-height:1.25; overflow-wrap:break-word; }
@media(min-width:1440px) {
 .korak-online-store #qodef-woo-page.korak-shop-categories ul.products { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media(max-width:880px) {
 .korak-contact-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
 .korak-contact-details { padding-top:0; }
 .korak-contact-details dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:20px 0 10px; }
 .korak-online-store #qodef-woo-page.korak-shop-categories ul.products { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 14px; }
}
@media(max-width:540px) {
 .widget.korak-header-cart { margin-right:0!important; }
 #qodef-page-mobile-header-inner .qodef-header-logo-link { max-width:126px; }
 .korak-online-page .korak-store-intro-photo { height:120px; min-height:120px; }
 .korak-online-page .korak-store-intro-copy { padding:14px 18px; }
 .korak-online-page .korak-store-intro h1 { font-size:32px; }
 .korak-online-page .korak-store-intro p { font-size:12px; }
 .korak-online-page .korak-store-notice { padding:12px; gap:4px; }
 .korak-online-page .korak-store-notice a { min-height:34px; }
 .korak-store-only { font-size:11px; }
 .korak-inquiry-fields { grid-template-columns:minmax(0,1fr); gap:16px; }
 .korak-inquiry-wide { grid-column:auto; }
 .korak-contact-page .qodef-page-title { height:120px!important; }
 .korak-contact-page .qodef-page-title h1 { font-size:38px; }
 .korak-contact-page #qodef-page-inner { padding-top:26px; padding-bottom:40px; }
 .korak-contact-layout { gap:22px; }
 .korak-contact-layout h2 { font-size:30px; }
 .korak-contact-details dl { display:block; }
 .korak-contact-details dl > div { margin-bottom:14px; }
 .korak-contact-form-panel { padding:20px; }
 .korak-online-store #qodef-woo-page.korak-shop-categories ul.products { gap:20px 12px; }
 .korak-online-store #qodef-woo-page.korak-shop-categories h2.korak-category-name { font-size:16px; }
 .korak-category-navigation h2 { font-size:27px; }
}

.korak-inquiry-fields :is(input,textarea)::placeholder { color:#76665e; opacity:1; font-style:normal; }
