/*
Theme Name: DAAJE
Theme URI: https://www.daaje.com
Author: Amla Consultancy Pvt Ltd
Author URI: https://www.amlasoftware.com
Description: Theme for DAAJE Naturals — natural coir scrubbers and cleaning solutions. The Home, About Us, Products and Contact Us pages are built from normal blocks, so every heading, paragraph, image, button, card and table can be edited in the WordPress block editor; ready-made DAAJE sections are available under + → Patterns → DAAJE. Includes a blog listing with featured article, category filter and search, and a blog article page with reading time, share links, author box, previous/next and related articles. After activating, Appearance → DAAJE Setup creates the pages, menus and sample posts.
Version: 1.1.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: daaje
Tags: blog, one-column, two-columns, custom-logo, custom-menu, editor-style, featured-images, threaded-comments, block-patterns, wide-blocks
*/

/* ---------------------------------------------------------------- fonts (self-hosted, SIL Open Font License) */
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/jost-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/jost-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/jost-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/jost-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/jost-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/jost-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------------------------------------------------------------- base (from the original DAAJE site) */
:root{--green:#1e4620;--sage:#9aa186;--cream:#f6f2ea;--sand:#ece3d2;--brown:#a8662c;--ink:#1c1c1a;--line:#d8cfbd;--muted:#5d5a52;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.7 var(--sans);color:var(--ink);background:var(--cream)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.1;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(2.4rem,6vw,4.4rem)}h2{font-size:clamp(1.9rem,4vw,2.9rem)}h3{font-size:1.45rem}h4{font-size:1.2rem}
p{margin:0 0 1em}
img{max-width:100%;height:auto}
a{color:var(--green)}a:hover{color:var(--brown)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--brown);outline-offset:2px}
.wrap,.daaje-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.wrap.narrow{max-width:780px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:8px 14px}.skip-link:focus{left:8px}

