.elementor .e-815e8b8-5f32899{display:flex;flex-direction:column;flex:1 0 auto;}.elementor .e-94baa3c-032ab14{width:50%;flex-direction:column;}.elementor .e-1e46f14-09f28fa{width:50%;flex-direction:column;/* ================================================================
 PRODUCT HIGHLIGHTS / SPECIFICATIONS — CUSTOM CSS
 Drop this into your theme's custom CSS (no HTML changes needed).
 Accent color: #02c694
 ================================================================ */

:root{
--brand:       #02c694;
--brand-dark:  #019d78;
--brand-tint:  #e6faf4;
--ink:         #12211d;
--sub:         #5c6b67;
--line:        #e3ece8;
}

/* ---------- OUTER WRAPPER ---------- */
.elementor-element-1e46f14{
max-width: 640px;
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
color: var(--ink);
}

/* ---------- PRODUCT TITLE (h2) ---------- */
.elementor-element-1f6c9cb .elementor-heading-title{
font-size: 22px;
line-height: 1.4;
font-weight: 700;
color: var(--ink);
margin: 0 0 20px;
}

/* ---------- "Product highlights" eyebrow label ---------- */
.v1zwn22{
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--brand-dark);
margin-bottom: 12px;
padding-left: 12px;
position: relative;
}
.v1zwn22::before{
content: "";
position: absolute;
left: 0;
top: 2px;
width: 4px;
height: 14px;
background: var(--brand);
border-radius: 3px;
}

/* ---------- TOP HIGHLIGHTS GRID (Design / Sales Package / Brand / Model...) ---------- */
.grid-formation.grid-column-2{
display: inline-block;
width: 50%;
vertical-align: top;
box-sizing: border-box;
padding: 10px 14px 10px 0;
}

/* row wrapper: label on top, value below */
.grid-formation.grid-column-2 > div{
background: #fafdfc;
border: 1px solid var(--line);
border-radius: 10px;
padding: 10px 14px;
min-height: 56px;
}

/* label = first text row, value = second text row (same class reused) */
.grid-formation.grid-column-2 .v1zwn21l.v1zwn25{
display: block;
font-size: 14px;
line-height: 1.4;
}
.grid-formation.grid-column-2 .v1zwn21l.v1zwn25:first-child{
font-size: 12px;
font-weight: 600;
color: var(--sub);
margin-bottom: 2px;
}
.grid-formation.grid-column-2 .v1zwn21l.v1zwn25:last-child{
font-weight: 700;
color: var(--ink);
}

/* hide the blank spacer cells (empty " " placeholders) */
.grid-formation.grid-column-2 > ._1o6mltljo._1o6mltlgj._1o6mltlbm._1o6mltl1s._1o6mltl6p{
display: none;
}

/* ---------- SUBSECTIONS: Wall Decoration Features / In the Box / General ---------- */
.grid-formation.grid-column-1{
display: block;
width: 100%;
margin-top: 24px;
}

/* subsection heading e.g. "General" */
.v1zwn24{
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--brand-dark);
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 8px;
}
.v1zwn24::before{
content: "";
width: 4px;
height: 16px;
background: var(--brand);
border-radius: 3px;
display: inline-block;
}

/* each spec row */
.grid-formation-dynamic{
border-bottom: 1px solid var(--line);
}
.grid-formation-dynamic > div{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
padding: 12px 6px;
border-radius: 8px;
transition: background .15s ease;
}
.grid-formation-dynamic > div:hover{
background: var(--brand-tint);
}

/* label (bold, muted) */
.v1zwn21m.v1zwn27{
flex: 0 0 42%;
font-size: 13px;
font-weight: 600;
color: var(--sub);
}

/* value (dark, right-aligned block) */
.v1zwn21l.v1zwn26{
flex: 1;
font-size: 14px;
font-weight: 500;
color: var(--ink);
line-height: 1.5;
text-align: right;
}

/* ================================================================
 MOBILE VIEW
 ================================================================ */
