��

mybb@mybb.ru (mus) — Mon, 08 Dec 2025 00:51:13 +0300

[org][org-head]��[/org-head][/org]

�� , �� -��!

� �� , �� , �� - �� , �� (�� ).

�� - �� . � � �� "��" � �� , �� -�� .

��, �� !

P.S. �� .
P.S.S. �� .
[html]<div class="tab-menu">
<input type="radio" id="tab1" name="tab-control" checked="">
<input type="radio" id="tab2" name="tab-control" >
<input type="radio" id="tab3" name="tab-control" >
<input type="radio" id="tab4" name="tab-control" >

<div class="shop-category">
<div class="shop-category-meta">
<h3>sweet autumn</h3>
<span class="shop-category-info" title="profile_back">��: <p>0</p> ��</span>
</div>

</div>
<input class="run_fitting_room" type="button" value="�� " onclick="moveImagesToFittingRoom(this)"/>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>witching season</h3>
<span class="shop-category-info" title="profile_back">��: <p>500</p> ��</span>
</div>

</div>
<input class="run_fitting_room" type="button" value="�� " onclick="moveImagesToFittingRoom(this)"/>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>spicy latte</h3>
<span class="shop-category-info" title="profile_back">��: <p>1000</p> ��</span>
</div>

</div>
<input class="run_fitting_room" type="button" value="�� " onclick="moveImagesToFittingRoom(this)"/>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>taste it</h3>
<span class="shop-category-info" title="profile_back">��: <p>1500</p> ��</span>
</div>

</div>
<input class="run_fitting_room" type="button" value="�� " onclick="moveImagesToFittingRoom(this)"/>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>old story</h3>
<span class="shop-category-info" title="profile_back">��: <p>2000</p> ��</span>
</div>

</div>
<input class="run_fitting_room" type="button" value="�� "onclick="moveImagesToFittingRoom(this)"/>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>purrrple</h3>
<span class="shop-category-info" title="profile_back">��: <p>1000</p> ��</span>
</div>

</div>
<input class="run_fitting_room" type="button" value="�� "onclick="moveImagesToFittingRoom(this)"/>

</div></div>

</section>

<section>
<div class="shop-category">
<div class="shop-category-meta">
<h3>secret night</h3>
<span class="shop-category-info" title="ps_back">��: <p>1000</p> ��</span>
</div>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>sweet morning</h3>
<span class="shop-category-info" title="ps_back">��: <p>1500</p> ��</span>
</div>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>dark embrace </h3>
<span class="shop-category-info" title="ps_back">��: <p>2000</p> ��</span>
</div>

</div></div>

</div>
</section>

<section>
<div class="shop-category">
<div class="shop-category-meta">
<h3>mixed emotions</h3>
<span class="shop-category-info" title="icon">��: <p>300</p> ��</span>
</div>

</div>
<input class="run_fitting_room" type="button" value="�� "onclick="moveImagesToFittingRoom(this)"/>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>ultra violet</h3>
<span class="shop-category-info" title="icon">��: <p>500</p> ��</span>
</div>

</div>
<input class="run_fitting_room" type="button" value="�� "onclick="moveImagesToFittingRoom(this)"/>

</div></div>

</div>
<input class="run_fitting_room" type="button" value="�� " onclick="moveImagesToFittingRoom(this)"/>

</div></div>
</section>

</div>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>up to heaven</h3>
<span class="shop-category-info" title="profile_pattern">��: <p>2000</p> ��</span>
</div>

</div>

</div></div>

<div class="shop-category">
<div class="shop-category-meta">
<h3>winter is coming</h3>
<span class="shop-category-info" title="profile_pattern">��: <p>2500</p> ��</span>
</div>

</div>

</div></div>

</section>

</div></div>

<style>

:root {
--font-1: sans-serif;
--font-2: sans-serif;
}

.tab-menu {
position: relative;
width: auto;
display: flex;
padding: 10px;
flex-direction: column;
}
.tab-menu input[name=tab-control] {display: none !important;}
.tab-menu .shop {
overflow-y: auto;
border-radius: 5px;
text-align: justify;}
.tab-menu .shop section {display: none;}
.tab-menu ul.tabs {
list-style-type: none;
display: flex;
gap: 10px;
flex-direction: row;
align-items: center;
padding: 10px;
justify-content: center;
overflow-y: auto;
overflow-x: hidden;
}
.tab-menu ul.tabs span {
min-width: 227px;
text-transform: uppercase;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
flex-direction: column;
align-content: center;
cursor: pointer;
padding: 10px 20px;
font: 700 10px / 100% var(--font);
text-align: center;
box-sizing: border-box;
background: rgb(var(--bg-sub));
box-shadow: var(--b-shad);
transition: all .2s linear;
}
.tab-menu ul.tabs span:hover {
background: var(--but-bg);
color: var(--but-col);
}