/* header */
.site-header{position:sticky;top:0;background:var(--cream);border-bottom:1px solid var(--line);z-index:10}
.admin-bar .site-header{top:32px}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;padding-bottom:12px}
.site-header .brand img{height:46px;width:auto;display:block}
#nav{display:flex;gap:6px;flex-wrap:wrap}
#nav a{text-decoration:none;color:var(--ink);padding:8px 14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;border-bottom:2px solid transparent}
#nav a:hover,#nav a[aria-current]{border-color:var(--brown);color:var(--green)}
.menu-btn{display:none;background:none;border:2px solid var(--green);padding:9px 10px;cursor:pointer;border-radius:3px;line-height:0}
.menu-btn span{display:block;width:24px;height:3px;background:var(--green);margin:4px 0;transition:transform .2s,opacity .2s}
.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* buttons: classic .btn and the Button block */
.btn,.wp-block-button__link,.wp-element-button,.comment-form input[type=submit],.search-form button{display:inline-block;background:var(--green);color:#fff;padding:13px 28px;text-decoration:none;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;border:2px solid var(--green);border-radius:0;cursor:pointer;font-family:var(--sans);line-height:1.4}
.btn:hover,.wp-block-button__link:hover,.search-form button:hover{background:#163518;color:#fff}
.is-style-outline .wp-block-button__link,.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--green);border:2px solid var(--green);padding:13px 28px}
.is-style-outline .wp-block-button__link:hover{background:var(--green);color:#fff}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 1em}
.wp-block-buttons .wp-block-button{margin:0}

/* sections */
.hero{padding:70px 0}
.hero .hero-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;margin:0}
.hero .hero-cols>.wp-block-column{margin:0;min-width:0;align-self:center}
.hero img{width:100%;height:auto;display:block;border-radius:6px}
.hero .wp-block-image{margin:0}
.hero.small{padding:56px 0 20px}
.eyebrow{color:var(--brown);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;margin:0 0 12px}
.lead{font-size:1.2rem;max-width:36em}
.wp-block-list.pills,.pills{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.pills li{border:1.5px solid var(--green);border-radius:30px;padding:5px 16px;font-size:.88rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--green);margin:0}
.sec{padding:68px 0}.sec.sand,.sand{background:var(--sand)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-top:28px}
.sec h2+.grid{margin-top:0}
.card{background:#fff;padding:24px;border:1px solid var(--line)}.card h3{margin-bottom:.3em}.card p{margin:0}
.after-grid{margin-top:24px}
.mt{margin-top:34px}

/* product cards (home) */
.pcard{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:box-shadow .2s}
.pcard:hover{box-shadow:0 10px 26px rgba(30,70,32,.12)}
.pcard .im{background:#fff;padding:20px;text-align:center;margin:0}
.pcard .im img{height:210px;width:auto;max-width:100%;mix-blend-mode:multiply;display:inline-block}
.pcard .t{padding:18px 22px 22px}
.pcard h3{margin:0 0 .2em}.pcard h3 a{text-decoration:none;color:var(--ink)}
.pcard .more{margin:0}.pcard .more a{color:var(--brown);font-weight:600;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}

/* home product area: white (".range" on new installs; ":has" covers pages created with version 1.0.0) */
.sec.range,.sec.sand:has(.pcard){background:#fff}

/* product details (products page): white page */
body.daaje-page-products,.daaje-page-products .sec.sand{background:#fff}
.daaje-page-products .sec.sand{border-top:1px solid var(--line)}
.products{background:#fff}
.products{padding:10px 0 20px}
.wp-block-columns.product{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start;padding:50px 0;margin:0;border-top:1px solid var(--line);scroll-margin-top:90px}
.wp-block-columns.product:first-child{border-top:0}
.wp-block-columns.product>.wp-block-column{margin:0;min-width:0;align-self:start}
.wp-block-columns.product:nth-of-type(even)>.im{order:2}
.product .im{background:#fff;border:1px solid var(--line);padding:30px;text-align:center}
.product .im .wp-block-image{margin:0}
.product .im img{max-width:100%;height:auto;max-height:380px;width:auto;mix-blend-mode:multiply;display:inline-block}
.sku{display:inline-block;background:var(--sage);color:#fff;font-weight:600;letter-spacing:.08em;padding:3px 12px;font-size:.85rem;margin-bottom:12px}
.wp-block-table{margin:6px 0 22px;overflow-x:auto}
.wp-block-table table,.entry-content table{border-collapse:collapse;width:100%}
.wp-block-table th,.wp-block-table td,.entry-content th,.entry-content td{text-align:left;padding:10px 14px;border:0;border-bottom:1px solid var(--line);vertical-align:top}
.wp-block-table th,.entry-content th{font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;color:var(--green)}
.wp-block-table.spec table{table-layout:auto}.wp-block-table.spec th{width:34%}
ul.leaf{list-style:none;padding:0;margin:.4em 0 1.2em}ul.leaf li{padding-left:26px;position:relative;margin:.45em 0}
ul.leaf li:before{content:"";position:absolute;left:2px;top:.6em;width:10px;height:10px;background:var(--green);border-radius:0 70% 0 70%}

/* packaging */
.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:26px}
.pack{background:#fff;border:1px solid var(--line);padding:22px}
.pack .im{height:210px;display:flex;align-items:center;justify-content:center;margin:0 0 14px}
.pack .im img{max-height:210px;max-width:100%;width:auto;mix-blend-mode:multiply}

/* numbered steps */
.steps{counter-reset:s}
.steps .card{counter-increment:s;padding:18px 20px}
.steps .card:before{content:counter(s);font:600 2rem var(--serif);color:var(--brown);display:block;line-height:1;margin-bottom:6px}

/* bands */
.band{background:var(--green);color:#fff;text-align:center;padding:64px 0}
.band h2{color:#fff}.band p{max-width:34em;margin:0 auto 1.2em}
.band .wp-block-buttons{justify-content:center}
.band .wp-block-button__link{background:var(--cream);color:var(--green);border-color:var(--cream)}
.band .wp-block-button__link:hover{background:#fff;color:var(--green)}
.tagline{text-align:center;padding:80px 0;background:var(--sand)}
.tagline h2{letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin:0}

/* two columns with side panel */
.wp-block-columns.two{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;margin:0}
.wp-block-columns.two>.wp-block-column{margin:0;min-width:0;align-self:start}
.side{background:var(--sand);padding:26px;border-left:4px solid var(--brown);align-self:start}
.side h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;margin:1em 0 .2em}.side h3:first-child{margin-top:0}.side p{margin:0}

/* forms */
label{display:block;font-weight:600;margin-top:14px}
input,textarea,select{width:100%;padding:11px;border:1px solid var(--sage);background:#fff;font:inherit;margin-top:4px;border-radius:0;color:var(--ink)}
input[type=checkbox],input[type=radio]{width:auto}
.enquiry-form .hp{position:absolute;left:-9999px;width:1px;height:1px}
.notice{padding:12px 16px;margin:0 0 8px;color:#fff}.notice.ok{background:var(--green)}.notice.err{background:#a8352a}

/* footer */
.site-footer{background:#1c241c;color:#d6dccd;padding:46px 0 20px}
.site-footer a{color:#fff}
.site-footer h3{color:#fff;font-size:1.2rem;text-transform:uppercase;letter-spacing:.08em}
.site-footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px}
.site-footer small{display:block;margin-top:26px;color:#9aa58f}
.site-footer .footer-logo{height:40px;width:auto;filter:invert(1);margin-bottom:12px}
.footer-nav{display:flex;flex-direction:column;align-items:flex-start}
.footer-nav a{text-decoration:none;line-height:1.9}.footer-nav a:hover{text-decoration:underline}
.social a{margin-right:12px}

/* ---------------------------------------------------------------- block content: keep the editor's spacing out of the designed sections */
/* classic themes wrap group content in an extra inner container; let grids/flex see the real children */
.wp-block-group__inner-container{display:contents}
.wp-block-group__inner-container>*:last-child{margin-bottom:0}
.canvas>*,.canvas .wp-block-group{margin-top:0;margin-bottom:0}
.daaje-wrap>*:last-child,.card>*:last-child,.side>*:last-child,.pack>*:last-child{margin-bottom:0}
.canvas :where(.is-layout-flow)>*{margin-block-start:0}
.canvas .is-layout-constrained>*{max-width:none}
.alignwide{max-width:1120px;margin-left:auto;margin-right:auto}
.alignfull{width:100%;max-width:none}

/* ---------------------------------------------------------------- blog listing */
.blog-hero{padding-bottom:30px}
.blog-tools{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;margin-top:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{border:1.5px solid var(--green);border-radius:30px;padding:5px 16px;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--green);text-decoration:none}
.chips a:hover,.chips a[aria-current]{background:var(--green);color:#fff}
.search-form{display:flex;min-width:min(340px,100%)}
.search-form input{margin:0;border-right:0}
.search-form button{padding:11px 18px;white-space:nowrap}
.blog-list{padding-top:30px}
.post-feature{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid var(--line);margin-bottom:34px}
.post-feature .thumb{display:block;background:var(--sand);min-height:300px}
.post-feature .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-feature .body{padding:34px 36px;align-self:center}
.post-feature h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.post-feature h2 a,.post-card h3 a{color:var(--ink);text-decoration:none}
.post-feature h2 a:hover,.post-card h3 a:hover{color:var(--green)}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px}
.post-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.post-card:hover{box-shadow:0 10px 26px rgba(30,70,32,.12);transform:translateY(-2px)}
.post-card .thumb{display:block;aspect-ratio:3/2;background:var(--sand);overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-card .noimg{display:flex;height:100%;align-items:center;justify-content:center}.post-card .noimg img{width:40%;height:auto;opacity:.5}
.post-card .body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.post-card h3{font-size:1.55rem;margin:.2em 0 .4em}
.post-card p{color:var(--muted);font-size:.98rem;margin:0 0 14px}
.post-card .post-meta{margin-top:auto}
.cat{color:var(--brown);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;text-decoration:none}
.post-meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--muted);font-size:.88rem;margin-bottom:12px}
.post-meta span+span:before{content:"·";margin-right:16px;color:var(--sage)}
.pagination{margin-top:40px}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.page-numbers{display:inline-block;min-width:44px;text-align:center;padding:9px 14px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink)}
.page-numbers.current{background:var(--green);color:#fff;border-color:var(--green)}
a.page-numbers:hover{border-color:var(--green)}
.empty{text-align:center;padding:40px 0}

/* ---------------------------------------------------------------- blog article */
.post-hero{padding-bottom:28px}
.post-hero h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em}
.crumbs a{color:var(--brown);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.post-cover{margin:0 auto 10px}
.post-cover img{width:100%;max-height:560px;object-fit:cover;display:block;border-radius:6px}
.post-cover figcaption{font-size:.85rem;color:var(--muted);margin-top:6px}
.single-post>.wrap{padding-top:30px;padding-bottom:60px}
.with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px}
.entry-content{font-size:1.08rem}
.entry-content>*{margin-top:0;margin-bottom:1.1em}
.entry-content h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-top:1.4em}
.entry-content h3{margin-top:1.2em}
.entry-content ul,.entry-content ol{padding-left:1.4em}
.entry-content li{margin:.35em 0}
.entry-content blockquote,.wp-block-quote{border-left:4px solid var(--brown);margin:1.5em 0;padding:.4em 0 .4em 1.2em;font:500 1.5rem/1.35 var(--serif)}
.entry-content figure{margin:1.5em 0}
.entry-content figcaption{font-size:.85rem;color:var(--muted)}
.entry-content img{border-radius:4px}
.entry-content .alignwide{margin-left:-80px;margin-right:-80px;max-width:none}
.entry-content .alignleft{float:left;margin:.3em 1.5em 1em 0}.entry-content .alignright{float:right;margin:.3em 0 1em 1.5em}
.entry-content .aligncenter{margin-left:auto;margin-right:auto}
.post-foot{border-top:1px solid var(--line);margin-top:34px;padding-top:22px}
.tags,.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.tags span,.share span{font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;margin-right:6px}
.tags a{background:var(--sand);padding:4px 12px;border-radius:30px;font-size:.88rem;text-decoration:none;color:var(--ink)}
.share a{border:1px solid var(--line);background:#fff;padding:5px 12px;font-size:.85rem;text-decoration:none}
.share a:hover{border-color:var(--green)}
.author-box{display:flex;gap:16px;align-items:flex-start;background:var(--sand);padding:20px;margin-top:20px}
.author-box img{border-radius:50%}.author-box p{margin:.3em 0 0}
.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.post-navigation a{display:block;border:1px solid var(--line);background:#fff;padding:16px 18px;text-decoration:none;color:var(--ink);height:100%}
.post-navigation a:hover{border-color:var(--green)}
.post-navigation .nav-next{text-align:right}
.post-navigation .dir{display:block;color:var(--brown);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.post-navigation .t{font:600 1.25rem/1.2 var(--serif)}
.related h2{margin-bottom:24px}
.post-sidebar .widget{background:#fff;border:1px solid var(--line);padding:20px;margin-bottom:22px}
.post-sidebar .widget ul{padding-left:1.1em;margin:0}
.widget-title{font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em}
.comments{margin-top:44px}
.comment-list{padding-left:0;list-style:none}.comment-list .children{list-style:none}
.comment-body{background:#fff;border:1px solid var(--line);padding:16px 18px;margin-bottom:14px}
.comment-meta{font-size:.88rem;color:var(--muted)}.comment-meta img{border-radius:50%;vertical-align:middle;margin-right:8px}
.comment-form label{margin-top:10px}.comment-form .form-submit{margin-top:16px}
.comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start}.comment-form-cookies-consent label{margin:0;font-weight:400}
.page-body{padding-top:20px}

/* ---------------------------------------------------------------- responsive */
@media(max-width:900px){
.site-header .wrap{flex-wrap:wrap}.menu-btn{display:block}
#nav{order:3;width:100%;flex-direction:column;gap:0}.js #nav{display:none}.js #nav.open{display:flex}
#nav a{padding:14px 6px;border-bottom:1px solid var(--line);font-size:1rem}
.hero .hero-cols,.wp-block-columns.product,.wp-block-columns.two,.post-feature,.with-sidebar{grid-template-columns:1fr}
.wp-block-columns.product:nth-of-type(even)>.im{order:0}
.post-feature .thumb{min-height:0;aspect-ratio:16/9}
.entry-content .alignwide{margin-left:0;margin-right:0}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}.post-navigation .nav-links{grid-template-columns:1fr}.post-navigation .nav-next{text-align:left}.search-form{width:100%}}
@media(prefers-reduced-motion:reduce){.menu-btn span,.post-card,.pcard{transition:none}html{scroll-behavior:auto}}
@media print{.site-header,.site-footer,.share,.post-navigation,.related,.comments{display:none}}

/* ---------------------------------------------------------------- products: listing grid & detail page (1.1.0) */
body.daaje-products-area{background:#fff}
.daaje-products-area .hero.small{background:#fff}
.product-list{background:#fff;padding:40px 0 70px}
.canvas .product-list{border-top:0}
.product-chips{margin:0 0 28px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px}
.prod-card .im{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:18px;overflow:hidden}
.prod-card .im img{width:100%;height:100%;max-width:100%;object-fit:contain;transition:transform .5s}
.prod-card:hover .im img{transform:scale(1.04)}
.prod-card .noimg img{width:45%;height:auto;opacity:.45}
.prod-card .t{display:flex;flex-direction:column;flex:1;border-top:1px solid var(--line)}
.prod-card h3{font-size:1.5rem}
.prod-card .more{margin-top:auto;padding-top:6px}
.prod-card .more a{display:inline-block;border-bottom:2px solid transparent;transition:border-color .2s}
.prod-card .more a:hover{border-color:var(--brown)}
.product-hero{padding:34px 0 0}
.product-hero .crumbs{margin:0}
.product-detail{background:#fff;padding:28px 0 70px}
.pd-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:start}
.pd-media{position:sticky;top:96px}
.admin-bar .pd-media{top:128px}
.pd-main{margin:0;background:#fff;border:1px solid var(--line);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}
.pd-main img{width:100%;height:100%;object-fit:contain;transition:opacity .25s}
.pd-main img.is-swapping{opacity:.35}
.pd-noimg img{width:45%;height:auto;opacity:.45}
.pd-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px;margin-top:12px}
.pd-thumb{padding:4px;border:1px solid var(--line);background:#fff;cursor:pointer;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pd-thumb:hover{border-color:var(--sage)}
.pd-thumb.is-active{border:2px solid var(--green);padding:3px}
.pd-info h1{font-size:clamp(2.2rem,4.4vw,3.4rem);margin-bottom:.3em}
.pd-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.pd-cats a{background:var(--sand);padding:3px 12px;border-radius:30px;font-size:.85rem;text-decoration:none;color:var(--ink)}
.pd-content{font-size:1.02rem}
.pd-content>*:first-child{margin-top:0}
.pd-content h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-top:1.2em}
.pd-content h3{font-size:1.3rem}
.pd-content figure.wp-block-table{margin:6px 0 22px}
.pd-content table td{padding:9px 12px}
.pd-content .wp-block-image img{max-height:420px;width:auto}
.pd-actions{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.product-more{background:#fff;border-top:1px solid var(--line)}
.product-more h2{margin-bottom:24px}
@media(max-width:900px){
.pd-grid{grid-template-columns:1fr;gap:30px}
.pd-media{position:static}}
@media(max-width:600px){
.product-grid{grid-template-columns:1fr 1fr;gap:14px}
.prod-card .im{padding:10px}
.prod-card .t{padding:12px 14px 16px}
.prod-card h3{font-size:1.2rem}
.pd-main{padding:12px}}
@media(prefers-reduced-motion:reduce){.prod-card .im img,.pd-main img{transition:none}}