Ripkitty SSS (Super Sour Suver) Delta 8 CBD Hemp Flower

/* SSS GRASSY LAWN & MEMPHIS TAPE THEME
* Layered Design: Deep Green Cassette Shell, Swaying Grass, Yellow Pollen
*/
.rkai-sss-wrap {
background: linear-gradient(135deg, #0a1c0d 0%, #15381b 100%);
color: #e8f5e9;
padding: 45px;
border-radius: 12px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.8;
max-width: 950px;
margin: 30px auto;
position: relative;
overflow: hidden;

/* Cassette Tape Plastic Border */
border: 4px solid #1a4314;
box-shadow:
0 0 0 2px #000,
0 0 0 6px #e5ff00, /* Pollen Yellow Border */
0 20px 50px rgba(0, 0, 0, 0.9),
inset 0 0 60px rgba(0, 0, 0, 0.8);
}

/* Animated Grassy Lawn Gradient Background */
.rkai-lawn-layer {
position: absolute;
top: -50%; left: -50%; width: 200%; height: 200%;
background: repeating-linear-gradient(
45deg,
rgba(45, 106, 34, 0.1) 0px,
rgba(45, 106, 34, 0.1) 20px,
rgba(21, 56, 27, 0.15) 20px,
rgba(21, 56, 27, 0.15) 40px
);
animation: grassSway 8s ease-in-out infinite alternate;
pointer-events: none;
z-index: 1;
}

@keyframes grassSway {
0% { transform: rotate(-2deg) scale(1); }
100% { transform: rotate(2deg) scale(1.05); }
}

/* Yellow Pollen Dust Animation */
.rkai-pollen-layer {
position: absolute;
top: 100%; left: 0; width: 100%; height: 200%;
background-image:
radial-gradient(4px 4px at 20px 30px, #ffff66, transparent),
radial-gradient(6px 6px at 60px 70px, #e5ff00, transparent),
radial-gradient(3px 3px at 80px 160px, #ccff00, transparent),
radial-gradient(5px 5px at 120px 40px, #ffff99, transparent),
radial-gradient(4px 4px at 180px 80px, #e5ff00, transparent);
background-size: 250px 250px;
animation: pollenDrift 12s linear infinite;
pointer-events: none;
z-index: 2;
opacity: 0.7;
}

@keyframes pollenDrift {
0% { transform: translateY(0) translateX(0); }
100% { transform: translateY(-250px) translateX(50px); }
}

/* Cassette Tape Screws */
.rkai-tape-screws::before, .rkai-tape-screws::after {
content: '⊕';
position: absolute;
font-size: 24px;
color: #000;
text-shadow: 1px 1px 0px #333;
z-index: 5;
}
.rkai-tape-screws::before { top: 15px; left: 20px; }
.rkai-tape-screws::after { top: 15px; right: 20px; }

.rkai-tape-screws-bottom::before, .rkai-tape-screws-bottom::after {
content: '⊕';
position: absolute;
font-size: 24px;
color: #000;
text-shadow: 1px 1px 0px #333;
z-index: 5;
bottom: 15px;
}
.rkai-tape-screws-bottom::before { left: 20px; }
.rkai-tape-screws-bottom::after { right: 20px; }

.rkai-memphis-inner {
position: relative;
z-index: 10;
}

/* Memphis Tape Label Header */
.rkai-tape-label {
background: #e5ff00;
padding: 15px 25px;
border-radius: 8px;
border: 2px solid #000;
margin-bottom: 30px;
box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 5px 5px 0px #000;
position: relative;
}

.rkai-side-a {
position: absolute;
top: 10px; right: 15px;
font-family: 'Courier New', Courier, monospace;
font-weight: 900;
color: #000;
font-size: 18px;
border: 2px solid #000;
padding: 2px 6px;
}

.rkai-sss-wrap h2 {
font-family: 'Arial Black', Impact, sans-serif;
font-size: 38px;
color: #000;
margin: 10px 0;
text-transform: uppercase;
font-weight: 900;
letter-spacing: -1px;
line-height: 1.1;
}

.rkai-tagline {
font-size: 1.1rem;
font-family: 'Courier New', Courier, monospace;
color: #1a4314;
font-weight: 900;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Tape Window (Video Container) */
.rkai-tape-window {
margin: 30px auto;
border: 6px solid #000;
border-radius: 12px;
background: #111;
position: relative;
box-shadow: inset 0 0 30px rgba(0,0,0,0.9), 0 10px 20px rgba(0,0,0,0.6);
overflow: hidden;
}

.rkai-tape-window::before {
content: '';
position: absolute;
top: 50%; left: 10%; right: 10%; height: 2px;
background: rgba(255, 255, 255, 0.1);
z-index: 2;
pointer-events: none;
}

.rkai-tape-window video {
width: 100%;
height: auto;
display: block;
opacity: 0.9;
mix-blend-mode: screen;
}

/* Gritty Description */
.rkai-sss-wrap p.rkai-desc {
margin-bottom: 20px;
color: #e8f5e9;
font-weight: 600;
font-size: 1.1rem;
background: rgba(0, 0, 0, 0.6);
padding: 20px;
border-left: 5px solid #e5ff00;
border-right: 5px solid #e5ff00;
}

.rkai-sss-wrap p strong {
color: #e5ff00;
font-weight: 900;
text-transform: uppercase;
}

/* Data Headers */
.rkai-sss-wrap h3 {
font-family: 'Arial Black', Impact, sans-serif;
font-size: 24px;
color: #000;
background: #e5ff00;
display: inline-block;
padding: 6px 15px;
margin-top: 25px;
margin-bottom: 20px;
box-shadow: 4px 4px 0px #000;
text-transform: uppercase;
transform: skew(-5deg);
}

/* Grid Layout */
.rkai-memphis-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
margin-bottom: 30px;
}

/* Vault Cards */
.rkai-memphis-card {
background: rgba(10, 28, 13, 0.9);
border: 2px solid #1a4314;
border-top: 5px solid #e5ff00;
padding: 25px;
box-shadow: 5px 5px 0px rgba(0,0,0,0.8);
transition: all 0.3s ease;
}

.rkai-memphis-card:hover {
transform: translate(-3px, -3px);
box-shadow: 8px 8px 0px #e5ff00;
background: rgba(21, 56, 27, 0.9);
}

.rkai-memphis-card h4 {
font-family: 'Arial Black', sans-serif;
font-size: 18px;
color: #e8f5e9;
text-transform: uppercase;
margin: 0 0 15px 0;
border-bottom: 2px dashed #4caf50;
padding-bottom: 10px;
}

/* Grime Bullets */
.rkai-sss-wrap ul {
list-style-type: none;
padding-left: 0;
margin-top: 10px;
}

.rkai-sss-wrap li {
margin-bottom: 12px;
color: #c8e6c9;
font-weight: 700;
display: flex;
align-items: flex-start;
}

.rkai-sss-wrap li::before {
content: "⚡";
margin-right: 12px;
color: #e5ff00;
font-size: 1.1em;
}

/* Underground Lab Link */
.rkai-lab-container {
text-align: center;
margin-top: 40px;
padding-top: 25px;
background: #000;
border: 2px solid #1a4314;
padding: 20px;
border-radius: 8px;
}

.rkai-lab-link {
display: inline-block;
background: #e5ff00;
color: #000;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
padding: 15px 35px;
border: 2px solid #000;
box-shadow: 4px 4px 0px #4caf50;
transition: all 0.2s ease;
}

.rkai-lab-link:hover {
background: #4caf50;
color: #fff;
box-shadow: 4px 4px 0px #e5ff00;
transform: translate(-2px, -2px);
}

.rkai-compliance-p {
font-family: 'Courier New', Courier, monospace;
font-size: 13px !important;
font-weight: bold !important;
text-align: center;
color: #4caf50 !important;
margin-top: 15px;
}

.rkai-seo-tags { display: none; visibility: hidden; }