/* Product actions share one layout and motion source. */
.realArButton{display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer}
.card [data-product-actions]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"cart cart" "ar ar" "whatsapp share";gap:10px;margin-top:18px;direction:rtl}
.card [data-product-actions] .btn{position:relative;isolation:isolate;overflow:hidden;display:flex!important;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:60px;padding:12px 14px;border:1px solid #976238!important;border-radius:16px;background:linear-gradient(145deg,#fffaf2,#e9d7bd)!important;color:#382719!important;-webkit-text-fill-color:#382719!important;font-size:clamp(11px,1.2vw,15px);font-weight:800;line-height:1.5;box-shadow:inset 0 1px 1px #fff9,0 3px 9px #40251020;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.card [data-product-actions] .btn::before{content:"";flex:0 0 25px;width:25px;height:25px;background:#84542f;mask:var(--action-icon) center/contain no-repeat;transition:transform .24s ease}
.card [data-product-actions] .btn::after{content:"";pointer-events:none;position:absolute;inset:-45% -65%;z-index:-1;background:linear-gradient(115deg,transparent 38%,#fff8 50%,transparent 62%);opacity:0;transform:translateX(-45%);transition:transform .55s ease,opacity .35s ease}
.card [data-product-actions] [data-add-cart]{grid-area:cart}
.card [data-product-actions] [data-html-click="action3"]{grid-area:whatsapp;flex-direction:row-reverse}
.card [data-product-actions] [data-share-product]{grid-area:share;flex-direction:row-reverse}
.card [data-product-actions] .realArButton{grid-area:ar}
.card [data-product-actions] .altDesignBtn{grid-area:design}
.card [data-product-actions] [data-add-cart],.card [data-product-actions] .realArButton{border-color:#e7be78!important;background:linear-gradient(145deg,#7a4b28,#321d10)!important;color:#fff4e4!important;-webkit-text-fill-color:#fff4e4!important;box-shadow:inset 0 1px 3px #fff5,0 0 0 1px #edce9655,0 4px 12px #5432183d}
.card [data-product-actions] [data-add-cart]::before,.card [data-product-actions] .realArButton::before{background:#edc587}
.card [data-product-actions] .realArButton,.card [data-product-actions] .altDesignBtn{flex-direction:row-reverse;padding-inline-start:30px;padding-inline-end:14px}
.card [data-product-actions] [data-add-cart]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h2l3%2013h11l2-10H6M9%2021h.01M18%2021h.01%22%2F%3E%3C%2Fsvg%3E")}
.card [data-product-actions] [data-html-click="action3"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a9%209%200%200%201-13.2%208L3%2021l1.5-4.8A9%209%200%201%201%2021%2011.5Z%22%2F%3E%3Cpath%20d%3D%22M8.5%207.5c-.8%201.5.4%204%202.1%205.7%201.7%201.7%204.2%202.9%205.7%202.1l.7-1.5-2.5-1.3-1%201c-1.8-.9-2.9-2-3.8-3.8l1-1-1.3-2.5Z%22%2F%3E%3C%2Fsvg%3E")}
.card [data-product-actions] [data-share-product]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m8.2%2010.7%207.6-4.4m-7.6%207%207.6%204.4%22%2F%3E%3C%2Fsvg%3E")}
.card [data-product-actions] .realArButton{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%202H4a2%202%200%200%200-2%202v4m14-6h4a2%202%200%200%201%202%202v4M2%2016v4a2%202%200%200%200%202%202h4m14-6v4a2%202%200%200%201-2%202h-4M12%206l6%203.5v7L12%2020l-6-3.5v-7Zm0%207%206-3.5M12%2013%206%209.5m6%203.5v7%22%2F%3E%3C%2Fsvg%3E")}
.card [data-product-actions] .altDesignBtn{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%209%205v10l-9%205-9-5V7Zm0%2010%209-5M12%2012%203%207m9%205v10%22%2F%3E%3C%2Fsvg%3E")}
.card [data-product-actions] .realArButton{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e7be78%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%204%208%208-8%208%22%2F%3E%3C%2Fsvg%3E") right 10px center/15px 18px no-repeat,linear-gradient(145deg,#7a4b28,#321d10)!important}
.card [data-product-actions] .altDesignBtn{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e7be78%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%204%208%208-8%208%22%2F%3E%3C%2Fsvg%3E") right 10px center/15px 18px no-repeat,linear-gradient(145deg,#fffaf2,#e9d7bd)!important}
@media(hover:hover){.card [data-product-actions] .btn:hover:not(:disabled){transform:translateY(-3px);border-color:#d4a45f!important;box-shadow:inset 0 1px 3px #fff8,0 0 14px #d6ad6e55,0 7px 15px #40251030}.card [data-product-actions] .btn:hover:not(:disabled)::before{transform:translateY(-1px) scale(1.08)}.card [data-product-actions] .btn:hover:not(:disabled)::after{opacity:.8;transform:translateX(45%)}}
.card [data-product-actions] .btn:active:not(:disabled){transform:translateY(1px) scale(.98)}
.card [data-product-actions] .btn:focus-visible{outline:3px solid #bc8748;outline-offset:3px}
.card [data-product-actions] .btn:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){.card [data-product-actions]{gap:7px}.card [data-product-actions] .btn{min-height:54px;padding:9px 7px;font-size:11px;border-radius:13px;gap:6px}.card [data-product-actions] .btn::before{flex-basis:19px;width:19px;height:19px}.card [data-product-actions] .realArButton,.card [data-product-actions] .altDesignBtn{padding-inline-start:23px;padding-inline-end:7px;background-position:right 6px center!important;background-size:11px 15px,auto!important}}
@media(prefers-reduced-motion:reduce){.card [data-product-actions] .btn,.card [data-product-actions] .btn::before,.card [data-product-actions] .btn::after{transition:none}.card [data-product-actions] .btn:hover:not(:disabled),.card [data-product-actions] .btn:active:not(:disabled),.card [data-product-actions] .btn:hover:not(:disabled)::before{transform:none}.card [data-product-actions] .btn::after{content:none}}

/* Primary purchase, room preview, then secondary contact/share actions. */
.card [data-product-actions]{gap:12px}
.card [data-product-actions] .btn{min-height:46px;border-radius:14px;background:#fffdfa!important;box-shadow:none;flex-direction:row}
.card [data-product-actions] [data-add-cart]{min-height:58px;background:linear-gradient(145deg,#704725,#321d10)!important;color:#fff4e4!important;-webkit-text-fill-color:#fff4e4!important;border-color:#c49b5c!important;box-shadow:0 3px 8px #4025101c}
.card [data-product-actions] .realArButton{min-height:58px;flex-direction:row;padding-inline:36px;background:#f3e9da!important;color:#49301e!important;-webkit-text-fill-color:#49301e!important;border-color:#8b5c37!important;box-shadow:none}
.card [data-product-actions] .realArButton::before{background:#84542f}
.card [data-product-actions] .realArButton::after{content:"‹";inset:auto;left:16px;top:50%;transform:translateY(-50%);z-index:auto;background:none;color:#84542f;opacity:1;font-size:26px;line-height:1}
.card [data-product-actions] .realArButton:hover:not(:disabled)::after{transform:translateY(-50%);opacity:1}
@media(max-width:600px){
 .card [data-product-actions]{gap:10px}
 .card [data-product-actions] .btn{font-size:13px;min-height:46px;padding:10px;border-radius:12px}
 .card [data-product-actions] [data-add-cart],.card [data-product-actions] .realArButton{min-height:56px;font-size:14px}
 .card [data-product-actions] .realArButton{padding-inline:32px}
}