/* --- Existing Option Styles --- */
.po-options-container{margin-bottom:20px;padding:0;border:none}.po-field-wrapper{margin-bottom:25px}.po-field-wrapper .po-field-title{font-size:1.2em;font-weight:600;display:block;margin-bottom:12px;text-align:left}.po-field-wrapper input[type=text],.po-field-wrapper input[type=number],.po-field-wrapper textarea{width:100%}.po-field-wrapper ul.po-options-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:10px}.po-options-list--radio:not(.has-images) input[type=radio]{opacity:0;position:fixed;width:0}.po-options-list--radio:not(.has-images) label{display:inline-block;padding:8px 14px;border:1px solid #ddd;background-color:#fff;border-radius:5px;cursor:pointer;transition:all .2s ease-in-out;text-align:center}.po-options-list--radio:not(.has-images) label:hover{background-color:#f7f7f7;border-color:#ccc}.po-options-list--radio:not(.has-images) input[type=radio]:checked+label{background-color:#f0f7ff;border-color:#0073e6;color:#005a9c;font-weight:500;box-shadow:0 0 0 1px #0073e6}.po-options-list--radio.has-images{gap:15px}.po-options-list--radio.has-images input[type=radio]{opacity:0;position:fixed;width:0}.po-options-list--radio.has-images label{display:flex;flex-direction:column;align-items:center;padding:5px;border:1px solid #ddd;background-color:#fff;border-radius:5px;cursor:pointer;transition:all .2s ease-in-out;width:80px}.po-options-list--radio.has-images label:hover{border-color:#999}.po-options-list--radio.has-images input[type=radio]:checked+label{border-color:#0073e6;box-shadow:0 0 0 2px #0073e6}.po-option-image{width:100%;height:70px;object-fit:cover;border-radius:3px;margin-bottom:5px}.po-option-label{font-size:.9em;line-height:1.3;text-align:center}.po-option-price{display:block;font-size:.85em;color:#555}.po-options-list--checkbox li{text-align:left}.po-options-list--checkbox label{font-weight:400}

/* --- NEW / CORRECTED SLIDER STYLES --- */
#po-gallery-container {
    width: 100%;
}
#po-gallery-main {
    position: relative;
    border: 1px solid #eee;
    overflow: hidden; /* This is crucial for the sliding effect */
    margin-bottom: 10px;
    cursor: grab; /* Indicates the element is draggable */
}
#po-gallery-main.active-drag {
    cursor: grabbing; /* Cursor style while dragging */
}
#po-gallery-main-inner {
    display: flex; /* Aligns all slides in a row */
    width: 100%;
}
.po-gallery-main-slide {
    flex: 0 0 100%; /* Each slide takes up exactly 100% of the container's width */
    min-width: 100%;
}
.po-gallery-main-slide img {
    width: 100%;
    height: auto;
    display: block;
    user-drag: none; /* Prevents native image drag interference */
    -webkit-user-drag: none;
}
/* Arrow styles are now removed */

#po-gallery-thumbs{overflow-x:auto;padding-bottom:10px}#po-gallery-thumbs-inner{display:flex;gap:10px}.po-gallery-thumb-slide{display:none;min-width:80px;width:80px;border:2px solid #eee;cursor:pointer;opacity:.7;transition:all .2s ease;border-radius:3px;overflow:hidden}.po-gallery-thumb-slide:hover{opacity:1;border-color:#ccc}.po-gallery-thumb-slide.active{border-color:#0073e6;opacity:1}.po-gallery-thumb-slide img{width:100%;height:auto;display:block}#po-gallery-thumbs::-webkit-scrollbar{height:8px}#po-gallery-thumbs::-webkit-scrollbar-track{background:#f1f1f1}#po-gallery-thumbs::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}#po-gallery-thumbs::-webkit-scrollbar-thumb:hover{background:#999}