.single-product div.product.product {
    width: min(100% - 36px, 1240px);
    max-width: 1240px;
    margin: 72px auto 0 !important;
}

.single-product .site-main .drah-container > div.product.product {
    width: 100%;
    margin-top: 0 !important;
}

.single-product .product_meta {
    display: none !important;
}

.single-product .drah-product-custom-fields {
    grid-column: 1 / -1;
    direction: rtl;
    margin: 4px 0 10px;
    padding: 22px;
    background: rgba(247,243,238, .04);
    border: 1px solid rgba(17,17,17, .26);
    border-radius: 10px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .15);
    text-align: right;
}

.single-product .drah-product-custom-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(17,17,17, .08);
}

.single-product .drah-product-custom-head strong {
    color: #f7f3ee;
    font: 900 1.08rem var(--drah-font), sans-serif;
}

.single-product .drah-product-custom-head span {
    color: rgba(247,243,238, .55);
    font: 600 .84rem/1.6 var(--drah-font), sans-serif;
}

.single-product .drah-product-custom-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.single-product .drah-product-custom-field {
    display: grid;
    gap: 7px;
    margin: 0 0 12px;
    color: rgba(247,243,238, .8);
    font: 900 .88rem var(--drah-font), sans-serif;
}

.single-product .drah-product-custom-field small {
    color: rgba(247,243,238, .45);
    font: 600 .76rem/1.55 var(--drah-font), sans-serif;
}

.single-product .drah-product-custom-field span b {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    margin-right: 6px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(17,17,17, .16);
    color: #171717;
    font: 900 .68rem/1 var(--drah-font), sans-serif;
}

.single-product .drah-product-custom-field input,
.single-product .drah-product-custom-field select,
.single-product .drah-product-custom-field textarea {
    width: 100%;
    min-height: 52px;
    border: 1px solid rgba(17,17,17, .2);
    border-radius: 8px;
    background: rgba(247,243,238, .06);
    color: #f7f3ee;
    padding: 10px 14px;
    box-shadow: none;
    font: 700 .94rem var(--drah-font), sans-serif;
}

.single-product .drah-product-custom-field input::placeholder,
.single-product .drah-product-custom-field textarea::placeholder {
    color: rgba(17,17,17, .42);
    font-weight: 500;
    opacity: 1;
}

.single-product .drah-product-custom-field textarea {
    resize: vertical;
    line-height: 1.7;
}

.single-product .drah-product-inquiry {
    grid-column: 1 / -1;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(37, 211, 102, .34);
    border-radius: 8px;
    background: rgba(37, 211, 102, .08);
    color: #136f36;
    font: 900 .95rem var(--drah-font), sans-serif;
    text-align: center;
    transition: .2s ease;
}

.single-product .drah-product-inquiry:hover {
    border-color: #25d366;
    background: #25d366;
    color: #fff;
    transform: translateY(-2px);
}

.single-product .drah-product-custom-summary {
    margin-top: 4px;
    padding: 16px 18px;
    border: 1px solid rgba(17,17,17, .22);
    border-radius: 8px;
    background: rgba(17,17,17, .08);
}

.single-product .drah-product-custom-summary > strong {
    display: block;
    margin-bottom: 10px;
    color: #171717;
    font: 900 .92rem var(--drah-font), sans-serif;
}

.single-product .drah-product-custom-summary p {
    margin: 0;
    color: rgba(247,243,238, .58);
    font: 600 .82rem/1.7 var(--drah-font), sans-serif;
}

.single-product .drah-product-custom-summary ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-product .drah-product-custom-summary li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(17,17,17, .12);
    color: rgba(247,243,238, .68);
    font: 700 .82rem/1.5 var(--drah-font), sans-serif;
}

.single-product .drah-product-custom-summary li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.single-product .drah-product-custom-summary li strong {
    color: #f7f3ee;
    text-align: left;
}

.single-product .drah-product-custom-field input:focus,
.single-product .drah-product-custom-field select:focus,
.single-product .drah-product-custom-field textarea:focus {
    outline: 2px solid rgba(17,17,17, .42);
    border-color: #171717;
}

@media (max-width: 980px) {
    .single-product div.product.product {
        width: min(100% - 24px, 1240px);
    }

    .single-product .site-main .drah-container > div.product.product {
        margin-top: 0 !important;
    }

    .single-product .drah-product-custom-fields {
        padding: 16px;
        margin: 0 0 6px;
    }

    .single-product .drah-product-custom-grid {
        grid-template-columns: 1fr;
    }

    .single-product .drah-product-custom-head {
        display: grid;
        gap: 4px;
    }

    .single-product .drah-product-custom-head strong {
        font-size: .92rem;
    }

    .single-product .drah-product-custom-head span {
        font-size: .78rem;
    }

    .single-product .drah-product-custom-field {
        margin-bottom: 10px;
    }

    .single-product .drah-product-custom-field input,
    .single-product .drah-product-custom-field select,
    .single-product .drah-product-custom-field textarea {
        min-height: 44px;
        padding: 8px 10px;
        font-size: .9rem;
    }

    .single-product .drah-product-inquiry {
        min-height: 46px;
        font-size: .88rem;
    }
}



@media (max-width: 640px) {
    .single-product .drah-product-custom-fields {
        padding: 16px 14px;
        margin: 0 0 6px;
        border-radius: 10px;
    }

    .single-product .drah-product-custom-head {
        margin-bottom: 14px;
        padding-bottom: 12px;
    }

    .single-product .drah-product-custom-head strong {
        font-size: .92rem;
    }

    .single-product .drah-product-custom-head span {
        font-size: .76rem;
        line-height: 1.5;
    }

    .single-product .drah-product-custom-grid {
        grid-template-columns: 1fr !important;
        gap: 4px;
    }

    .single-product .drah-product-custom-field {
        margin-bottom: 10px;
        gap: 5px;
        font-size: .85rem;
    }

    .single-product .drah-product-custom-field small {
        font-size: .72rem;
        display: none;
    }

    .single-product .drah-product-custom-field input,
    .single-product .drah-product-custom-field select,
    .single-product .drah-product-custom-field textarea {
        min-height: 46px;
        padding: 10px 12px;
        font-size: .88rem;
        border-radius: 8px;
        -webkit-appearance: none;
        appearance: none;
    }

    .single-product .drah-product-custom-field select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235C1A23' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: left 12px center;
        background-size: 12px;
        padding-left: 32px;
    }

    .single-product .drah-product-custom-field textarea {
        min-height: 72px;
    }

    .single-product .drah-product-inquiry {
        min-height: 44px;
        font-size: .84rem;
        border-radius: 8px;
    }

    .single-product .drah-product-custom-summary {
        padding: 12px 14px;
        border-radius: 8px;
    }

    .single-product .drah-product-custom-summary > strong {
        font-size: .84rem;
    }

    .single-product .drah-product-custom-summary li {
        font-size: .78rem;
    }
}

