/* === Dropper Saver mockup styles (trail orange #F26419) === */
:root{--ds-ink:#111314;--ds-grey:#f5f4f2;--ds-line:#e6e3df;--ds-orange:#F26419;--ds-orange-d:#d4510c;--ds-muted:#5c5a57;--ds-radius:14px}

/* Header */
#main-header{box-shadow:none;border-bottom:1px solid var(--ds-line)}
#main-header .logo_container img{max-height:46px}
#top-menu li a{font-weight:500;color:var(--ds-ink)}
#top-menu li.current-menu-item>a{color:var(--ds-ink);border-bottom:2px solid var(--ds-orange)}
#top-menu li.ds-menu-cta>a{background:var(--ds-orange);color:#fff!important;border-radius:999px;padding:10px 22px!important;font-weight:700;box-shadow:0 4px 14px rgba(242,100,25,.35)}
#top-menu li.ds-menu-cta>a:hover{background:var(--ds-orange-d);opacity:1}

/* Typography */
h1,h2,h3{letter-spacing:-.01em}
.ds-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;font-weight:800;color:var(--ds-ink)}
.ds-hero h1 em{color:var(--ds-orange-d);font-style:normal}
.ds-kicker{color:var(--ds-orange);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:10px}
.ds-lead{font-size:1.15rem;color:var(--ds-muted);max-width:34em}
.ds-sec{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--ds-ink)}
.ds-sub{color:var(--ds-muted);max-width:46em}
.ds-hero-img img{filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}

