@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@400;600;700&display=swap');
:root{--do-bg:#0A1628;--do-card:#0F2035;--do-hover:#1A2D45;--do-teal:#00D4AA;--do-teal-glow:rgba(0,212,170,0.15);--do-text:#E8ECF1;--do-muted:#8B95A5;--do-border:rgba(255,255,255,0.08);--do-r:12px}
body,html{background:var(--do-bg)!important;color:var(--do-text)!important;font-family:'DM Sans',sans-serif!important;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif!important;color:#fff!important;font-weight:700}
a{color:var(--do-teal);transition:color .2s}a:hover{color:#00FFD0}
::selection{background:var(--do-teal);color:var(--do-bg)}
header,[data-id="header"]{background:var(--do-bg)!important;border-bottom:1px solid var(--do-border)!important}
header a,nav a{color:var(--do-text)!important;font-family:'DM Sans',sans-serif!important;font-weight:500!important}
header a:hover,nav a:hover{color:var(--do-teal)!important}
.ct-header-cart .ct-cart-count{background:var(--do-teal)!important;color:var(--do-bg)!important}
.site-main,.entry-content,.site-content,main,.ct-container{background:var(--do-bg)!important}
.product,.wc-block-grid__product{background:var(--do-card)!important;border:1px solid var(--do-border)!important;border-radius:var(--do-r)!important;overflow:hidden;transition:all .3s!important}
.product:hover{border-color:var(--do-teal)!important;box-shadow:0 8px 30px rgba(0,212,170,.1)!important;transform:translateY(-4px)}
.woocommerce-loop-product__title,.wc-block-grid__product-title{color:#fff!important;font-family:'DM Sans',sans-serif!important;font-weight:600!important}
.price,.woocommerce-Price-amount{color:var(--do-teal)!important;font-weight:700!important}
.price del{color:var(--do-muted)!important;opacity:.6}
.add_to_cart_button,.single_add_to_cart_button,button.button,.wp-block-button__link,.wp-element-button{background:var(--do-teal)!important;color:var(--do-bg)!important;border:none!important;border-radius:8px!important;font-family:'DM Sans',sans-serif!important;font-weight:600!important;text-transform:none!important;transition:all .25s!important}
.add_to_cart_button:hover,.single_add_to_cart_button:hover,button.button:hover{background:#00FFD0!important;box-shadow:0 4px 20px rgba(0,212,170,.3)!important;transform:translateY(-1px)}
.single-product .summary,.single-product .product{background:var(--do-bg)!important}
.woocommerce-tabs,.wc-tabs,.wc-tab{background:var(--do-card)!important;border-color:var(--do-border)!important;color:var(--do-text)!important;border-radius:var(--do-r)!important}
.wc-tabs li a{color:var(--do-muted)!important}.wc-tabs li.active a{color:var(--do-teal)!important;border-color:var(--do-teal)!important}
.widget-area,.sidebar,#secondary{background:var(--do-card)!important;border-radius:var(--do-r)!important;padding:20px!important;border:1px solid var(--do-border)!important}
.widget-title,.widgettitle{color:#fff!important;font-family:'DM Sans',sans-serif!important;font-weight:600!important}
select,input,textarea{background:var(--do-bg)!important;color:var(--do-text)!important;border:1px solid var(--do-border)!important;border-radius:8px!important}
input:focus,textarea:focus{border-color:var(--do-teal)!important;box-shadow:0 0 0 3px var(--do-teal-glow)!important;outline:none!important}
.woocommerce-breadcrumb a{color:var(--do-teal)!important}
.woocommerce-pagination .current,.page-numbers .current{background:var(--do-teal)!important;color:var(--do-bg)!important}
.woocommerce table.shop_table,.cart_totals,.checkout{background:var(--do-card)!important;color:var(--do-text)!important;border-color:var(--do-border)!important;border-radius:var(--do-r)!important}
.shop_table th{color:#fff!important}.shop_table td{color:var(--do-text)!important;border-color:var(--do-border)!important}
#place_order,.checkout-button,.wc-proceed-to-checkout .button{background:var(--do-teal)!important;color:var(--do-bg)!important;border:none!important;border-radius:10px!important;font-size:16px!important;font-weight:700!important;padding:16px 32px!important}
#place_order:hover{background:#00FFD0!important;box-shadow:0 6px 25px rgba(0,212,170,.3)!important}
footer,.site-footer{background:#060E1A!important;color:var(--do-muted)!important;border-top:1px solid var(--do-border)!important}
footer h1,footer h2,footer h3,footer h4{color:#fff!important;font-family:'DM Sans',sans-serif!important}
footer a{color:var(--do-muted)!important}footer a:hover{color:var(--do-teal)!important}
article.post{background:var(--do-card)!important;border:1px solid var(--do-border)!important;border-radius:var(--do-r)!important}
.entry-title a{color:#fff!important}.entry-title a:hover{color:var(--do-teal)!important}
.entry-meta{color:var(--do-muted)!important}
.woocommerce-message,.woocommerce-info{background:var(--do-card)!important;border-color:var(--do-teal)!important;color:var(--do-text)!important}
.onsale{background:#FF6B6B!important;color:#fff!important;border-radius:6px!important;font-weight:700}
.star-rating span::before{color:#FFD700!important}
.do-hero{background:linear-gradient(135deg,#0A1628 0%,#0F2035 50%,#0A1628 100%);position:relative;overflow:hidden;padding:80px 20px;text-align:center}
.do-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(0,212,170,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(0,184,148,.06) 0%,transparent 60%);animation:heroGlow 8s ease-in-out infinite alternate}
@keyframes heroGlow{0%{transform:translate(0,0)}100%{transform:translate(-3%,3%)}}
.do-hero h1{font-size:clamp(32px,5vw,56px)!important;color:#fff!important;margin-bottom:16px;position:relative;z-index:1}
.do-hero h1 span{color:var(--do-teal)}
.do-hero p{font-size:clamp(16px,2vw,20px);color:var(--do-muted);max-width:600px;margin:0 auto 32px;position:relative;z-index:1}
.do-hero-cta{display:inline-block;padding:16px 40px;background:var(--do-teal);color:var(--do-bg)!important;font-weight:700;font-size:17px;border-radius:10px;text-decoration:none;position:relative;z-index:1;transition:all .3s}
.do-hero-cta:hover{background:#00FFD0;color:var(--do-bg)!important;box-shadow:0 8px 30px rgba(0,212,170,.35);transform:translateY(-2px)}
.do-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--do-card);border-top:1px solid var(--do-border);border-bottom:1px solid var(--do-border)}
.do-trust-badge{padding:24px 16px;text-align:center;border-right:1px solid var(--do-border)}.do-trust-badge:last-child{border-right:none}.do-trust-badge .icon{font-size:28px;margin-bottom:8px}.do-trust-badge strong{color:#fff;font-size:14px;display:block}.do-trust-badge span{color:var(--do-muted);font-size:12px}
.do-section-title{text-align:center;padding:60px 20px 30px}.do-section-title h2{font-size:36px!important;margin-bottom:10px}.do-section-title p{color:var(--do-muted);font-size:16px;max-width:500px;margin:0 auto}
.do-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 40px 60px;max-width:1200px;margin:0 auto}
.do-cat-card{background:var(--do-card);border:1px solid var(--do-border);border-radius:var(--do-r);padding:32px 24px;text-align:center;text-decoration:none;transition:all .3s;display:block}
.do-cat-card:hover{border-color:var(--do-teal);box-shadow:0 8px 30px rgba(0,212,170,.1);transform:translateY(-4px)}
.do-cat-card .cat-icon{width:56px;height:56px;background:var(--do-teal-glow);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}
.do-cat-card h3{font-family:'DM Sans',sans-serif!important;font-size:17px!important;color:#fff!important;margin-bottom:6px}.do-cat-card p{color:var(--do-muted);font-size:13px;margin:0}
.do-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:0 auto;padding:0 40px 60px}
.do-why-card{background:var(--do-card);border:1px solid var(--do-border);border-radius:var(--do-r);padding:36px 28px}.do-why-card h3{font-family:'DM Sans',sans-serif!important;font-size:20px!important;color:#fff!important;margin-bottom:12px}.do-why-card p{color:var(--do-muted);line-height:1.7}
.do-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;padding:0 40px 60px}
.do-testimonial{background:var(--do-card);border:1px solid var(--do-border);border-radius:var(--do-r);padding:28px}.do-testimonial .stars{color:#FFD700;margin-bottom:12px;font-size:16px}.do-testimonial p{color:var(--do-text);font-style:italic;line-height:1.6;margin-bottom:16px}.do-testimonial .author{color:var(--do-muted);font-size:13px;font-weight:600}
.do-newsletter{background:linear-gradient(135deg,#0F2035 0%,#0A1628 100%);border-top:1px solid var(--do-border);border-bottom:1px solid var(--do-border);text-align:center;padding:60px 20px}.do-newsletter h2{color:#fff!important;font-size:28px!important;margin-bottom:8px}.do-newsletter p{color:var(--do-muted);margin-bottom:24px}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--do-bg)}::-webkit-scrollbar-thumb{background:#1A2D45;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--do-teal)}
@media(max-width:768px){.do-trust-strip{grid-template-columns:repeat(2,1fr)}.do-categories{grid-template-columns:1fr 1fr;padding:40px 20px}.do-why-grid,.do-testimonials{grid-template-columns:1fr;padding:0 20px 40px}.do-hero{padding:50px 20px}}
@media(max-width:480px){.do-categories{grid-template-columns:1fr}}

/* === FIXES === */

/* Hide page title on homepage */
.page-id-21 .entry-title,
.page-id-21 .page-title,
.page-id-21 > .ct-container > header,
.page-id-21 h1.wp-block-post-title,
body.page-id-21 .entry-header,
body.home .entry-title,
body.home .page-title {
  display: none !important;
}

/* Full-width homepage content — remove side margins/padding */
.page-id-21 .entry-content,
body.home .entry-content {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

/* Fix hero full width */
.do-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 100px 20px !important;
}

/* Fix trust strip full width */
.do-trust-strip {
  width: 100% !important;
  max-width: 100% !important;
}

/* Fix category cards visibility — ensure no overflow hidden cutting them */
.do-categories {
  overflow: visible !important;
  padding-bottom: 80px !important;
}

.do-cat-card {
  overflow: visible !important;
  min-height: 160px;
}

/* Fix dropdown menu in nav */
.sub-menu, ul.sub-menu {
  background: var(--do-card) !important;
  border: 1px solid var(--do-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
  padding: 8px 0 !important;
}

.sub-menu li a {
  color: var(--do-text) !important;
  padding: 8px 20px !important;
}

.sub-menu li a:hover {
  color: var(--do-teal) !important;
  background: var(--do-hover) !important;
}

/* Blocksy specific: remove content container constraints on homepage */
.page-id-21 .ct-container,
body.home .ct-container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Keep inner sections centered */
.do-section-title,
.do-why-grid,
.do-testimonials {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Newsletter section full width */
.do-newsletter {
  width: 100% !important;
}