/* Cream product page refresh overrides */
.single-product .drah-product-custom-fields {
    background: #ffffff;
    border-color: rgba(17,17,17, .12);
    box-shadow: 0 18px 46px rgba(17,17,17, .08);
}

.single-product .drah-product-custom-head {
    border-bottom-color: rgba(17,17,17, .1);
}

.single-product .drah-product-custom-head strong,
.single-product .drah-product-custom-field {
    color: #171717;
}

.single-product .drah-product-custom-head span,
.single-product .drah-product-custom-field small {
    color: #171717;
}

.single-product .drah-product-custom-field input,
.single-product .drah-product-custom-field select,
.single-product .drah-product-custom-field textarea {
    background: #f7f3ee;
    border-color: rgba(17,17,17, .14);
    color: #171717;
}

.single-product .drah-product-custom-field span b {
    background: rgba(17,17,17, .08);
    color: #171717;
}

.single-product .drah-product-custom-summary {
    background: #f7f3ee;
    border-color: rgba(17,17,17, .12);
}

.single-product .drah-product-custom-summary > strong {
    color: #171717;
}

.single-product .drah-product-custom-summary p,
.single-product .drah-product-custom-summary li {
    color: #171717;
}

.single-product .drah-product-custom-summary li {
    border-bottom-color: rgba(17,17,17, .08);
}

.single-product .drah-product-custom-summary li strong {
    color: #171717;
}

.single-product .drah-product-custom-field input:focus,
.single-product .drah-product-custom-field select:focus,
.single-product .drah-product-custom-field textarea:focus {
    border-color: #171717;
    outline: 2px solid rgba(17,17,17, .26);
}

.single-product .drah-product-inquiry {
    background: #f7f3ee;
    border-color: rgba(17,17,17, .14);
    color: #171717;
}

.single-product .drah-product-inquiry:hover {
    background: #25d366;
    border-color: #25d366;
    color: #fff;
}

/* Cleaner customization form controls. */
.single-product .drah-product-custom-fields {
    padding: 20px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border-color: rgba(17,17,17, .09) !important;
    box-shadow: 0 16px 42px rgba(17,17,17, .06) !important;
}

.single-product .drah-product-custom-head {
    align-items: center;
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
}

.single-product .drah-product-custom-head strong {
    color: #171717 !important;
    font-size: 1rem !important;
}

.single-product .drah-product-custom-head span {
    max-width: 330px;
    color: #171717 !important;
    font-size: .8rem !important;
    line-height: 1.7 !important;
}

.single-product .drah-product-custom-grid {
    gap: 12px 14px !important;
}

.single-product .drah-product-custom-field {
    gap: 6px !important;
    margin-bottom: 12px !important;
    color: #171717 !important;
    font-size: .86rem !important;
}

.single-product .drah-product-custom-field span b {
    min-height: 18px !important;
    padding: 0 7px !important;
    background: #f7f3ee !important;
    color: #171717 !important;
    font-size: .62rem !important;
}

.single-product .drah-product-custom-field input,
.single-product .drah-product-custom-field select,
.single-product .drah-product-custom-field textarea {
    min-height: 44px !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    border-color: rgba(17,17,17, .13) !important;
    color: #171717 !important;
    padding: 8px 12px !important;
    box-shadow: inset 0 1px 0 rgba(17,17,17, .03) !important;
    font: 800 .88rem/1.5 var(--drah-font), sans-serif !important;
}

.single-product .drah-product-custom-field select {
    min-height: 42px !important;
    padding-left: 34px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%235C1A23' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' d='M3 5l4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 14px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.single-product .drah-product-custom-field textarea {
    min-height: 78px !important;
}

.single-product .drah-product-custom-field small {
    color: #171717 !important;
    font-size: .7rem !important;
    line-height: 1.55 !important;
}

.single-product .drah-product-custom-summary {
    margin-top: 2px !important;
    padding: 14px 16px !important;
    border-radius: 8px !important;
    background: #fff !important;
    border-color: rgba(17,17,17, .1) !important;
}

.single-product .drah-product-custom-summary > strong {
    margin-bottom: 8px !important;
    color: #171717 !important;
    font-size: .9rem !important;
}

.single-product .drah-product-custom-summary li {
    padding-bottom: 7px !important;
    color: #171717 !important;
    font-size: .8rem !important;
}

.single-product .drah-product-custom-summary li strong {
    color: #171717 !important;
}

@media (max-width: 640px) {
    .single-product .drah-product-custom-fields {
        padding: 14px !important;
    }

    .single-product .drah-product-custom-head {
        display: grid !important;
        gap: 8px !important;
        align-items: start !important;
    }

    .single-product .drah-product-custom-head span {
        max-width: none;
    }

    .single-product .drah-product-custom-field input,
    .single-product .drah-product-custom-field select,
    .single-product .drah-product-custom-field textarea {
        min-height: 42px !important;
        font-size: .84rem !important;
    }
}

/* Final customization form balance: grouped, scannable controls. */
.single-product .drah-product-custom-fields{
    margin:0 0 14px!important;
    padding:18px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7f3ee 100%)!important;
    border:1px solid rgba(17,17,17,.2)!important;
    box-shadow:0 14px 34px rgba(17,17,17,.06)!important;
}

.single-product .drah-product-custom-head{
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    align-items:center!important;
    gap:14px!important;
    margin-bottom:16px!important;
    padding-bottom:14px!important;
    border-bottom:1px solid rgba(17,17,17,.18)!important;
}

.single-product .drah-product-custom-head strong{
    font-size:1.05rem!important;
    line-height:1.35!important;
}

.single-product .drah-product-custom-head span{
    max-width:none!important;
    font-size:.8rem!important;
    line-height:1.75!important;
}

.single-product .drah-product-custom-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}

.single-product .drah-product-custom-field{
    margin:0 0 12px!important;
    gap:6px!important;
}

.single-product .drah-product-custom-field > span{
    min-height:22px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:4px;
}

.single-product .drah-product-custom-field span b{
    flex:0 0 auto;
    margin-right:0!important;
}

.single-product .drah-product-custom-field input,
.single-product .drah-product-custom-field select,
.single-product .drah-product-custom-field textarea{
    min-height:43px!important;
    border-radius:8px!important;
    background:#fff!important;
    font-size:.87rem!important;
}

.single-product .drah-product-custom-field textarea{
    min-height:74px!important;
}

.single-product .drah-product-custom-summary{
    margin-top:4px!important;
    padding:12px 14px!important;
    border-radius:10px!important;
}

.single-product .drah-product-custom-summary ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 12px!important;
}

.single-product .drah-product-custom-summary li{
    min-height:34px;
    align-items:center;
    padding:0 0 8px!important;
}

