.simple-crumb{display:flex;align-items:center;gap:10px;color:#a99780;font-size:12px;flex-wrap:wrap;margin-bottom:34px}.simple-crumb a{color:#cfa46d}.simple-crumb a:hover{color:#f2d2a7}.product-overview{padding:55px 0 72px;background:radial-gradient(circle at 12% 35%,#46301f,transparent 35%),#211a14}.product-overview-grid{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:70px}.product-overview-copy h1,.reading-header h1,.blog-index-head h1{font-size:clamp(38px,4.7vw,64px);line-height:1.3;margin:12px 0 20px;color:#f4eadd}.product-overview-copy>p{font-size:18px;max-width:550px;margin:0}.product-overview-image{height:430px;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 22px 60px #0005}.product-overview-image.p1,.related-thumb.p1{background-image:url('/assets/date-mazafati.webp')}.product-overview-image.p2,.related-thumb.p2{background-image:url('/assets/date-piarom.webp')}.product-overview-image.p3,.related-thumb.p3{background-image:url('/assets/date-medjool.webp')}.overview-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #695039;border-bottom:1px solid #695039;margin:30px 0 24px}.overview-facts div{padding:15px 10px;border-left:1px solid #695039}.overview-facts div:last-child{border-left:0}.overview-facts small,.overview-facts strong{display:block}.overview-facts small{color:#b6a590;font-size:11px;margin-bottom:5px}.overview-facts strong{font-size:13px;color:#ead4b7}.overview-link{color:#d9a96d;font-weight:700;font-size:14px}.overview-link span{font-size:18px;margin-right:10px}.product-reading{padding:76px 0;scroll-margin-top:25px}.product-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:70px;align-items:start}.product-prose{max-width:800px}.product-prose h2{font-size:clamp(28px,3vw,40px);margin:12px 0 25px}.product-prose>p{font-size:16px;line-height:2.25;margin:0 0 22px;color:#d6c8b7}.product-prose .product-prose-note{font-size:12px;color:#9c8b78;border-top:1px solid #5f4932;padding-top:20px;margin-top:30px}.product-sidebar{background:#2b2119;border:1px solid #604933;border-radius:13px;padding:25px;position:sticky;top:25px}.product-sidebar h3{font-size:20px;margin:0 0 17px}.product-sidebar dl{margin:0}.product-sidebar dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #56412e;padding:12px 0}.product-sidebar dt{color:#a89884;font-size:12px}.product-sidebar dd{margin:0;font-size:13px;color:#f0d7b5;text-align:left}.care-note{background:#37291c;border-radius:9px;padding:17px;margin-top:18px}.care-note strong{color:#d7aa70;font-size:13px}.care-note p{font-size:12px;margin:6px 0 0}.product-sidebar>a{display:block;color:#d9a96d;font-size:13px;margin-top:20px}.comments.section{padding:70px 0;background:#211a14;scroll-margin-top:20px}.comments .section-heading{margin-bottom:20px}.related-section{padding:65px 0 85px}.related-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.related-heading h2{font-size:27px;margin:0}.related-heading>a{color:#d5a469;font-size:13px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related-item{display:flex;align-items:center;gap:17px;padding:12px;background:#2a2119;border:1px solid #5b432e;border-radius:12px;color:#f0e5d8;transition:border-color .2s,transform .2s}.related-item:hover{border-color:#bf925b;transform:translateY(-2px)}.related-item img,.related-thumb{display:block;width:84px;height:76px;object-fit:cover;background-size:cover;background-position:center;border-radius:8px;flex:none}.related-item span:nth-child(2){flex:1;min-width:0}.related-item small,.related-item strong{display:block}.related-item small{font-size:11px;color:#bc9e78;margin-bottom:5px}.related-item strong{font-size:15px}.related-item b{color:#d5a469;font-size:19px}.blog-index-head{padding:62px 0 55px;background:radial-gradient(circle at 12% 30%,#442e1e,transparent 35%),#211a14}.blog-index-head h1{margin-bottom:10px}.blog-index-head p{font-size:17px;margin:0;max-width:680px}.blog-index-body{padding:65px 0 88px}.blog-index-body .blog-card-image{height:205px}.blog-index-body .blog-card-body{padding:22px 26px}.blog-index-body .blog-card p{min-height:0}.reading-page{padding:52px 0 82px}.reading-wrap{max-width:900px}.reading-header{margin-bottom:35px}.reading-header h1{font-size:clamp(36px,4.3vw,58px);margin:13px 0 15px}.reading-header>p{font-size:18px;margin:0}.reading-cover{margin:0 0 48px;border-radius:16px;overflow:hidden;height:390px}.reading-cover img{width:100%;height:100%;object-fit:cover}.reading-content{max-width:740px;margin:auto}.reading-content section{padding:0 0 24px;margin:0 0 30px;border-bottom:1px solid #58432e;scroll-margin-top:25px}.reading-content h2{font-size:26px;margin:0 0 13px}.reading-content section p{font-size:16px;line-height:2.2;margin:0}.reading-end{border-right:3px solid #c9995d;background:#302419;padding:21px 25px;border-radius:8px;margin-bottom:28px}.reading-end strong{color:#e4b77c}.reading-end p{margin:7px 0 0;font-size:14px}.reading-back{color:#d4a363;font-size:14px}.reading-page+.comments{border-top:1px solid #493727}@media(max-width:850px){.product-overview-grid{gap:35px}.product-reading-grid{gap:35px;grid-template-columns:minmax(0,1fr) 235px}}@media(max-width:700px){.product-overview{padding:35px 0 52px}.simple-crumb{margin-bottom:23px}.product-overview-grid{grid-template-columns:1fr;gap:27px}.product-overview-image{height:310px;order:-1}.product-overview-copy h1{font-size:37px}.product-overview-copy>p{font-size:15px}.overview-facts{margin:23px 0 18px}.overview-facts div{padding:12px 7px}.overview-facts strong{font-size:11px}.product-reading{padding:54px 0}.product-reading-grid{grid-template-columns:1fr;gap:25px}.product-prose>p{font-size:15px;line-height:2.15}.product-sidebar{position:static}.related-section{padding:50px 0 68px}.related-grid{grid-template-columns:1fr}.related-heading h2{font-size:22px}.related-item img,.related-thumb{width:72px;height:67px}.blog-index-head{padding:42px 0}.blog-index-body{padding:45px 0 65px}.reading-page{padding:36px 0 60px}.reading-header h1{font-size:34px}.reading-header>p{font-size:15px}.reading-cover{height:235px;margin-bottom:35px}.reading-content h2{font-size:23px}.reading-content section p{font-size:15px}.comments.section{padding:55px 0}}
.blog-index-head{padding:43px 0 46px}.blog-index-head .simple-crumb{margin-bottom:20px}.blog-index-head h1{font-size:clamp(36px,4vw,52px)}