@media (max-width: 768px){

.elementor-element-1e46f14{
  max-width: 100%;
  padding: 0 16px;
}

.elementor-element-1f6c9cb .elementor-heading-title{
  font-size: 18px;
}

/* stack the highlight cards to one column */
.grid-formation.grid-column-2{
  display: block;
  width: 100%;
  padding: 0 0 10px 0;
}

/* spec rows: label above value instead of side-by-side */
.grid-formation-dynamic > div{
  flex-direction: column;
  gap: 2px;
  padding: 10px 6px;
}
.v1zwn21m.v1zwn27{
  flex: none;
}
.v1zwn21l.v1zwn26{
  flex: none;
  text-align: left;
}

.grid-formation.grid-column-1{
  margin-top: 18px;
}
}

@media (max-width: 420px){
.elementor-element-1f6c9cb .elementor-heading-title{
  font-size: 16px;
}
.v1zwn22, .v1zwn24{
  font-size: 12px;
}
}\n}.elementor .e-14727b4-dc30e2c{margin-block-start:30px;margin-inline-end:30px;flex-direction:row;}.elementor .e-47447e8{flex-direction:column;/* ==========================================================================
 Product Detail Page — Mobile View Fixes (max-width: 767px)  v2

 NOTE: switched from class selectors to [data-id] attribute selectors.
 Elementor's flexbox classes (e-47447e8, e-14727b4-dc30e2c, etc.) are
 auto-generated hashes tied to the current style revision and can silently
 stop matching after any save in the editor — which is almost certainly
 why the previous version didn't stack on your device. data-id is stable.

 Structure enforced:
 1. Main image + secondary image + carousel → single full-width column
 2. Title + Product Highlights → separate full-width section BELOW the
    gallery (not beside it)
 ========================================================================== */

@media (max-width: 767px) {

/* ---- Outer wrapper: force column stacking, full width ---- */
[data-id="7eb73aa"] {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  gap: 24px !important;
}

/* ---- Gallery column (images + carousel) ---- */
[data-id="14727b4"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  order: 1 !important;
  gap: 12px !important;
}

/* Main + secondary product images: stacked, full width */
[data-id="94baa3c"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  gap: 12px !important;
}

[data-id="94baa3c"] .elementor-widget-image {
  width: 100% !important;
}

[data-id="94baa3c"] .elementor-widget-image img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* Thumbnail carousel: full width */
[data-id="815e8b8"] {
  width: 100% !important;
}

[data-id="545a6ad"] {
  width: 100% !important;
  max-width: 100% !important;
}

[data-id="545a6ad"] .elementor-image-carousel-wrapper {
  width: 100% !important;
  padding: 0 26px !important;
  box-sizing: border-box !important;
}

[data-id="545a6ad"] .swiper-slide,
[data-id="545a6ad"] .swiper-slide-inner,
[data-id="545a6ad"] .swiper-slide-image {
  width: 100% !important;
  height: 80px !important;
  object-fit: cover !important;
}

[data-id="545a6ad"] .elementor-swiper-button {
  width: 24px !important;
  height: 24px !important;
}

[data-id="545a6ad"] .elementor-swiper-button svg {
  width: 14px !important;
  height: 14px !important;
}

[data-id="545a6ad"] .swiper-pagination-bullet {
  width: 6px !important;
  height: 6px !important;
  margin: 0 3px !important;
}

/* ---- Detail / info section: separate block BELOW the gallery ---- */
[data-id="1e46f14"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  order: 2 !important;
  padding: 20px 0 0 0 !important;
  border-top: 1px solid #eceef2 !important;
  gap: 12px !important;
}

[data-id="1f6c9cb"] .elementor-heading-title {
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
  text-align: left !important;
}

/* Product highlights label */
[data-id="a94c420"] {
  width: 100% !important;
}

[data-id="a94c420"] .grid-formation,
[data-id="a94c420"] .grid-formation-dynamic {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #eceef2 !important;
}

[data-id="a94c420"] .grid-column-2 {
  grid-template-columns: none !important;
}

[data-id="a94c420"] [class*="v1zwn21m"],
[data-id="a94c420"] [class*="v1zwn21l"] {
  font-size: 13px !important;
  line-height: 1.5 !important;
  word-break: break-word !important;
  white-space: normal !important;
}

[data-id="a94c420"] [class*="v1zwn21m"] {
  font-weight: 700 !important;
  opacity: 0.7 !important;
  margin-bottom: 2px !important;
}

[data-id="a94c420"] [class*="v1zwn21l"][class*="v1zwn24"] {
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 14px 0 6px 0 !important;
}

}\n}