.single-product div.product form.cart .button,
.single-product div.product form.cart .single_add_to_cart_button{
    border-radius:10px!important;
}

@media(min-width:981px){
    .single-product .drah-product-custom-fields{
        padding:18px 20px!important;
    }

    .single-product .drah-product-custom-field:nth-last-of-type(1){
        margin-bottom:10px!important;
    }
}

@media(max-width:760px){
    .single-product .drah-product-custom-fields{
        padding:15px!important;
        border-radius:12px!important;
    }

    .single-product .drah-product-custom-head{
        grid-template-columns:1fr;
        gap:6px!important;
        margin-bottom:14px!important;
    }

    .single-product .drah-product-custom-grid,
    .single-product .drah-product-custom-summary ul{
        grid-template-columns:1fr!important;
    }

    .single-product .drah-product-custom-field{
        margin-bottom:10px!important;
    }

    .single-product .drah-product-custom-field input,
    .single-product .drah-product-custom-field select,
    .single-product .drah-product-custom-field textarea{
        min-height:42px!important;
    }
}

/* Premium customization refit: compact desktop form and obvious selectable options. */
.single-product .drah-product-custom-fields{
    margin:0 0 18px!important;
    padding:16px 18px!important;
    border:1px solid rgba(17,17,17,.16)!important;
    border-radius:12px!important;
    background:rgba(247,243,238,.78)!important;
    box-shadow:0 12px 28px rgba(17,17,17,.045)!important;
}

.single-product .drah-product-custom-head{
    grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;
    gap:12px!important;
    margin-bottom:14px!important;
    padding-bottom:12px!important;
    border-bottom:1px solid rgba(17,17,17,.08)!important;
}

.single-product .drah-product-custom-head strong{
    font-size:1rem!important;
}

.single-product .drah-product-custom-head span{
    color:#171717!important;
    font-size:.76rem!important;
    line-height:1.65!important;
}

.single-product .drah-product-custom-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 12px!important;
}

.single-product .drah-product-custom-field{
    gap:5px!important;
    margin:0 0 10px!important;
    font-size:.82rem!important;
}

.single-product .drah-product-custom-field > span{
    min-height:20px!important;
    color:#171717!important;
    font:900 .78rem/1.35 var(--drah-font),sans-serif!important;
}

.single-product .drah-product-custom-field span b{
    min-height:17px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:rgba(17,17,17,.14)!important;
    color:#171717!important;
    font-size:.58rem!important;
}

.single-product .drah-product-custom-field input[type="text"],
.single-product .drah-product-custom-field textarea{
    min-height:40px!important;
    border:1px solid rgba(17,17,17,.12)!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:inset 0 1px 0 rgba(17,17,17,.025)!important;
    color:#171717!important;
    padding:8px 11px!important;
    font:800 .84rem/1.45 var(--drah-font),sans-serif!important;
}

.single-product .drah-product-custom-field textarea{
    min-height:64px!important;
}

.single-product .drah-product-custom-field small{
    margin-top:0!important;
    color:#171717!important;
    font-size:.66rem!important;
    line-height:1.5!important;
}

.single-product .drah-product-option-group{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    min-width:0;
}

.single-product .drah-product-option-pill{
    position:relative;
    display:inline-flex;
    min-width:0;
}

.single-product .drah-product-option-pill input{
    position:absolute;
    width:1px!important;
    height:1px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0;
    pointer-events:none;
}

.single-product .drah-product-option-pill span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    max-width:100%;
    padding:7px 12px;
    border:1px solid rgba(17,17,17,.13);
    border-radius:999px;
    background:#fff;
    color:#171717;
    box-shadow:0 6px 14px rgba(17,17,17,.035);
    cursor:pointer;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
    font:900 .76rem/1.35 var(--drah-font),sans-serif;
    transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.single-product .drah-product-option-pill input:checked + span{
    border-color:#171717;
    background:#171717;
    color:#f7f3ee;
    box-shadow:0 8px 20px rgba(17,17,17,.16);
}

.single-product .drah-product-option-pill input:focus-visible + span{
    outline:2px solid rgba(17,17,17,.55);
    outline-offset:2px;
}

.single-product .drah-product-option-pill:hover span{
    border-color:rgba(17,17,17,.65);
    transform:translateY(-1px);
}

.single-product .drah-product-custom-choice{
    align-content:start;
    padding:0!important;
}

.single-product .drah-product-custom-summary{
    margin-top:0!important;
    padding:10px 12px!important;
    border:1px solid rgba(17,17,17,.08)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.58)!important;
    box-shadow:none!important;
}

.single-product .drah-product-custom-summary > strong{
    margin-bottom:7px!important;
    color:#171717!important;
    font-size:.82rem!important;
}

.single-product .drah-product-custom-summary p{
    color:#171717!important;
    font-size:.72rem!important;
}

.single-product .drah-product-custom-summary ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px 10px!important;
}

.single-product .drah-product-custom-summary li{
    min-height:auto!important;
    padding:0 0 6px!important;
    border-bottom:1px solid rgba(17,17,17,.055)!important;
    color:#171717!important;
    font-size:.72rem!important;
}

.single-product .drah-product-custom-summary li strong{
    color:#171717!important;
    font-size:.74rem!important;
}

@media(min-width:981px){
    .single-product .drah-product-custom-fields > .drah-product-custom-field:not(.drah-product-custom-choice){
        max-width:none;
    }

    .single-product .drah-product-option-group{
        gap:6px;
    }

    .single-product .drah-product-option-pill span{
        min-height:32px;
        padding:6px 10px;
        font-size:.72rem;
    }
}