/* Buttons */
.ds-btn a.et_pb_button,.ds-btn .et_pb_button{background:var(--ds-orange);color:#fff;border:0;border-radius:999px;font-weight:700;padding:13px 28px!important;box-shadow:0 4px 14px rgba(242,100,25,.35)}
.ds-btn a.et_pb_button:hover,.ds-btn .et_pb_button:hover{background:var(--ds-orange-d);padding:13px 28px!important}
.ds-btn a.et_pb_button:after,.ds-btn .et_pb_button:after{display:none}
.ds-btn-ghost a.et_pb_button,.ds-btn-ghost .et_pb_button{background:transparent;color:var(--ds-ink);border:2px solid var(--ds-ink);border-radius:999px;font-weight:700;padding:11px 26px!important}
.ds-btn-ghost a.et_pb_button:after{display:none}
.ds-btn-ghost a.et_pb_button:hover{background:var(--ds-ink);color:#fff}
.ds-btn-ghost-light a.et_pb_button{background:transparent;color:#fff;border:2px solid #fff;border-radius:999px;font-weight:700;padding:11px 26px!important}
.ds-btn-ghost-light a.et_pb_button:after{display:none}
.ds-btn-block{text-align:center}
.ds-btn-block a.et_pb_button{display:block;width:100%}

/* Trust pill */
.ds-trust-wrap{padding:0!important}
.ds-trust{background:#fff;border:1px solid var(--ds-line);border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.08);margin-top:-30px;position:relative;z-index:5;padding:16px 32px!important}
.ds-trust p{display:flex;flex-wrap:wrap;gap:10px 32px;justify-content:center;font-weight:600;font-size:.92rem;color:var(--ds-ink);margin:0;padding:0}
.ds-trust span:before{content:"\2713";color:var(--ds-orange);font-weight:800;margin-right:8px}

/* Cards */
.ds-card{background:#fff;border:1px solid var(--ds-line);border-radius:var(--ds-radius);padding:24px 26px!important;margin-bottom:16px!important}
.ds-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ds-orange);color:#fff;font-weight:800;margin-right:10px}
.ds-rounded img{border-radius:var(--ds-radius)}

/* Specs list */
ul.ds-specs{list-style:none;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
ul.ds-specs li{padding-left:28px;position:relative;font-weight:500}
ul.ds-specs li:before{content:"\2713";position:absolute;left:0;color:var(--ds-orange);font-weight:800}

/* Testimonials */
.ds-quote{background:#fff!important;border-left:5px solid var(--ds-orange);border-radius:0 var(--ds-radius) var(--ds-radius) 0;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:26px 30px!important}
.ds-quote .et_pb_testimonial_portrait{display:none}
.ds-quote .et_pb_testimonial_description{margin:0}

/* FAQ toggles */
.ds-faq{border:1px solid var(--ds-line)!important;border-radius:12px;background:#fff!important;padding:18px 22px!important;margin-bottom:12px!important}
.ds-faq h5.et_pb_toggle_title,.ds-faq .et_pb_toggle_title{font-weight:700;color:var(--ds-ink)}

/* Buy box */
.ds-buybox{border-radius:0}
.ds-buybox .ds-sec,.ds-buybox h2{color:#fff}
.ds-pill{display:inline-block;background:rgba(242,100,25,.18);color:var(--ds-orange);font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:999px}
.ds-price{font-size:2.6rem;font-weight:800;color:#fff;line-height:1.2}
.ds-price small{font-size:1rem;font-weight:500;color:#cfccc8}
.ds-note{color:#cfccc8;font-size:.92rem}
.ds-buy-text{color:#cfccc8}

/* Contact form */
.ds-contact input,.ds-contact textarea{border:1px solid var(--ds-line);border-radius:10px;background:#fff;padding:14px 16px}
.ds-contact .et_pb_contact_submit{background:var(--ds-orange);color:#fff;border:0;border-radius:999px;font-weight:700;padding:13px 28px}
.ds-contact .et_pb_contact_submit:hover{background:var(--ds-orange-d)}

/* Footer */
#main-footer{background:var(--ds-ink)}
#footer-bottom{background:var(--ds-ink)}
#footer-info,#footer-info a{color:#a9a6a2}
#footer-info a{color:#fff}
#footer-info a:hover{color:var(--ds-orange)}

/* Mobile buy bar */
.ds-mobile-buy{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#fff;border-top:1px solid var(--ds-line);padding:10px 16px;align-items:center;justify-content:space-between;gap:12px}
.ds-mobile-buy .ds-mb-price{font-weight:800;color:var(--ds-ink)}
.ds-mobile-buy a.ds-mb-btn{background:var(--ds-orange);color:#fff;border-radius:999px;padding:9px 20px;font-weight:700;text-decoration:none}
@media(max-width:860px){
  .ds-mobile-buy{display:flex}
  body{padding-bottom:64px}
  ul.ds-specs{grid-template-columns:1fr}
  .ds-trust{border-radius:20px;margin-top:-10px}
}

/* WooCommerce tweaks */
.woocommerce a.button,.woocommerce button.button.alt,.woocommerce #respond input#submit{background:var(--ds-orange)!important;color:#fff!important;border-radius:999px!important;font-weight:700}
.woocommerce button.button.alt:hover{background:var(--ds-orange-d)!important}
.woocommerce div.product p.price{color:var(--ds-ink);font-weight:800;font-size:1.6rem}

/* === Divi 5 converter overrides (backgrounds + buttons) === */
.et_pb_section.ds-hero{background:var(--ds-grey)!important;padding:70px 0 90px!important}
.et_pb_section.ds-trust-wrap{background:transparent!important;padding:0!important}
.et_pb_section.ds-buybox{background:var(--ds-ink)!important;padding:64px 0!important}
/* home: features(3) + testimonials(5) grey; about: section 2 grey */
.home .et_pb_section_3,.home .et_pb_section_5,.page-id-24 .et_pb_section_2{background:var(--ds-grey)!important}
/* Divi 5 puts the class on the anchor itself */
a.et_pb_button.ds-btn{background:var(--ds-orange)!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:700;padding:13px 28px!important;box-shadow:0 4px 14px rgba(242,100,25,.35)}
a.et_pb_button.ds-btn:hover{background:var(--ds-orange-d)!important}
a.et_pb_button.ds-btn-ghost{background:transparent!important;color:var(--ds-ink)!important;border:2px solid var(--ds-ink)!important;border-radius:999px!important;font-weight:700;padding:11px 26px!important}
a.et_pb_button.ds-btn-ghost:hover{background:var(--ds-ink)!important;color:#fff!important}
a.et_pb_button.ds-btn-ghost-light{background:transparent!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;font-weight:700;padding:11px 26px!important}
a.et_pb_button.ds-btn:after,a.et_pb_button.ds-btn-ghost:after,a.et_pb_button.ds-btn-ghost-light:after{display:none!important}
a.et_pb_button.ds-btn-block{display:block;width:100%;text-align:center;margin-bottom:12px}
/* buybox text colors */
.ds-buybox h2,.ds-buybox .ds-sec{color:#fff!important}
.ds-buybox p{color:#cfccc8}

/* Blog archive: horizontal cards — image left, text right */
.blog #sidebar,.archive #sidebar,.category #sidebar{display:none}
.blog #left-area,.archive #left-area,.category #left-area{width:100%;padding-right:0}
.blog #left-area > article,.archive #left-area > article{
  display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto auto 1fr;
  column-gap:26px;align-items:start;
  border:1px solid var(--ds-line);border-radius:var(--ds-radius);overflow:hidden;
  background:#fff;margin-bottom:28px;padding:0 26px 0 0;transition:.15s}
.blog #left-area > article:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.blog .et_pb_post .entry-featured-image-url,.archive .et_pb_post .entry-featured-image-url{
  grid-column:1;grid-row:1 / span 3;margin:0;display:block;height:100%;min-height:200px}
.blog .et_pb_post .entry-featured-image-url img{width:100%;height:100%;object-fit:cover}
.blog .et_pb_post h2.entry-title{grid-column:2;font-size:1.25rem;line-height:1.35;font-weight:700;margin:20px 0 4px;padding:0}
.blog .et_pb_post h2.entry-title a{color:var(--ds-ink)}
.blog .et_pb_post h2.entry-title a:hover{color:var(--ds-orange-d)}
.blog .et_pb_post .post-meta{grid-column:2;padding:0 0 6px;margin:0}
.blog #left-area > article{font-size:.95rem;color:var(--ds-muted);padding-bottom:0}
.blog #left-area > article::after{content:"";grid-column:2;height:22px}
#left-area .post-meta{color:var(--ds-muted);font-size:.85rem}
#left-area .post-meta a{color:var(--ds-muted)}
@media(max-width:860px){
  .blog #left-area > article,.archive #left-area > article{grid-template-columns:1fr;padding:0 20px 20px}
  .blog .et_pb_post .entry-featured-image-url{grid-column:1;grid-row:1;height:auto;min-height:0;margin:0 -20px 14px}
  .blog .et_pb_post h2.entry-title,.blog .et_pb_post .post-meta{grid-column:1}
}
.single #sidebar{display:none}
.single #left-area{width:100%;padding-right:0}
.single .post .entry-title{margin-bottom:6px}

/* Checkout quantity editor */
.ds-qty-wrap{display:inline-flex;align-items:center;margin-left:10px;border:1px solid var(--ds-line);border-radius:999px;overflow:hidden;vertical-align:middle}
.ds-qty-btn{border:0;background:var(--ds-grey);width:30px;height:30px;cursor:pointer;font-weight:700}
.ds-qty-btn:hover{background:var(--ds-orange);color:#fff}
.ds-qty-input{border:0;width:44px;text-align:center;font-weight:700;-moz-appearance:textfield}
.ds-qty-input::-webkit-outer-spin-button,.ds-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.woocommerce-checkout #payment button#place_order{background:var(--ds-orange)!important;border-radius:999px;font-weight:700}

/* Brand the Woo notices */
.woocommerce-message,.woocommerce-info{background:var(--ds-grey)!important;color:var(--ds-ink)!important;border-top:3px solid var(--ds-orange)!important}
.woocommerce-message a.button,.woocommerce-info a.button{background:var(--ds-orange)!important}

/* Checkout readability + product thumbnail */
.woocommerce-checkout h1,.woocommerce-checkout h3{color:var(--ds-ink)}
.woocommerce-checkout form .form-row label{color:var(--ds-ink)!important;font-weight:600;font-size:.9rem}
.woocommerce-checkout form .form-row input.input-text,.woocommerce-checkout form .form-row textarea,.woocommerce-checkout form select{background:#fff!important;color:var(--ds-ink)!important;border:1px solid var(--ds-line)!important;border-radius:10px!important;padding:12px 14px!important}
.woocommerce-checkout form .form-row input.input-text:focus,.woocommerce-checkout form .form-row textarea:focus{outline:2px solid var(--ds-orange)}
.woocommerce-checkout form .form-row ::placeholder{color:#8a8784;opacity:1}
.woocommerce-checkout table.shop_table{border:1px solid var(--ds-line);border-radius:var(--ds-radius);color:var(--ds-ink)}
.woocommerce-checkout table.shop_table th,.woocommerce-checkout table.shop_table td{color:var(--ds-ink)!important}
.woocommerce-checkout #order_review,.woocommerce-checkout #order_review_heading{color:var(--ds-ink)}
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name{font-weight:600}
.ds-co-item{display:inline-flex;align-items:center;gap:12px}
.ds-co-item img{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid var(--ds-line);background:#fff}
.woocommerce-checkout .select2-container--default .select2-selection--single{background:#fff;border:1px solid var(--ds-line);border-radius:10px;height:46px}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ds-ink);line-height:44px}

/* Notice links readable (coupon toggle etc.) */
.woocommerce-message a,.woocommerce-info a,.woocommerce-error a{color:var(--ds-orange-d)!important;font-weight:600;text-decoration:underline}
.woocommerce-form-coupon-toggle .woocommerce-info{color:var(--ds-ink)!important}

/* Kill Divi's vertical sidebar divider site-wide */
#main-content .container:before{display:none!important}
/* Post/body text contrast */
#left-area .entry-content p,.single .post p,.et_pb_post p{color:#3a3835}
.single .post .entry-content h2{color:var(--ds-ink);font-weight:700;margin-top:28px}
/* product page: tidy meta */
.single-product .product_meta{color:var(--ds-muted)}

/* === Single post typography === */
.single-post #left-area{max-width:780px;margin:0 auto;float:none}
.single-post .post .entry-title{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;letter-spacing:-.01em;line-height:1.15;color:var(--ds-ink)}
.single-post #left-area .post-meta{margin-bottom:18px}
.single-post .post .et_featured_image img,.single-post .post > img,.single-post .wp-post-image{border-radius:var(--ds-radius);margin-bottom:8px}
.single-post .entry-content{font-size:1.06rem;line-height:1.75;color:#3a3835}
.single-post .entry-content p{margin-bottom:1.2em}
.single-post .entry-content .ds-lead-p{font-size:1.18rem;color:var(--ds-ink);font-weight:500}
.single-post .entry-content h2{font-size:1.45rem;font-weight:800;color:var(--ds-ink);margin:36px 0 12px;padding-top:10px;position:relative}
.single-post .entry-content h2:before{content:"";display:block;width:44px;height:4px;background:var(--ds-orange);border-radius:2px;margin-bottom:12px}
.single-post .entry-content a{color:var(--ds-orange-d);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.single-post .entry-content a:hover{color:var(--ds-orange)}
.ds-table{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:.95rem}
.ds-table th{background:var(--ds-ink);color:#fff;text-align:left;padding:10px 14px}
.ds-table td{border:1px solid var(--ds-line);padding:10px 14px}
.ds-table tr:nth-child(even) td{background:var(--ds-grey)}
/* end-of-post CTA box */
.ds-post-cta{background:var(--ds-ink);border-radius:var(--ds-radius);padding:28px 30px;margin:40px 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between}
.ds-post-cta .t{color:#fff;font-weight:800;font-size:1.15rem;margin:0}
.ds-post-cta .s{color:#cfccc8;font-size:.92rem;margin:2px 0 0}
.ds-post-cta a.ds-cta-btn{background:var(--ds-orange);color:#fff;font-weight:700;border-radius:999px;padding:12px 26px;text-decoration:none;white-space:nowrap}
.ds-post-cta a.ds-cta-btn:hover{background:var(--ds-orange-d)}
/* hide comment form remnants */
.single-post #comment-wrap,.single-post .comments-area{display:none}

/* CTA box text must beat the entry-content paragraph colour */
.single-post .entry-content .ds-post-cta p.t,.ds-post-cta p.t{color:#fff!important;margin:0}
.single-post .entry-content .ds-post-cta p.s,.ds-post-cta p.s{color:#cfccc8!important;margin:2px 0 0}
.single-post .entry-content .ds-post-cta a.ds-cta-btn{color:#fff!important;text-decoration:none!important}

/* Final word on notice readability (Divi paints these with the accent colour) */
body .woocommerce-info,body .woocommerce-message{background:var(--ds-grey)!important;color:var(--ds-ink)!important;border-top:3px solid var(--ds-orange)!important}
body .woocommerce-info a,body .woocommerce-message a{color:var(--ds-orange-d)!important}