:has(#tab1:checked) ul.tabs:nth-child(1) {
color: var(--org-h-col) !important;
opacity: .5;
}
:has(#tab2:checked) ul.tabs:nth-child(2) {
color: var(--org-h-col) !important;
opacity: .8;
}
:has(#tab3:checked) ul.tabs:nth-child(3) {
color: var(--org-h-col) !important;
opacity: .8;
}

.tab-menu input[name=tab-control]:nth-of-type(1):checked ~ .shop > section:nth-child(1) {display: block;}
.tab-menu input[name=tab-control]:nth-of-type(2):checked ~ .shop > section:nth-child(2) {display: block;}
.tab-menu input[name=tab-control]:nth-of-type(3):checked ~ .shop > section:nth-child(3) {display: block;}
.tab-menu input[name=tab-control]:nth-of-type(4):checked ~ .shop > section:nth-child(4) {display: block;}

.shop {
width: 100%;
padding: 10px;
background: rgb(var(--bg-sub));
border-radius: 3px;
box-shadow: var(--b-shad);
}

.shop h2 {
text-align: center;
color: var(--org-h-col);
font-family: var(--font-2);
}

.shop-category-meta {
display: flex;
justify-content: space-between; /* �� h3 � .shop-category-info */
align-items: center;
margin: 10px 0;
background: rgb(var(--col1) / .2);
padding: 5px;
}

.shop-category {margin-bottom: 10px;}

.shop-category h3 {
font-family: var(--font3);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 20px;
color: rgb(var(--col1));
}

.shop-category-info {
display: flex;
color: var(--text-sub);
justify-content: space-between;
font-weight: bold;
gap: 5px;
}

.shop-category-info p {
padding: 0px !important;
color: rgb(var(--col1));
}

.shop-category-container {
background: rgb(var(--bg-main));
padding: 15px 10px 10px 10px;
margin-bottom: 10px;
}

.shop-category-elements {
width: 100%;
height: 100px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding: 0 0 10px 0;
margin-bottom: 5px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 7px;
}

.shop-element, .shop-icon-element {
position: relative;
height: 90px;
overflow: hidden;
border: 1px solid rgb(var(--col1) / .20);
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
background-color: rgb(var(--bg-sub));
flex-shrink: 0;
}

.fitting_room-container {
display: flex;
gap: 10px;
align-items: flex-start;
}

.icon_panel {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
float: left;
height: 500px;
overflow-y: auto;
}

.shop-element {
width: 200px;
display: inline-block;
vertical-align: top;
}

.shop-category-elements .shop-icon-element {
width: 93px;
height: 85px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
flex-shrink: 0;
padding: 5px;
}

.icon_panel .shop-icon-element {
width: 60px;
height: 45px;
display: flex;
justify-content: space-evenly; /* �� h3 � .shop-category-info */
align-items: center;
}

.shop-element-info {
display: block;
text-align: center;
padding: 5px;
}

.shop-element img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block;
}

.shop-icon-element img {
width: 45px;
display: block;
}

.shop-category-elements.pattern {height:auto;}
.shop-element.pattern {
width: 287px;
height: 188px;
}
.shop-element.pattern img {
height:auto;
background-color: rgb(var(--pt-col-main));
}

.fake {
width: auto !important;
display: inline-block !important;
padding: 0px !important;
margin-right: 10px;
}

.fit_room {display: none;}

.patterns {display: none;}

.fitting_room {
flex: 1;
margin-top: 10px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding-bottom: 10px;
}

.fit_room h2 {
text-align: center;
color: rgb(var(--col1));
font-family: var(--font-2);
}

.cart_flag {
position: absolute;
top: 5px;
left: 0;
z-index: 10;
background: rgb(var(--col1));
color: rgb(var(--l-col));
font-weight: bold;
padding: 2px 5px 2px 5px;
}

.cart_flag::after,
.cart_flag::before {
content: "";
position: absolute;
border-left: 15px solid rgb(var(--col1));
}

.cart_flag::after {
bottom: 0px;
border-top: 15px solid transparent;
}

.cart_flag::before {
top: 0px;
right: -10px;
border-bottom: 15px solid transparent;
}

.fade-slide-down {
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-slide-down.show {
opacity: 1;
transform: translateY(0);
}
</style>
[/html][hideprofile]
*�� �� ��

riot

����� ����

�������� ����

������ ����

�������� ���������

��

��

��

��