@media(max-width:760px){
    .single-product .drah-product-custom-fields{
        padding:14px!important;
        border-radius:12px!important;
    }

    .single-product .drah-product-custom-head{
        grid-template-columns:1fr!important;
        gap:5px!important;
        margin-bottom:14px!important;
    }

    .single-product .drah-product-custom-head strong{
        font-size:.95rem!important;
    }

    .single-product .drah-product-custom-head span{
        font-size:.74rem!important;
    }

    .single-product .drah-product-custom-grid,
    .single-product .drah-product-custom-summary ul{
        grid-template-columns:1fr!important;
    }

    .single-product .drah-product-custom-field{
        margin-bottom:12px!important;
        gap:7px!important;
    }

    .single-product .drah-product-custom-field > span{
        font-size:.8rem!important;
    }

    .single-product .drah-product-custom-field input[type="text"],
    .single-product .drah-product-custom-field textarea{
        min-height:44px!important;
        font-size:.86rem!important;
    }

    .single-product .drah-product-option-group{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .single-product .drah-product-option-pill{
        width:100%;
    }

    .single-product .drah-product-option-pill span{
        width:100%;
        min-height:42px;
        padding:8px 10px;
        border-radius:10px;
        font-size:.78rem;
    }

    .single-product .drah-product-option-pill input:checked + span:before{
        content:"";
        width:7px;
        height:7px;
        margin-left:7px;
        border-radius:50%;
        background:#171717;
        flex:0 0 7px;
    }

    .single-product .drah-product-custom-summary{
        padding:10px!important;
    }
}

@media(max-width:380px){
    .single-product .drah-product-option-group{
        grid-template-columns:1fr;
    }
}

/* Set products: separate customization by piece (necklace / earrings / ring). */
.single-product .drah-product-custom-sections{
    display:grid;
    gap:14px;
}

.single-product .drah-product-custom-section{
    padding:14px;
    border:1px solid rgba(17,17,17,.12);
    border-radius:14px;
    background:rgba(255,255,255,.72);
    box-shadow:0 10px 24px rgba(17,17,17,.045);
}

.single-product .drah-product-custom-section > h3{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 12px;
    padding:0 0 10px;
    border-bottom:1px solid rgba(17,17,17,.09);
    color:#171717;
    font:900 1rem/1.35 var(--drah-font),sans-serif;
}

.single-product .drah-product-custom-section > h3:before{
    content:"";
    width:10px;
    height:10px;
    border-radius:999px;
    background:#171717;
    box-shadow:0 0 0 4px rgba(17,17,17,.08);
}

.single-product .drah-product-custom-section .drah-product-custom-grid{
    gap:10px 12px!important;
}

@media(max-width:760px){
    .single-product .drah-product-custom-sections{
        gap:12px;
    }
    .single-product .drah-product-custom-section{
        padding:12px;
        border-radius:12px;
    }
    .single-product .drah-product-custom-section > h3{
        font-size:.96rem;
    }
}

/* Cleaner product form: compact, calm, and purchase-focused. */
.single-product .drah-product-custom-fields{
    margin:0 0 14px!important;
    padding:14px!important;
    border:1px solid rgba(17,17,17,.08)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.58)!important;
    box-shadow:none!important;
}

.single-product .drah-product-custom-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0 0 12px!important;
    padding:0 0 10px!important;
    border-bottom:1px solid rgba(17,17,17,.07)!important;
}

.single-product .drah-product-custom-head strong{
    flex:0 0 auto!important;
    color:#171717!important;
    font:900 .98rem/1.35 var(--drah-font),sans-serif!important;
}

.single-product .drah-product-custom-head span{
    max-width:390px!important;
    color:#171717!important;
    text-align:left!important;
    font:600 .7rem/1.55 var(--drah-font),sans-serif!important;
}

.single-product .drah-product-custom-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 10px!important;
}

.single-product .drah-product-custom-field{
    gap:5px!important;
    margin:0 0 9px!important;
}

.single-product .drah-product-custom-field > span{
    min-height:auto!important;
    color:#171717!important;
    font:900 .74rem/1.35 var(--drah-font),sans-serif!important;
}

.single-product .drah-product-custom-field span b{
    min-height:auto!important;
    padding:1px 6px!important;
    background:rgba(17,17,17,.13)!important;
    color:#171717!important;
    font-size:.56rem!important;
}

.single-product .drah-product-custom-field input[type="text"],
.single-product .drah-product-custom-field textarea{
    min-height:38px!important;
    border-color:rgba(17,17,17,.35)!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:none!important;
    padding:7px 10px!important;
    color:#171717!important;
    font:800 .82rem/1.45 var(--drah-font),sans-serif!important;
}

.single-product .drah-product-custom-field textarea{
    min-height:58px!important;
}

.single-product .drah-product-custom-field-back_text textarea{
    min-height:38px!important;
    height:38px!important;
}

.single-product .drah-product-custom-field small{
    display:none!important;
}

.single-product .drah-product-option-group{
    gap:6px!important;
}

.single-product .drah-product-option-pill span{
    min-height:30px!important;
    padding:5px 10px!important;
    border-color:rgba(17,17,17,.1)!important;
    border-radius:999px!important;
    box-shadow:none!important;
    color:#171717!important;
    font-size:.7rem!important;
}

.single-product .drah-product-option-pill input:checked + span{
    border-color:#171717!important;
    background:#171717!important;
    color:#ffffff!important;
    box-shadow:none!important;
}

.single-product .drah-product-custom-summary{
    margin-top:2px!important;
    padding:9px 10px!important;
    border-color:rgba(17,17,17,.07)!important;
    border-radius:8px!important;
    background:rgba(247,243,238,.62)!important;
}

.single-product .drah-product-custom-summary > strong{
    margin-bottom:5px!important;
    color:#171717!important;
    font-size:.78rem!important;
}

.single-product .drah-product-custom-summary p,
.single-product .drah-product-custom-summary li{
    color:#171717!important;
    font-size:.68rem!important;
}

.single-product .drah-product-custom-summary ul{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px 8px!important;
}

.single-product .drah-product-custom-summary li{
    padding-bottom:4px!important;
    border-bottom-color:rgba(17,17,17,.05)!important;
}

@media(max-width:760px){
    .single-product .drah-product-custom-fields{
        padding:12px!important;
        border-radius:10px!important;
    }

    .single-product .drah-product-custom-head{
        display:block!important;
    }

    .single-product .drah-product-custom-head span{
        display:block!important;
        max-width:none!important;
        margin-top:3px!important;
        text-align:right!important;
    }

    .single-product .drah-product-custom-grid,
    .single-product .drah-product-custom-summary ul{
        grid-template-columns:1fr!important;
    }

    .single-product .drah-product-option-group{
        display:flex!important;
        flex-wrap:wrap!important;
    }

    .single-product .drah-product-option-pill{
        width:auto!important;
    }

    .single-product .drah-product-option-pill span{
        width:auto!important;
        min-height:34px!important;
        border-radius:999px!important;
        font-size:.72rem!important;
    }

    .single-product .drah-product-option-pill input:checked + span:before{
        display:none!important;
    }
}

/* Even larger options and form text for readability (RTL Arabic). */
.single-product .drah-product-custom-head strong{
    font-size:1.15rem!important;
}

.single-product .drah-product-custom-head span{
    font-size:.9rem!important;
}

.single-product .drah-product-custom-field > span{
    font-size:1rem!important;
    line-height:1.4!important;
}

.single-product .drah-product-custom-field span b{
    font-size:.78rem!important;
}

.single-product .drah-product-custom-field input[type="text"],
.single-product .drah-product-custom-field textarea{
    font-size:1.05rem!important;
    line-height:1.5!important;
}

.single-product .drah-product-option-pill span{
    font-size:1rem!important;
    line-height:1.4!important;
    padding:9px 16px!important;
}

.single-product .drah-product-custom-summary > strong{
    font-size:1rem!important;
}

