/* ===============================
   VERTICAL SCROLL (amv6)
=============================== */
.amv6{--bg:#F8F6F2;--acc:#D88C9A;--acc2:#C0738A;--tx:#2A2A2A;--mu:#7A7068;--bd:#E8E3DC;--cd:#fff;--r:6px;--ffh:'Playfair Display',Georgia,serif;--ffb:'DM Sans',-apple-system,sans-serif;--t:.22s ease;}
.amv6*,.amv6*::before,.amv6*::after{box-sizing:border-box;margin:0;padding:0;}
.amv6{font-family:var(--ffb) !important; color:var(--tx);background:var(--bg);width:100%;border-radius:var(--r);overflow:hidden;}

.amv6-hdr{background:#1E1E1E;padding:8px 13px;display:flex;align-items:center;gap:7px;}
.amv6-dot{width:6px;height:6px;border-radius:50%;background:var(--acc);}
.amv6-htx{font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fff;}

.amv6-vp{overflow:hidden;position:relative;height:320px;}
.amv6-vp::before,
.amv6-vp::after{content:'';position:absolute;left:0;right:0;height:20px;z-index:3;pointer-events:none;}
.amv6-vp::before{top:0;background:linear-gradient(to bottom,var(--bg),transparent);}
.amv6-vp::after{bottom:0;background:linear-gradient(to top,var(--bg),transparent);}

.amv6-track{display:flex;flex-direction:column;padding:6px 8px;gap:5px;list-style:none;animation:amv6Up 28s linear infinite; cursor: grab;}
.amv6-track:hover{animation-play-state:paused;}

.amv6-track:active {
    cursor: grabbing;
}

@keyframes amv6Up{
0%{transform:translateY(0);}
100%{transform:translateY(-50%);}
}

.amv6-track li{display:flex;}

.amv6-card{
display:flex;align-items:stretch;
text-decoration:none;color:inherit;
background:var(--cd);
border:1px solid var(--bd);
border-radius:var(--r);
padding:7px 9px;
width:100%;
gap:8px;
position:relative;
transition:transform var(--t),box-shadow var(--t);
}

.amv6-card::before{
content:'';position:absolute;top:0;left:0;right:0;height:2px;
background:linear-gradient(90deg,var(--acc),var(--acc2));
opacity:0;transition:opacity var(--t);
}

.amv6-card:hover{
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(42,42,42,.09),0 1px 4px rgba(216,140,154,.13);
}
.amv6-card:hover::before{opacity:1;}

.amv6-logo{
display:flex;align-items:center;justify-content:center;
border-radius:4px;overflow:hidden;
width:40px;height:40px;flex-shrink:0;
}
.amv6-logo img{width:40px;height:40px;object-fit:cover;}

.amv6-txt{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;}

.amv6-by{
font-size:8.5px;font-weight:500;color:var(--acc); font-family:var(--ffh) !important;
letter-spacing:.06em;text-transform:uppercase;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
margin: 0px !important;
}

.amv6-ttl{
font-family:var(--ffh) !important;
font-size:11.5px;font-weight:600;
line-height:1.2;color:var(--tx);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
overflow:hidden; 
margin:0px;
}

.amv6-exc{
font-size:10px;color:var(--mu); font-family:var(--ffh) !important;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
overflow:hidden;
margin: 0px;
}

@media(max-width:480px){
.amv6-vp{height:270px;}
}


/* ===============================
   HORIZONTAL SCROLL (amh6)
=============================== */
.amh6{--bg:#F8F6F2;--acc:#D88C9A;--acc2:#C0738A;--tx:#2A2A2A;--mu:#7A7068;--bd:#E8E3DC;--cd:#fff;--r:6px;--ffh:'Playfair Display',Georgia,serif;--ffb:'DM Sans',-apple-system,sans-serif;--t:.22s ease;}
.amh6*,.amh6*::before,.amh6*::after{box-sizing:border-box;margin:0;padding:0;}
.amh6{font-family:var(--ffb) !important;color:var(--tx);background:var(--bg);width:100%;border-radius:var(--r);overflow:hidden;}

.amh6-hdr{background:#1E1E1E;padding:8px 13px;display:flex;align-items:center;gap:7px;}
.amh6-dot{width:6px;height:6px;border-radius:50%;background:var(--acc);}
.amh6-htx{font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fff;}

.amh6-vp{overflow:hidden;position:relative;width:100%;padding:10px 0;}
.amh6-vp::before,
.amh6-vp::after{content:'';position:absolute;top:0;bottom:0;width:40px;z-index:3;pointer-events:none;}
.amh6-vp::before{left:0;background:linear-gradient(to right,var(--bg),transparent);}
.amh6-vp::after{right:0;background:linear-gradient(to left,var(--bg),transparent);}

.amh6-track{
display:flex;width:max-content;list-style:none; cursor: grab;
animation:amh6L 30s linear infinite;
}
.amh6-track:hover{animation-play-state:paused;}
.amh6-track:active {
    cursor: grabbing;
}

@keyframes amh6L{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

.amh6-track li{display:flex;}

.amh6-card{
display:flex; align-items: center;
text-decoration:none;color:inherit;
background:var(--cd);
border:1px solid var(--bd);
border-radius:var(--r);
padding:7px 9px;
gap:8px;
margin:0 5px;
width:260px;
transition:transform var(--t),box-shadow var(--t);
}

.amh6-card::before{
content:'';position:absolute;top:0;left:0;right:0;height:2px;
background:linear-gradient(90deg,var(--acc),var(--acc2));
opacity:0;transition:opacity var(--t);
}

.amh6-card:hover{
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(42,42,42,.09),0 1px 4px rgba(216,140,154,.13);
}
.amh6-card:hover::before{opacity:1;}

.amh6-logo{
display:flex;align-items:center;justify-content:center;
border-radius:4px;overflow:hidden;
width:40px;height:40px;flex-shrink:0;
}
.amh6-logo img{width:40px;height:40px;object-fit:cover;}

.amh6-txt{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;}

.amh6-by{
font-size:8.5px;font-weight:500;color:var(--acc); font-family:var(--ffh) !important;
letter-spacing:.06em;text-transform:uppercase;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
margin: 0px;
}

.amh6-ttl{
font-family:var(--ffh) !important;
font-size:11.5px;font-weight:600;
line-height:1.2;color:var(--tx);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
overflow:hidden; 
margin:0px;
}

.amh6-exc{
font-size:10px;color:var(--mu); font-family:var(--ffh) !important;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
overflow:hidden;
margin: 0px;
}

@media(max-width:600px){
.amh6-card{width:230px;}
}

/* ===============================
   MEDIA RIBBON FORM STYLE
=============================== */

.mr-form {
    max-width: 100%;
    font-family: 'DM Sans', -apple-system, sans-serif !important;
}

/* Labels */
.mr-form label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #2A2A2A;
    margin-bottom: 6px;
}

/* Required text */
.mr-form .required {
    color: #D88C9A;
    font-size: 12px;
    margin-left: 4px;
}

/* Inputs & textarea */
.mr-form input,
.mr-form textarea,
.mr-form select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #C0738A;
    border-radius: 6px;
    font-size: 13px;
    font-family: 'DM Sans', sans-serif !important;
    color: #2A2A2A;
    background: #fff;
    outline: none;
    transition: all 0.2s ease;
    margin-bottom: 16px;
}

/* Focus effect */
.mr-form input:focus,
.mr-form textarea:focus,
.mr-form select:focus {
    border-color: #D88C9A;
    box-shadow: 0 0 0 2px rgba(216,140,154,0.15);
}

/* Placeholder */
.mr-form input::placeholder,
.mr-form textarea::placeholder {
    color: #7A7068;
    font-size: 12px;
}

/* Textarea */
.mr-form textarea {
    min-height: 120px;
    resize: vertical;
}

/* File input */
.mr-form input[type="file"] {
    padding: 8px;
    background: #F8F6F2;
}

/* Button */
.mr-form button {
    background: #D88C9A;
    color: #fff; /* you can change to #2A2A2A if needed */
    border: none;
    padding: 12px 22px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Button hover */
.mr-form button:hover {
    background: #C0738A;
}

/* Spacing between fields */
.mr-form .mr-field {
    margin-bottom: 14px;
}

/* Consent text (optional) */
.mr-form .mr-consent {
    font-size: 11px;
    color: #7A7068;
    line-height: 1.5;
    background: #F8F6F2;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #E8E3DC;
    margin-bottom: 15px;
}

.mr-error {
    color: red;
    font-size: 11px;
    display: block;
    margin-top: 4px;
}