.single-product .drah-product-custom-summary p,
.single-product .drah-product-custom-summary li{
    font-size:.9rem!important;
    line-height:1.55!important;
}

@media(max-width:760px){
    .single-product .drah-product-custom-head span{
        font-size:.86rem!important;
    }

    .single-product .drah-product-custom-field > span{
        font-size:.95rem!important;
    }

    .single-product .drah-product-custom-field input[type="text"],
    .single-product .drah-product-custom-field textarea{
        font-size:1rem!important;
    }

    .single-product .drah-product-option-pill span{
        font-size:.95rem!important;
        padding:8px 14px!important;
    }

    .single-product .drah-product-custom-summary p,
    .single-product .drah-product-custom-summary li{
        font-size:.85rem!important;
    }
}


/* Cleaner gift-card selector: dropdown first, message appears only when printing is selected */
.single-product .drah-product-custom-field-gift_card,
.single-product .drah-product-custom-field-gift_card_details,
.single-product .drah-product-custom-field-note{
    grid-column:1 / -1 !important;
}
.single-product .drah-product-custom-field-gift_card{
    padding:14px 16px !important;
    border:1px solid rgba(17,17,17,.18) !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.035) !important;
    gap:10px !important;
}
.single-product .drah-product-custom-field-gift_card > span{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    color:#f7f3ee !important;
    font:900 .96rem/1.5 var(--drah-font),sans-serif !important;
}
.single-product .drah-product-custom-field-gift_card > span:after{
    content:"اختياري";
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(17,17,17,.13);
    color:#171717;
    font:900 .7rem/1 var(--drah-font),sans-serif;
}
.single-product .drah-product-custom-field-gift_card select{
    min-height:54px !important;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    border-radius:12px !important;
    border-color:rgba(17,17,17,.32) !important;
    background-color:rgba(247,243,238,.08) !important;
    background-image:linear-gradient(45deg,transparent 50%,#171717 50%),linear-gradient(135deg,#171717 50%,transparent 50%) !important;
    background-position:left 20px center,left 13px center !important;
    background-size:7px 7px,7px 7px !important;
    background-repeat:no-repeat !important;
    padding-left:42px !important;
    color:#f7f3ee !important;
    font:900 1rem/1.4 var(--drah-font),sans-serif !important;
}
.single-product .drah-product-custom-field-gift_card select option{
    color:#171717;
    background:#ffffff;
}
.single-product .drah-product-custom-field-gift_card_details{
    margin-top:-4px !important;
    padding:14px 16px !important;
    border:1px solid rgba(17,17,17,.22) !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,rgba(17,17,17,.11),rgba(255,255,255,.035)) !important;
    animation:drahGiftDetailsIn .2s ease both;
}
.single-product .drah-product-custom-field-gift_card_details[hidden]{
    display:none !important;
}
.single-product .drah-product-custom-field-gift_card_details > span:after{
    content:"يظهر فقط عند اختيار طباعة رسالة";
    display:block;
    margin-top:4px;
    color:rgba(247,243,238,.54);
    font:700 .76rem/1.5 var(--drah-font),sans-serif;
}
.single-product .drah-product-custom-field-gift_card_details textarea{
    min-height:116px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.06) !important;
}
@keyframes drahGiftDetailsIn{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}
@media(max-width:640px){
    .single-product .drah-product-custom-field-gift_card,
    .single-product .drah-product-custom-field-gift_card_details{
        padding:12px !important;
        border-radius:12px !important;
    }
    .single-product .drah-product-custom-field-gift_card select{
        min-height:50px !important;
        font-size:.94rem !important;
    }
}

/* Color option swatches inside product customization pills */
.single-product .drah-product-custom-field-color .drah-product-option-pill > span{
    gap:8px !important;
    padding-inline-start:13px !important;
    padding-inline-end:15px !important;
}
.single-product .drah-product-color-swatch{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
    display:inline-block !important;
    border-radius:999px !important;
    background:var(--drah-swatch) !important;
    border:1px solid rgba(17,17,17,.16) !important;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.72),0 0 0 2px rgba(255,255,255,.55),0 3px 8px rgba(17,17,17,.16) !important;
}
.single-product .drah-product-option-pill input:checked + span .drah-product-color-swatch{
    border-color:rgba(247,243,238,.42) !important;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.78),0 0 0 2px rgba(247,243,238,.24),0 4px 10px rgba(0,0,0,.22) !important;
}

@media(max-width:760px){
    .single-product .drah-product-color-swatch{
        width:14px !important;
        height:14px !important;
        flex-basis:14px !important;
    }
}


/* Gift card toggle — clean Arabic UI below product options */
.single-product .drah-product-custom-extras {
    grid-column: 1 / -1;
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(17,17,17, .16);
}

.single-product .drah-product-custom-extras .drah-product-custom-field {
    grid-column: 1 / -1;
    margin-bottom: 0 !important;
}

.single-product .drah-product-custom-gift-card {
    padding: 14px;
    border: 1px solid rgba(17,17,17, .22);
    border-radius: 14px;
    background: rgba(247,243,238, .055);
}

.single-product .drah-gift-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.single-product .drah-gift-card-title {
    color: #f7f3ee;
    font: 900 .94rem/1.4 var(--drah-font), sans-serif;
}

.single-product .drah-gift-card-switch {
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
    min-height: 40px;
    padding: 7px 10px 7px 12px;
    border: 1px solid rgba(17,17,17, .28);
    border-radius: 999px;
    background: rgba(13, 9, 9, .18);
    color: rgba(247,243,238, .82);
    cursor: pointer;
    user-select: none;
}

.single-product .drah-gift-card-switch strong {
    font: 900 .82rem/1 var(--drah-font), sans-serif;
    white-space: nowrap;
}

.single-product .drah-product-custom-gift-card input[type="checkbox"],
.single-product .drah-product-custom-gift-card input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    min-height: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    pointer-events: none;
}

.single-product .drah-gift-card-switch i {
    position: relative;
    width: 38px;
    height: 22px;
    border-radius: 999px;
    background: rgba(247,243,238, .22);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    transition: background .18s ease;
}

.single-product .drah-gift-card-switch i:before {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f7f3ee;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .24);
    transition: transform .18s ease;
}

.single-product .drah-gift-card-switch input:checked + i {
    background: linear-gradient(135deg, #171717, #171717);
}

.single-product .drah-gift-card-switch input:checked + i:before {
    transform: translateX(-16px);
    background: #fff;
}

.single-product .drah-gift-card-panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.single-product .drah-gift-card-panel[hidden] {
    display: none !important;
}

.single-product .drah-gift-card-choice span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid rgba(17,17,17, .18);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    color: rgba(247,243,238, .78);
    font: 900 .82rem/1.4 var(--drah-font), sans-serif;
    text-align: center;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.single-product .drah-gift-card-choice input:checked + span {
    border-color: rgba(17,17,17, .72);
    background: rgba(17,17,17, .16);
    color: #171717;
}

.single-product .drah-product-custom-field-gift_card_details textarea,
.single-product .drah-product-custom-field-order_note textarea {
    min-height: 86px;
}

@media (max-width: 760px) {
    .single-product .drah-product-custom-extras {
        gap: 10px;
        margin-top: 10px;
        padding-top: 12px;
    }

    .single-product .drah-product-custom-gift-card {
        padding: 12px;
    }

    .single-product .drah-gift-card-top {
        align-items: stretch;
        flex-direction: column;
        gap: 9px;
    }

    .single-product .drah-gift-card-switch {
        justify-content: space-between;
        width: 100%;
    }

    .single-product .drah-gift-card-panel {
        grid-template-columns: 1fr;
    }
}


/* Gift card visibility/readability correction */
.single-product .drah-product-custom-extras {
    color: #171717 !important;
}

.single-product .drah-product-custom-extras .drah-product-custom-field > span,
.single-product .drah-product-custom-extras .drah-gift-card-title {
    color: #171717 !important;
    opacity: 1 !important;
}

.single-product .drah-product-custom-extras .drah-product-custom-field small,
.single-product .drah-product-custom-gift-card small {
    color: rgba(17,17,17, .62) !important;
}

.single-product .drah-product-custom-gift-card {
    background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(247,243,238,.42)) !important;
    border-color: rgba(17,17,17, .35) !important;
    box-shadow: 0 10px 22px rgba(17,17,17, .06) !important;
}

.single-product .drah-gift-card-switch {
    background: rgba(247,243,238, .72) !important;
    border-color: rgba(17,17,17, .45) !important;
    color: #171717 !important;
}

.single-product .drah-gift-card-switch strong {
    color: #171717 !important;
}

.single-product .drah-gift-card-switch i {
    background: rgba(17,17,17, .16) !important;
}

.single-product .drah-gift-card-switch i:before {
    background: #f7f3ee !important;
}

.single-product .drah-gift-card-switch input:checked + i {
    background: linear-gradient(135deg, #171717, #171717) !important;
}

.single-product .drah-gift-card-switch input:checked + i:before {
    background: #fff !important;
}

.single-product .drah-gift-card-choice span {
    background: rgba(255, 255, 255, .62) !important;
    border-color: rgba(17,17,17, .38) !important;
    color: #171717 !important;
}

.single-product .drah-gift-card-choice input:checked + span {
    background: rgba(17,17,17, .2) !important;
    border-color: rgba(17,17,17, .78) !important;
    color: #171717 !important;
}

.single-product .drah-product-custom-extras textarea,
.single-product .drah-product-custom-extras input[type="text"],
.single-product .drah-product-custom-extras select {
    background: rgba(255, 255, 255, .72) !important;
    border-color: rgba(17,17,17, .32) !important;
    color: #171717 !important;
    -webkit-text-fill-color: #171717 !important;
}

.single-product .drah-product-custom-extras textarea::placeholder,
.single-product .drah-product-custom-extras input::placeholder {
    color: rgba(17,17,17, .48) !important;
    -webkit-text-fill-color: rgba(17,17,17, .48) !important;
}


/* Force conditional customization fields to stay hidden unless their trigger choice is active */
.single-product .drah-product-custom-field[data-show-if-field]:not(.is-conditional-active),
.single-product .drah-product-custom-field[data-show-if-field][hidden] {
    display: none !important;
}

/* Force gift-card message field to stay hidden unless print-message is selected */
.single-product .drah-product-custom-field-gift_card_details:not(.is-gift-message-active) {
    display: none !important;
}

/* Required * stays beside label text (not stretched across the row) */
.single-product .drah-product-custom-field > span{
    justify-content:flex-start!important;
    gap:4px!important;
}

/* Price-by-design label (السعر حسب التصميم) — replaces 0.00 on cards + single */
.drah-price-by-design{
    display:inline-block;
    color:#171717;
    font:800 1.25rem/1.3 var(--drah-font),sans-serif;
    letter-spacing:.2px;
}

/* Order-by-WhatsApp block for price-by-design products */
.drah-order-by-whatsapp{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:18px 0 6px;
}
.drah-order-by-whatsapp-note{
    margin:0;
    padding:14px 18px;
    text-align:center;
    color:#171717;
    font:700 .95rem/1.65 var(--drah-font),sans-serif;
    background:#faf6ef;
    border:1px solid rgba(17,17,17,.10);
    border-radius:12px;
}
.drah-order-by-whatsapp-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    min-height:60px;
    padding:0 24px;
    border-radius:16px;
    /* richer, layered green with a subtle top highlight for a premium finish */
    background:linear-gradient(180deg,#2ee06f 0%,#25d366 45%,#1cb457 100%);
    color:#fff;
    font:800 1.08rem/1 var(--drah-font),sans-serif;
    letter-spacing:.2px;
    text-decoration:none;
    overflow:hidden;
    box-shadow:0 10px 26px rgba(29,164,84,.34), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 6px rgba(6,74,36,.25);
    transition:transform .2s cubic-bezier(.2,.7,.3,1), box-shadow .2s ease, filter .2s ease;
}
/* diagonal glass sheen that sweeps across on hover */
.drah-order-by-whatsapp-btn::before{
    content:"";
    position:absolute;
    top:0;bottom:0;
    left:-60%;
    width:45%;
    background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 100%);
    transform:skewX(-18deg);
    transition:left .55s ease;
    pointer-events:none;
}
.drah-order-by-whatsapp-btn:hover{
    transform:translateY(-2px);
    filter:brightness(1.03);
    box-shadow:0 16px 34px rgba(29,164,84,.42), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 6px rgba(6,74,36,.28);
}
.drah-order-by-whatsapp-btn:hover::before{ left:120%; }
.drah-order-by-whatsapp-btn:active{ transform:translateY(0); }
/* circular chip that houses the WhatsApp glyph */
.drah-order-by-whatsapp-btn .drah-wa-chip{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;height:34px;flex:0 0 34px;
    border-radius:50%;
    background:rgba(255,255,255,.22);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.drah-order-by-whatsapp-btn .drah-wa-label{ position:relative; }
.drah-order-by-whatsapp-btn .drah-wa-icon{
    width:20px;height:20px;flex:0 0 20px;
    background:#fff;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 0 1 8.413 3.488 11.824 11.824 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 0 0 1.511 5.26l-.999 3.648 3.477-.911zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 0 1 8.413 3.488 11.824 11.824 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 0 0 1.511 5.26l-.999 3.648 3.477-.911zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Chain-length size-chart button + modal */
.drah-chain-chart-btn{
    display:inline-block;
    margin-inline-start:8px;
    padding:3px 12px;
    border:1px solid #171717;
    border-radius:999px;
    background:#f7f3ee;
    color:#171717;
    font:800 .72rem/1.3 var(--drah-font),sans-serif;
    cursor:pointer;
    vertical-align:middle;
    transition:background .15s ease,color .15s ease;
}
.drah-chain-chart-btn:hover{ background:#171717; color:#fff; }

.drah-chain-chart-overlay{
    position:fixed; inset:0; z-index:99999;
    display:flex; align-items:center; justify-content:center;
    background:rgba(17,17,17,.72);
    padding:18px;
    -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
    /* smooth fade — JS toggles .is-open one frame after removing [hidden] */
    opacity:0;
    transition:opacity .26s ease;
    will-change:opacity;
}
.drah-chain-chart-overlay.is-open{ opacity:1; }
.drah-chain-chart-overlay[hidden]{ display:none; }
.drah-chain-chart-dialog{
    position:relative;
    max-width:480px; width:100%;
    max-height:90vh; overflow:auto;
    background:#fff;
    border-radius:16px;
    padding:20px 18px 16px;
    box-shadow:0 20px 60px rgba(0,0,0,.4);
    text-align:center;
    /* gentle scale + lift in */
    opacity:0;
    transform:translateY(10px) scale(.965);
    transition:opacity .28s ease, transform .32s cubic-bezier(.22,1,.36,1);
    will-change:transform,opacity;
}
.drah-chain-chart-overlay.is-open .drah-chain-chart-dialog{
    opacity:1;
    transform:translateY(0) scale(1);
}
@media (prefers-reduced-motion:reduce){
    .drah-chain-chart-overlay,
    .drah-chain-chart-dialog{ transition:none!important; }
}
.drah-chain-chart-dialog h3{
    margin:0 0 12px;
    color:#171717;
    font:900 1.1rem/1.3 var(--drah-font),sans-serif;
}
.drah-chain-chart-dialog img{
    width:100%; height:auto;
    border-radius:12px;
    background:#1a1a1a;
}
.drah-chain-chart-dialog p{
    margin:12px 0 0;
    color:#171717;
    font:600 .86rem/1.6 var(--drah-font),sans-serif;
}
.drah-chain-chart-close{
    position:absolute; inset-inline-start:12px; top:10px;
    width:34px; height:34px;
    border:0; border-radius:50%;
    background:#f7f3ee; color:#171717;
    font-size:1.4rem; line-height:1; cursor:pointer;
}
.drah-chain-chart-close:hover{ background:#171717; color:#fff; }

/* ---- Required-field inline warning (single-product customization) ---- */
.drah-product-custom-field.drah-field-invalid input,
.drah-product-custom-field.drah-field-invalid textarea,
.drah-product-custom-field.drah-field-invalid select{
    border-color:#171717 !important;
    box-shadow:0 0 0 2px rgba(17,17,17,.15) !important;
}
.drah-product-custom-field.drah-field-invalid .drah-product-option-pills{
    outline:1.5px solid rgba(17,17,17,.55);
    outline-offset:3px;
    border-radius:12px;
}
.drah-field-error{
    display:block;
    margin-top:6px;
    color:#171717;
    font-size:.82rem;
    font-weight:600;
    line-height:1.4;
}

/* ============================================================================
   THEME PASS (last, authoritative) — align the customization panel with the
   site's charcoal/silver look. Accents only; layout and field ORDER are untouched.
   ============================================================================ */
.single-product .drah-product-custom-fields{
    background:linear-gradient(180deg,#ffffff,#f5f5f4)!important;
    border:1px solid rgba(188,188,188,.30)!important;
    box-shadow:0 16px 42px rgba(17,17,17,.06)!important;
}
.single-product .drah-product-custom-head{
    border-bottom:1px solid rgba(188,188,188,.28)!important;
}
.single-product .drah-product-custom-head strong{
    color:#171717!important;
    padding-inline-start:12px!important;
    border-inline-start:3px solid #c8c8c8!important;   /* silver accent bar */
}
/* required mark -> a clean small silver asterisk (no boxy chip) */
.single-product .drah-product-custom-field span b,
.single-product .drah-gift-card-title b{
    display:inline!important;
    min-height:0!important;
    margin:0 4px 0 0!important;
    margin-inline-start:4px!important;margin-inline-end:0!important;
    padding:0!important;
    border-radius:0!important;
    background:none!important;
    color:#c8c8c8!important;
    font-size:.92em!important;line-height:1!important;
    vertical-align:middle!important;
}
/* field controls: silver borders + neutral focus ring */
.single-product .drah-product-custom-field input,
.single-product .drah-product-custom-field select,
.single-product .drah-product-custom-field textarea,
.single-product .drah-product-custom-extras input[type="text"],
.single-product .drah-product-custom-extras textarea,
.single-product .drah-product-custom-extras select{
    border-color:rgba(188,188,188,.34)!important;
}
.single-product .drah-product-custom-field input:focus,
.single-product .drah-product-custom-field select:focus,
.single-product .drah-product-custom-field textarea:focus,
.single-product .drah-product-custom-extras input:focus,
.single-product .drah-product-custom-extras textarea:focus{
    border-color:#c8c8c8!important;
    outline:0!important;
    box-shadow:0 0 0 3px rgba(188,188,188,.22)!important;
}
/* option pills: silver resting border + silver hover; selected stays charcoal */
.single-product .drah-product-option-pill span{
    border-color:rgba(188,188,188,.40)!important;
}
.single-product .drah-product-option-pill:hover span{
    border-color:#c8c8c8!important;
}
.single-product .drah-product-option-pill input:checked + span{
    background:#171717!important;border-color:#171717!important;color:#fff!important;
}
/* chain-length size-chart button -> silver pill */
.drah-chain-chart-btn{
    border-color:#c8c8c8!important;background:#f7f7f6!important;color:#2b2b2b!important;
}
.drah-chain-chart-btn:hover{ background:#c8c8c8!important;color:#171717!important;border-color:#c8c8c8!important; }
/* gift card block -> neutral card + silver toggle/choices when active */
.single-product .drah-product-custom-extras{
    border-top:1px solid rgba(188,188,188,.28)!important;
}
.single-product .drah-product-custom-gift-card{
    border-color:rgba(188,188,188,.34)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,247,246,.72))!important;
}
.single-product .drah-gift-card-switch{
    border-color:rgba(188,188,188,.45)!important;
}
.single-product .drah-gift-card-switch input:checked + i{
    background:linear-gradient(135deg,#c8c8c8,#8f8f8f)!important;
}
.single-product .drah-gift-card-choice input:checked + span{
    border-color:#c8c8c8!important;background:rgba(188,188,188,.16)!important;color:#171717!important;
}
/* summary box */
.single-product .drah-product-custom-summary{
    border-color:rgba(188,188,188,.24)!important;
}

/* ============================================================================
   Custom Arabic image upload (الصورة / صورة اللوقو) — soft, compact dropzone
   that replaces the browser's English "Choose File / No file chosen". Once an
   image is chosen it flips to a small chip with a thumbnail + filename + a
   discreet × remove. The remove control NEVER shows until a file exists
   (display is class-gated, not reliant on the [hidden] attribute).
   Palette (soft/chiller): gold #c8c8c8 on low-opacity cream, burgundy #171717.
   Appended LAST so it wins the source-order / !important battle.
   ============================================================================ */
.single-product .drah-product-custom-field .drah-file-upload{
    position:relative!important;
    display:block!important;
    width:100%!important;
}
/* the real <input type=file> — invisible but covers the control (click + a11y) */
.single-product .drah-product-custom-field .drah-file-input{
    position:absolute!important;
    inset:0!important;
    width:100%!important;height:100%!important;
    min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;
    opacity:0!important;
    cursor:pointer!important;
    z-index:1!important;
}
/* dashed dropzone (shown when nothing chosen yet) — softer + smaller */
.single-product .drah-product-custom-field .drah-file-box{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    padding:11px 13px!important;
    border:1.4px dashed rgba(188,188,188,.38)!important;
    border-radius:13px!important;
    background:#ffffff!important;
    transition:border-color .2s ease,background .2s ease!important;
    text-align:right!important;
}
.single-product .drah-product-custom-field .drah-file-upload:hover .drah-file-box{
    border-color:rgba(188,188,188,.62)!important;
    background:#fffaf1!important;
}
.single-product .drah-product-custom-field .drah-file-input:focus-visible + .drah-file-box{
    border-style:solid!important;
    border-color:#c8c8c8!important;
    box-shadow:0 0 0 3px rgba(188,188,188,.18)!important;
}
/* soft gold badge (tinted, not a loud solid gradient) */
.single-product .drah-product-custom-field .drah-file-icon{
    flex:0 0 36px!important;
    width:36px!important;height:36px!important;
    border-radius:50%!important;
    background:rgba(188,188,188,.14)!important;
    border:1px solid rgba(188,188,188,.28)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
}
.single-product .drah-product-custom-field .drah-file-icon::before{
    content:""!important;
    width:17px!important;height:17px!important;
    background:#b28a3f!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15V4m0 0L8 8m4-4 4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15V4m0 0L8 8m4-4 4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.single-product .drah-product-custom-field .drah-file-text{
    display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;
}
.single-product .drah-product-custom-field .drah-file-title{
    color:#6a3b3f!important;
    font:700 .88rem/1.35 var(--drah-font),sans-serif!important;
}
.single-product .drah-product-custom-field .drah-file-hint{
    color:#a98a54!important;
    font:600 .72rem/1.4 var(--drah-font),sans-serif!important;
    letter-spacing:.02em!important;
}
/* selected chip — HIDDEN until a file exists (class-gated, beats [hidden]) */
.single-product .drah-product-custom-field .drah-file-selected{
    display:none!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 10px!important;
    border:1.2px solid rgba(188,188,188,.4)!important;
    border-radius:13px!important;
    background:#ffffff!important;
}
.single-product .drah-product-custom-field .drah-file-upload.has-file .drah-file-selected{
    display:flex!important;
}
.single-product .drah-product-custom-field .drah-file-upload.has-file .drah-file-box{
    display:none!important;
}
.single-product .drah-product-custom-field .drah-file-thumb{
    flex:0 0 42px!important;
    width:42px!important;height:42px!important;
    object-fit:cover!important;
    border-radius:9px!important;
    border:1px solid rgba(188,188,188,.35)!important;
    background:#fff!important;
    display:none;
}
.single-product .drah-product-custom-field .drah-file-selected-name{
    flex:1 1 auto!important;
    min-width:0!important;
    color:#6a3b3f!important;
    font:700 .82rem/1.4 var(--drah-font),sans-serif!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    direction:ltr!important;      /* filenames are usually latin — keep them LTR */
    text-align:right!important;
}
/* discreet round × remove — only rendered inside the has-file chip */
.single-product .drah-product-custom-field .drah-file-remove{
    position:relative!important;
    z-index:2!important;          /* above the invisible input so it's clickable */
    flex:0 0 auto!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:26px!important;height:26px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    cursor:pointer!important;
    background:rgba(17,17,17,.07)!important;
    transition:background .2s ease!important;
}
.single-product .drah-product-custom-field .drah-file-remove::before{
    content:""!important;
    width:11px!important;height:11px!important;
    background:#171717!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.single-product .drah-product-custom-field .drah-file-remove:hover{
    background:rgba(17,17,17,.16)!important;
}
/* invalid state on the dropzone (ties into the required-field validator) */
.single-product .drah-product-custom-field.drah-field-invalid .drah-file-box{
    border-color:#171717!important;
    background:rgba(17,17,17,.05)!important;
}

/* ============================================================================
   LIGHTER PANEL TYPOGRAPHY (last) — Ahmed: "make the font lighter here".
   Dials the heavy 800/900 labels/headings in the customization panel down to a
   lighter, calmer weight. Appended last so it wins the source-order battle.
   ============================================================================ */
.single-product .drah-product-custom-head strong{
    font-weight:700!important;
}
.single-product .drah-product-custom-field > span{
    font-weight:700!important;
}
.single-product .drah-product-custom-field-gift_card > span,
.single-product .drah-gift-card-title,
.single-product .drah-product-custom-field-note > span{
    font-weight:700!important;
}
.single-product .drah-product-custom-field .drah-file-title{
    font-weight:700!important;
}
.single-product .drah-product-custom-field .drah-file-selected-name{
    font-weight:700!important;
}
/* option pills (فضي/ذهبي …) match the panel weight (700) */
.single-product .drah-product-option-pill span,
.single-product .drah-product-option-pill{
    font-weight:700!important;
}

/* ============================================================================
   REQUIRED "*" — kill the weird red/burgundy background chip and render a clean
   inline gold asterisk. Specificity (0,0,3,2) + last in source so it beats every
   earlier ".drah-product-custom-field span b" chip rule in ANY stylesheet,
   regardless of file load order.  (Ahmed: "the * have weird red color in bg".)
   ============================================================================ */
.single-product .drah-product-custom-fields .drah-product-custom-field span b,
.single-product .drah-product-custom-fields .drah-gift-card-title b{
    display:inline!important;
    min-height:0!important;
    padding:0!important;
    margin:0 3px 0 0!important;
    margin-inline-start:3px!important;
    margin-inline-end:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
    color:#c8c8c8!important;
    -webkit-text-fill-color:#c8c8c8!important;
    font-size:.9em!important;
    line-height:1!important;
    vertical-align:baseline!important;
}